From 739ef39050c0a9f59b726eb9b0ac5a3ba96aba00 Mon Sep 17 00:00:00 2001 From: Koen Punt Date: Tue, 7 May 2013 15:20:28 +0300 Subject: Updated URL for jekyll installation --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 7579d3a99..b76a8da23 100644 --- a/README.md +++ b/README.md @@ -35,7 +35,7 @@ Have a bug or a feature request? [Please open a new issue](https://github.com/tw ## Documentation -Bootstrap's docs are built using [Jekyll](http://jekyllrb.com) and hosted on GitHub Pages at [http://getbootstrap.com](http://getbootstrap.com). To view our docs locally, you'll need to [install Jekyll](https://github.com/mojombo/jekyll/wiki/install) to run a local server. +Bootstrap's docs are built using [Jekyll](http://jekyllrb.com) and hosted on GitHub Pages at [http://getbootstrap.com](http://getbootstrap.com). To view our docs locally, you'll need to [install Jekyll](http://jekyllrb.com/docs/installation) to run a local server. Documentation for [previous versions](https://github.com/twitter/bootstrap/tags) is also available via tags. -- cgit v1.2.3 From f06294d80f7a8dd0752837aab3ed5fca17d3d9be Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 7 May 2013 10:33:41 -0700 Subject: Outdent nav links a bit more so they line up in navbar --- docs/assets/css/bootstrap.css | 2 +- less/navbar.less | 3 ++- 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 67b0bd18e..e8ddf5bb1 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3529,7 +3529,7 @@ button.close { } .navbar-nav { - margin-top: 5px; + margin: 10px -15px 0; } .navbar-nav > li > a { diff --git a/less/navbar.less b/less/navbar.less index d4e5286a5..494f43b6f 100644 --- a/less/navbar.less +++ b/less/navbar.less @@ -20,7 +20,8 @@ .navbar-nav { // Space out from .navbar .brand and .btn-navbar when stacked in mobile views - margin-top: 5px; + // and outdent nav links so text lines up with logo. + margin: 10px -15px 0; > li > a { padding-top: ((@navbar-height - @line-height-base) / 2); -- cgit v1.2.3 From ad5f88e1c5384d8312655298dcff429253ad2d9c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 7 May 2013 18:03:32 -0700 Subject: Update config after updating to jekyll 1.0.1 --- _config.yml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_config.yml b/_config.yml index 57a28e0a7..6b328977b 100644 --- a/_config.yml +++ b/_config.yml @@ -8,5 +8,5 @@ permalink: pretty # Server source: ./docs destination: ./_gh_pages +port: 9001 url: http://bootstrap.dev:9001 -server_port: 9001 -- cgit v1.2.3 From d7f84d1220719cdf2272c9aa3c6731a932394c58 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 7 May 2013 18:07:06 -0700 Subject: Require .btn-default for regular buttons * Instead of , use for standard, gray button * Improves ability to customize buttons by encouraging folks to not override .btn and thus overriding all button modifier classes * Updates docs to reflect the change * Reorganize buttons CSS --- docs/assets/css/bootstrap.css | 111 +++++++++++++------------ docs/docs.html | 187 +++++++++++++++++++++--------------------- less/button-groups.less | 4 +- less/buttons.less | 119 ++++++++++++--------------- less/mixins.less | 3 +- less/variables.less | 11 ++- 6 files changed, 217 insertions(+), 218 deletions(-) diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index e8ddf5bb1..26cfc3b09 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1830,7 +1830,7 @@ select:focus:invalid:focus { white-space: nowrap; vertical-align: middle; cursor: pointer; - border: 1px solid #a7a9aa; + border: 1px solid transparent; border-radius: 4px; } @@ -1865,72 +1865,38 @@ fieldset[disabled] .btn { box-shadow: none; } -.btn-large { - padding: 11px 14px; - font-size: 17.5px; - border-radius: 6px; -} - -.btn-small { - padding: 2px 10px; - font-size: 11.9px; - border-radius: 3px; -} - -.btn-mini { - padding: 0 6px; - font-size: 10.5px; - border-radius: 3px; -} - -.btn-block { - display: block; - width: 100%; - padding-right: 0; - padding-left: 0; -} - -.btn-block + .btn-block { - margin-top: 5px; -} - -input[type="submit"].btn-block, -input[type="reset"].btn-block, -input[type="button"].btn-block { - width: 100%; -} - -.btn { +.btn-default { color: #ffffff; background-color: #a7a9aa; border-color: #a7a9aa; } -.btn:hover, -.btn:focus, -.btn:active, -.btn.active { +.btn-default:hover, +.btn-default:focus, +.btn-default:active, +.btn-default.active { background-color: #9a9c9d; border-color: #8d9091; } -.btn.disabled:hover, -.btn[disabled]:hover, -fieldset[disabled] .btn:hover, -.btn.disabled:focus, -.btn[disabled]:focus, -fieldset[disabled] .btn:focus, -.btn.disabled:active, -.btn[disabled]:active, -fieldset[disabled] .btn:active, -.btn.disabled.active, -.btn[disabled].active, -fieldset[disabled] .btn.active { +.btn-default.disabled:hover, +.btn-default[disabled]:hover, +fieldset[disabled] .btn-default:hover, +.btn-default.disabled:focus, +.btn-default[disabled]:focus, +fieldset[disabled] .btn-default:focus, +.btn-default.disabled:active, +.btn-default[disabled]:active, +fieldset[disabled] .btn-default:active, +.btn-default.disabled.active, +.btn-default[disabled].active, +fieldset[disabled] .btn-default.active { background-color: #a7a9aa; border-color: #a7a9aa; } .btn-primary { + color: #ffffff; background-color: #428bca; border-color: #428bca; } @@ -1960,6 +1926,7 @@ fieldset[disabled] .btn-primary.active { } .btn-warning { + color: #ffffff; background-color: #f0ad4e; border-color: #f0ad4e; } @@ -1989,6 +1956,7 @@ fieldset[disabled] .btn-warning.active { } .btn-danger { + color: #ffffff; background-color: #d9534f; border-color: #d9534f; } @@ -2018,6 +1986,7 @@ fieldset[disabled] .btn-danger.active { } .btn-success { + color: #ffffff; background-color: #5cb85c; border-color: #5cb85c; } @@ -2047,6 +2016,7 @@ fieldset[disabled] .btn-success.active { } .btn-info { + color: #ffffff; background-color: #5bc0de; border-color: #5bc0de; } @@ -2114,6 +2084,41 @@ fieldset[disabled] .btn-link:focus { text-decoration: none; } +.btn-large { + padding: 11px 14px; + font-size: 17.5px; + border-radius: 6px; +} + +.btn-small { + padding: 2px 10px; + font-size: 11.9px; + border-radius: 3px; +} + +.btn-mini { + padding: 0 6px; + font-size: 10.5px; + border-radius: 3px; +} + +.btn-block { + display: block; + width: 100%; + padding-right: 0; + padding-left: 0; +} + +.btn-block + .btn-block { + margin-top: 5px; +} + +input[type="submit"].btn-block, +input[type="reset"].btn-block, +input[type="button"].btn-block { + width: 100%; +} + .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; diff --git a/docs/docs.html b/docs/docs.html index 88ab16d7c..5b502cf89 100644 --- a/docs/docs.html +++ b/docs/docs.html @@ -2047,7 +2047,7 @@ For example, <section> should be wrapped as inline.

Button options

-

Button styles can be applied to anything with the .btn class applied. However, typically you'll want to apply these to only <a> and <button> elements for the best rendering.

+

Use any of the available button classes to quickly create a styled button.

@@ -2080,56 +2080,55 @@ For example, <section> should be wrapped as inline. {% endhighlight %} -

Button sizes

Fancy larger or smaller buttons? Add .btn-large, .btn-small, or .btn-mini for additional sizes.

- - + +

- +

- - + +

- - + +

{% highlight html %}

- - + +

- +

- - + +

- - + +

{% endhighlight %}

Create block level buttons—those that span the full width of a parent— by adding .btn-block.

- - + +
{% highlight html %} - - + + {% endhighlight %} @@ -2139,12 +2138,12 @@ For example, <section> should be wrapped as inline.

Button element

Add the disabled attribute to <button> buttons.

- - + +

{% highlight html %} - + {% endhighlight %}
@@ -2155,12 +2154,12 @@ For example, <section> should be wrapped as inline.

Anchor element

Add the .disabled class to <a> buttons.

- Primary link - Link + Primary link + Link

{% highlight html %} -Primary link -Link +Primary link +Link {% endhighlight %}

We use .disabled as a utility class here, similar to the common .active class, so no prefix is required. @@ -2171,19 +2170,19 @@ For example, <section> should be wrapped as inline.

-

One class, multiple tags

-

Use the .btn class on an <a>, <button>, or <input> element.

+

Using multiple tags

+

Use the button classes on an <a>, <button>, or <input> element.

- Link - - - + Link + + +
{% highlight html %} -Link - - - +Link + + + {% endhighlight %}
@@ -2599,20 +2598,20 @@ For example, <section> should be wrapped as inline.
- - - - + + + +
{% highlight html %}
- - - - + + + +
{% endhighlight %} @@ -2638,8 +2637,8 @@ For example, <section> should be wrapped as inline.
{% highlight html %}
- User - + User +
  • Edit
  • Delete
    • @@ -2652,18 +2651,18 @@ For example, <section> should be wrapped as inline.
    Large button
    - Star + Star
    {% highlight html %} - Star + Star {% endhighlight %}
    Small button
    - +
    {% highlight html %} - + {% endhighlight %} @@ -2878,16 +2877,16 @@ For example, <section> should be wrapped as inline.

    Wrap a series of buttons with .btn in .btn-group.

    - - - + + +
    {% highlight html %}
    - - - + + +
    {% endhighlight %} @@ -2896,18 +2895,18 @@ For example, <section> should be wrapped as inline.
    - - - - + + + +
    - - - + + +
    - +
    @@ -2923,12 +2922,12 @@ For example, <section> should be wrapped as inline.

    Place buttons groups within button groups when you want dropdown menus mixed with a series of buttons.

    - - - + + +
    - @@ -2945,10 +2944,10 @@ For example, <section> should be wrapped as inline.

    Make a set of buttons appear vertically stacked rather than horizontally.

    - - - - + + + +
    {% highlight html %} @@ -2961,9 +2960,9 @@ For example, <section> should be wrapped as inline.

    Make a group of buttons stretch at the same size to span the entire width of its parent. This only works with <a> elements as the <button> doesn't pick up these styles.

    - Left - Right - Middle + Left + Right + Middle
    {% highlight html %} @@ -2994,7 +2993,7 @@ For example, <section> should be wrapped as inline.
    - +
    • Action
    • Another action
      • @@ -3048,7 +3047,7 @@ For example, <section> should be wrapped as inline. {% highlight html %}
      -
        @@ -3066,8 +3065,8 @@ For example, <section> should be wrapped as inline.
        - - + +
        • Action
        • Another action
          • @@ -3125,8 +3124,8 @@ For example, <section> should be wrapped as inline. {% highlight html %}
          - - +
            @@ -3144,7 +3143,7 @@ For example, <section> should be wrapped as inline.
            -
              @@ -3156,7 +3155,7 @@ For example, <section> should be wrapped as inline.
            -
              @@ -3168,7 +3167,7 @@ For example, <section> should be wrapped as inline.
            -
              @@ -3184,7 +3183,7 @@ For example, <section> should be wrapped as inline. {% highlight html %}
              -
                @@ -3194,7 +3193,7 @@ For example, <section> should be wrapped as inline.
                -
                  @@ -3204,7 +3203,7 @@ For example, <section> should be wrapped as inline.
                  -
                    @@ -3218,8 +3217,8 @@ For example, <section> should be wrapped as inline.
                    - - + +
                    - - + +
                    {% highlight html %}
                    - - +
                      diff --git a/less/button-groups.less b/less/button-groups.less index 3a72d90bf..6f9a52acd 100644 --- a/less/button-groups.less +++ b/less/button-groups.less @@ -4,10 +4,10 @@ // Button carets .btn .caret { - border-top-color: @btn-color; + border-top-color: @btn-default-color; } .dropup .btn .caret { - border-bottom-color: @btn-color; + border-bottom-color: @btn-default-color; } // Make the div behave like a button diff --git a/less/buttons.less b/less/buttons.less index b65e3fdc7..128971a4c 100644 --- a/less/buttons.less +++ b/less/buttons.less @@ -17,7 +17,7 @@ text-align: center; vertical-align: middle; cursor: pointer; - border: 1px solid @btn-border; + border: 1px solid transparent; border-radius: @border-radius-base; white-space: nowrap; @@ -50,91 +50,35 @@ } -// Button Sizes -// ------------------------- - -// Large -.btn-large { - padding: @padding-large; - font-size: @font-size-large; - border-radius: @border-radius-large; -} - -// Small -.btn-small { - padding: @padding-small; - font-size: @font-size-small; - border-radius: @border-radius-small; -} - -// Mini -.btn-mini { - padding: @padding-mini; - font-size: @font-size-mini; - border-radius: @border-radius-small; -} - - -// Icons in buttons -// ------------------------- - -// TODO: figure this shit out - -// Block button -// ------------------------- - -.btn-block { - display: block; - width: 100%; - padding-left: 0; - padding-right: 0; -} - -// Vertically space out multiple block buttons -.btn-block + .btn-block { - margin-top: 5px; -} - -// Specificity overrides -input[type="submit"], -input[type="reset"], -input[type="button"] { - &.btn-block { - width: 100%; - } -} - - // Alternate buttons // -------------------------------------------------- -.btn { - color: @btn-color; - .btn-pseudo-states(@btn-bg, @btn-border); +.btn-default { + .btn-pseudo-states(@btn-default-color, @btn-default-bg, @btn-default-border); } .btn-primary { - .btn-pseudo-states(@btn-primary-bg, @btn-primary-border); + .btn-pseudo-states(@btn-primary-color, @btn-primary-bg, @btn-primary-border); } // Warning appears as orange .btn-warning { - .btn-pseudo-states(@btn-warning-bg, @btn-warning-border); + .btn-pseudo-states(@btn-warning-color, @btn-warning-bg, @btn-warning-border); } // Danger and error appear as red .btn-danger { - .btn-pseudo-states(@btn-danger-bg, @btn-danger-border); + .btn-pseudo-states(@btn-danger-color, @btn-danger-bg, @btn-danger-border); } // Success appears as green .btn-success { - .btn-pseudo-states(@btn-success-bg, @btn-success-border); + .btn-pseudo-states(@btn-success-color, @btn-success-bg, @btn-success-border); } // Info appears as blue-green .btn-info { - .btn-pseudo-states(@btn-info-bg, @btn-info-border); + .btn-pseudo-states(@btn-info-color, @btn-info-bg, @btn-info-border); } // Link buttons -// -------------------------------------------------- +// ------------------------- // Make a button look and behave like a link .btn-link, @@ -173,3 +117,48 @@ fieldset[disabled] .btn-link { } } } + + +// Button Sizes +// -------------------------------------------------- + +.btn-large { + padding: @padding-large; + font-size: @font-size-large; + border-radius: @border-radius-large; +} +.btn-small { + padding: @padding-small; + font-size: @font-size-small; + border-radius: @border-radius-small; +} +.btn-mini { + padding: @padding-mini; + font-size: @font-size-mini; + border-radius: @border-radius-small; +} + + +// Block button +// -------------------------------------------------- + +.btn-block { + display: block; + width: 100%; + padding-left: 0; + padding-right: 0; +} + +// Vertically space out multiple block buttons +.btn-block + .btn-block { + margin-top: 5px; +} + +// Specificity overrides +input[type="submit"], +input[type="reset"], +input[type="button"] { + &.btn-block { + width: 100%; + } +} diff --git a/less/mixins.less b/less/mixins.less index 2323d1203..48e2073c5 100644 --- a/less/mixins.less +++ b/less/mixins.less @@ -350,7 +350,8 @@ // ------------------------- // Easily pump out default styles, as well as :hover, :focus, :active, // and disabled options for all buttons -.btn-pseudo-states(@background, @border) { +.btn-pseudo-states(@color, @background, @border) { + color: @color; background-color: @background; border-color: @border; diff --git a/less/variables.less b/less/variables.less index 37d51e16e..6c0c0ab41 100644 --- a/less/variables.less +++ b/less/variables.less @@ -84,22 +84,27 @@ // Buttons // ------------------------- -@btn-color: #fff; -@btn-bg: #a7a9aa; -@btn-border: @btn-bg; +@btn-default-color: #fff; +@btn-default-bg: #a7a9aa; +@btn-default-border: @btn-default-bg; +@btn-primary-color: @btn-default-color; @btn-primary-bg: @brand-primary; @btn-primary-border: @btn-primary-bg; +@btn-success-color: @btn-default-color; @btn-success-bg: @brand-success; @btn-success-border: @btn-success-bg; +@btn-warning-color: @btn-default-color; @btn-warning-bg: @brand-warning; @btn-warning-border: @btn-warning-bg; +@btn-danger-color: @btn-default-color; @btn-danger-bg: @brand-danger; @btn-danger-border: @btn-danger-bg; +@btn-info-color: @btn-default-color; @btn-info-bg: @brand-info; @btn-info-border: @btn-info-bg; -- cgit v1.2.3 From 86598cac6b525ab122aa4de92aa3be696fa62e6a Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 7 May 2013 20:01:57 -0700 Subject: Fixes #7796: change @list-group-active-text to @list-group-active-color --- less/list-group.less | 2 +- less/variables.less | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/less/list-group.less b/less/list-group.less index d37027d50..41b45f484 100644 --- a/less/list-group.less +++ b/less/list-group.less @@ -67,7 +67,7 @@ a.list-group-item:focus { // Active class on item itself, not parent a.list-group-item.active { z-index: 2; // Place active items above their siblings for proper border styling - color: @list-group-active-text; + color: @list-group-active-color; background-color: @list-group-active-bg; border-color: @list-group-active-border; diff --git a/less/variables.less b/less/variables.less index 37d51e16e..f6f59605a 100644 --- a/less/variables.less +++ b/less/variables.less @@ -314,7 +314,7 @@ @list-group-border-radius: @border-radius-base; @list-group-hover-bg: #f5f5f5; -@list-group-active-text: #fff; +@list-group-active-color: #fff; @list-group-active-bg: @component-active-bg; @list-group-active-border: @list-group-active-bg; -- cgit v1.2.3 From c0e23ad27b7a488f35bcd8bdb29e604823e9a1af Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 7 May 2013 20:48:37 -0700 Subject: nuke the unused navbar that was leftover --- docs/_includes/navbar.html | 34 ---------------------------------- 1 file changed, 34 deletions(-) delete mode 100644 docs/_includes/navbar.html diff --git a/docs/_includes/navbar.html b/docs/_includes/navbar.html deleted file mode 100644 index 5e6c5ae63..000000000 --- a/docs/_includes/navbar.html +++ /dev/null @@ -1,34 +0,0 @@ - -
                      -
                      - - B -
                      -
                        -
                      • - -
                        • -
                      • - -
                        • -
                      • - -
                        • -
                      • - -
                        • -
                      • - -
                        • -
                      -
                      -
                      -
                      -- cgit v1.2.3 From c459c657f8e10ae1af6378114f4943104597c590 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 7 May 2013 21:56:55 -0700 Subject: Update forms * Overhaul the form control sizing section to only show sizing via grid columns as parents, not as classes on inputs * Restore the inline-form option * Restore the bottom margin on form controls and make them block level instead of inline-block * More misc docs cleanup for forms --- docs/assets/css/bootstrap.css | 22 +++++++++--- docs/docs.html | 81 +++++++++++-------------------------------- less/forms.less | 28 ++++++++++++--- 3 files changed, 61 insertions(+), 70 deletions(-) diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index e8ddf5bb1..6b904d6e8 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1249,9 +1249,10 @@ input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { - display: inline-block; + display: block; min-height: 34px; padding: 6px 9px; + margin-bottom: 10px; font-size: 14px; line-height: 20px; color: #555555; @@ -1374,6 +1375,7 @@ textarea::-webkit-input-placeholder { min-height: 20px; padding-left: 20px; margin-bottom: 10px; + vertical-align: middle; } .radio label, @@ -1619,21 +1621,24 @@ select:focus:invalid:focus { display: table; } -.input-group[class*="span"] { +.input-group.col { float: none; - padding: 0; + padding-right: 0; + padding-left: 0; } .input-group input, .input-group select { width: 100%; + margin-bottom: 0; } .input-group-addon, .input-group-btn, .input-group input { display: table-cell; - margin: 0; + /*margin: 0;*/ + border-radius: 0; } @@ -1779,6 +1784,15 @@ select:focus:invalid:focus { border-bottom-right-radius: 3px; } +.form-inline input, +.form-inline select, +.form-inline textarea, +.form-inline .radio, +.form-inline .checkbox { + display: inline-block; + margin-bottom: 0; +} + @media screen and (min-width: 768px) { .form-horizontal .control-group { position: relative; diff --git a/docs/docs.html b/docs/docs.html index 88ab16d7c..f3370dfbd 100644 --- a/docs/docs.html +++ b/docs/docs.html @@ -1327,10 +1327,14 @@ For example, <section> should be wrapped as inline.

                      Included with Bootstrap are optional form layouts for common use cases.

                      Inline form

                      -

                      Add .form-inline for left-aligned labels and inline-block controls for a compact layout.

                      +

                      Add .form-inline for left-aligned and inline-block controls for a compact layout.

                      +
                      +

                      Requires custom widths

                      +

                      Inputs, selects, and textareas are 100% wide by default in Bootstrap. To use the inline form, you'll have to set a width on the form controls used within.

                      +
                      - - + +
                  • Code
                    • @@ -220,7 +219,6 @@
                  • Button
                  • Collapse
                  • Carousel
                    • -
                  • Typeahead
                  • Affix
                  diff --git a/docs/assets/js/bootstrap.js b/docs/assets/js/bootstrap.js index 8de108627..babd429f9 100644 --- a/docs/assets/js/bootstrap.js +++ b/docs/assets/js/bootstrap.js @@ -1832,341 +1832,6 @@ $(this).tab('show') }) -}(window.jQuery); -/* ============================================================= - * bootstrap-typeahead.js v3.0.0 - * http://twitter.github.com/bootstrap/javascript.html#typeahead - * ============================================================= - * Copyright 2012 Twitter, Inc. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - * ============================================================ */ - - -!function($){ - - "use strict"; // jshint ;_; - - - /* TYPEAHEAD PUBLIC CLASS DEFINITION - * ================================= */ - - var Typeahead = function (element, options) { - this.$element = $(element) - this.options = $.extend({}, $.fn.typeahead.defaults, options) - this.matcher = this.options.matcher || this.matcher - this.sorter = this.options.sorter || this.sorter - this.highlighter = this.options.highlighter || this.highlighter - this.updater = this.options.updater || this.updater - this.source = this.options.source - this.$menu = $(this.options.menu) - this.shown = false - this.listen() - } - - Typeahead.prototype = { - - constructor: Typeahead - - , select: function () { - var val = this.$menu.find('.active').attr('data-value') - this.$element - .val(this.updater(val)) - .change() - return this.hide() - } - - , updater: function (item) { - return item - } - - , show: function () { - var pos = $.extend({}, this.$element.position(), { - height: this.$element[0].offsetHeight - }) - - this.$menu - .insertAfter(this.$element) - .css({ - top: pos.top + pos.height - , left: pos.left - }) - .show() - - this.shown = true - return this - } - - , hide: function () { - this.$menu.hide() - this.shown = false - return this - } - - , lookup: function (event) { - var items - - this.query = this.$element.val() - - if (!this.query || this.query.length < this.options.minLength) { - return this.shown ? this.hide() : this - } - - items = $.isFunction(this.source) ? this.source(this.query, $.proxy(this.process, this)) : this.source - - return items ? this.process(items) : this - } - - , process: function (items) { - var that = this - - items = $.grep(items, function (item) { - return that.matcher(item) - }) - - items = this.sorter(items) - - if (!items.length) { - return this.shown ? this.hide() : this - } - - return this.render(items.slice(0, this.options.items)).show() - } - - , matcher: function (item) { - return ~item.toLowerCase().indexOf(this.query.toLowerCase()) - } - - , sorter: function (items) { - var beginswith = [] - , caseSensitive = [] - , caseInsensitive = [] - , item - - while (item = items.shift()) { - if (!item.toLowerCase().indexOf(this.query.toLowerCase())) beginswith.push(item) - else if (~item.indexOf(this.query)) caseSensitive.push(item) - else caseInsensitive.push(item) - } - - return beginswith.concat(caseSensitive, caseInsensitive) - } - - , highlighter: function (item) { - var query = this.query.replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g, '\\$&') - return item.replace(new RegExp('(' + query + ')', 'ig'), function ($1, match) { - return '' + match + '' - }) - } - - , render: function (items) { - var that = this - - items = $(items).map(function (i, item) { - i = $(that.options.item).attr('data-value', item) - i.find('a').html(that.highlighter(item)) - return i[0] - }) - - items.first().addClass('active') - this.$menu.html(items) - return this - } - - , next: function (event) { - var active = this.$menu.find('.active').removeClass('active') - , next = active.next() - - if (!next.length) { - next = $(this.$menu.find('li')[0]) - } - - next.addClass('active') - } - - , prev: function (event) { - var active = this.$menu.find('.active').removeClass('active') - , prev = active.prev() - - if (!prev.length) { - prev = this.$menu.find('li').last() - } - - prev.addClass('active') - } - - , listen: function () { - this.$element - .on('focus', $.proxy(this.focus, this)) - .on('blur', $.proxy(this.blur, this)) - .on('keypress', $.proxy(this.keypress, this)) - .on('keyup', $.proxy(this.keyup, this)) - - if (this.eventSupported('keydown')) { - this.$element.on('keydown', $.proxy(this.keydown, this)) - } - - this.$menu - .on('click', $.proxy(this.click, this)) - .on('mouseenter', 'li', $.proxy(this.mouseenter, this)) - .on('mouseleave', 'li', $.proxy(this.mouseleave, this)) - } - - , eventSupported: function(eventName) { - var isSupported = eventName in this.$element - if (!isSupported) { - this.$element.setAttribute(eventName, 'return;') - isSupported = typeof this.$element[eventName] === 'function' - } - return isSupported - } - - , move: function (e) { - if (!this.shown) return - - switch(e.keyCode) { - case 9: // tab - case 13: // enter - case 27: // escape - e.preventDefault() - break - - case 38: // up arrow - e.preventDefault() - this.prev() - break - - case 40: // down arrow - e.preventDefault() - this.next() - break - } - - e.stopPropagation() - } - - , keydown: function (e) { - this.suppressKeyPressRepeat = ~$.inArray(e.keyCode, [40,38,9,13,27]) - this.move(e) - } - - , keypress: function (e) { - if (this.suppressKeyPressRepeat) return - this.move(e) - } - - , keyup: function (e) { - switch(e.keyCode) { - case 40: // down arrow - case 38: // up arrow - case 16: // shift - case 17: // ctrl - case 18: // alt - break - - case 9: // tab - case 13: // enter - if (!this.shown) return - this.select() - break - - case 27: // escape - if (!this.shown) return - this.hide() - break - - default: - this.lookup() - } - - e.stopPropagation() - e.preventDefault() - } - - , focus: function (e) { - this.focused = true - } - - , blur: function (e) { - this.focused = false - if (!this.mousedover && this.shown) this.hide() - } - - , click: function (e) { - e.stopPropagation() - e.preventDefault() - this.select() - this.$element.focus() - } - - , mouseenter: function (e) { - this.mousedover = true - this.$menu.find('.active').removeClass('active') - $(e.currentTarget).addClass('active') - } - - , mouseleave: function (e) { - this.mousedover = false - if (!this.focused && this.shown) this.hide() - } - - } - - - /* TYPEAHEAD PLUGIN DEFINITION - * =========================== */ - - var old = $.fn.typeahead - - $.fn.typeahead = function (option) { - return this.each(function () { - var $this = $(this) - , data = $this.data('typeahead') - , options = typeof option == 'object' && option - if (!data) $this.data('typeahead', (data = new Typeahead(this, options))) - if (typeof option == 'string') data[option]() - }) - } - - $.fn.typeahead.defaults = { - source: [] - , items: 8 - , menu: '
                    ' - , item: '
                    • ' - , minLength: 1 - } - - $.fn.typeahead.Constructor = Typeahead - - - /* TYPEAHEAD NO CONFLICT - * =================== */ - - $.fn.typeahead.noConflict = function () { - $.fn.typeahead = old - return this - } - - - /* TYPEAHEAD DATA-API - * ================== */ - - $(document).on('focus.typeahead.data-api', '[data-provide="typeahead"]', function (e) { - var $this = $(this) - if ($this.data('typeahead')) return - $this.typeahead($this.data()) - }) - }(window.jQuery); /* ========================================================== * bootstrap-affix.js v3.0.0 diff --git a/docs/assets/js/bootstrap.min.js b/docs/assets/js/bootstrap.min.js index 646b3bc73..ce3bdcddc 100644 --- a/docs/assets/js/bootstrap.min.js +++ b/docs/assets/js/bootstrap.min.js @@ -3,4 +3,4 @@ * Copyright 2012 Twitter, Inc. * http://www.apache.org/licenses/LICENSE-2.0.txt */ -!function(e){"use strict";e(function(){e.support.transition=function(){var e=function(){var e=document.createElement("bootstrap"),t={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"},n;for(n in t)if(e.style[n]!==undefined)return t[n]}();return e&&{end:e}}()})}(window.jQuery),!function(e){"use strict";var t='[data-dismiss="alert"]',n=function(n){e(n).on("click",t,this.close)};n.prototype.close=function(t){function s(){i.trigger("closed").remove()}var n=e(this),r=n.attr("data-target"),i;r||(r=n.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,"")),i=e(r),t&&t.preventDefault(),i.length||(i=n.hasClass("alert")?n:n.parent()),i.trigger(t=e.Event("close"));if(t.isDefaultPrevented())return;i.removeClass("in"),e.support.transition&&i.hasClass("fade")?i.on(e.support.transition.end,s):s()};var r=e.fn.alert;e.fn.alert=function(t){return this.each(function(){var r=e(this),i=r.data("alert");i||r.data("alert",i=new n(this)),typeof t=="string"&&i[t].call(r)})},e.fn.alert.Constructor=n,e.fn.alert.noConflict=function(){return e.fn.alert=r,this},e(document).on("click.alert.data-api",t,n.prototype.close)}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.$element=e(t),this.options=e.extend({},e.fn.button.defaults,n)};t.prototype.setState=function(e){var t="disabled",n=this.$element,r=n.data(),i=n.is("input")?"val":"html";e+="Text",r.resetText||n.data("resetText",n[i]()),n[i](r[e]||this.options[e]),setTimeout(function(){e=="loadingText"?n.addClass(t).attr(t,t):n.removeClass(t).removeAttr(t)},0)},t.prototype.toggle=function(){var e=this.$element.closest('[data-toggle="buttons-radio"]');e&&e.find(".active").removeClass("active"),this.$element.toggleClass("active")};var n=e.fn.button;e.fn.button=function(n){return this.each(function(){var r=e(this),i=r.data("button"),s=typeof n=="object"&&n;i||r.data("button",i=new t(this,s)),n=="toggle"?i.toggle():n&&i.setState(n)})},e.fn.button.defaults={loadingText:"loading..."},e.fn.button.Constructor=t,e.fn.button.noConflict=function(){return e.fn.button=n,this},e(document).on("click.button.data-api","[data-toggle^=button]",function(t){var n=e(t.target);n.hasClass("btn")||(n=n.closest(".btn")),n.button("toggle")})}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.$element=e(t),this.$indicators=this.$element.find(".carousel-indicators"),this.options=n,this.options.pause=="hover"&&this.$element.on("mouseenter",e.proxy(this.pause,this)).on("mouseleave",e.proxy(this.cycle,this))};t.prototype={cycle:function(t){return t||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(e.proxy(this.next,this),this.options.interval)),this},getActiveIndex:function(){return this.$active=this.$element.find(".item.active"),this.$items=this.$active.parent().children(),this.$items.index(this.$active)},to:function(t){var n=this.getActiveIndex(),r=this;if(t>this.$items.length-1||t<0)return;return this.sliding?this.$element.one("slid",function(){r.to(t)}):n==t?this.pause().cycle():this.slide(t>n?"next":"prev",e(this.$items[t]))},pause:function(t){return t||(this.paused=!0),this.$element.find(".next, .prev").length&&e.support.transition.end&&(this.$element.trigger(e.support.transition.end),this.cycle(!0)),clearInterval(this.interval),this.interval=null,this},next:function(){if(this.sliding)return;return this.slide("next")},prev:function(){if(this.sliding)return;return this.slide("prev")},slide:function(t,n){var r=this.$element.find(".item.active"),i=n||r[t](),s=this.interval,o=t=="next"?"left":"right",u=t=="next"?"first":"last",a=this,f;this.sliding=!0,s&&this.pause(),i=i.length?i:this.$element.find(".item")[u](),f=e.Event("slide",{relatedTarget:i[0],direction:o});if(i.hasClass("active"))return;this.$indicators.length&&(this.$indicators.find(".active").removeClass("active"),this.$element.one("slid",function(){var t=e(a.$indicators.children()[a.getActiveIndex()]);t&&t.addClass("active")}));if(e.support.transition&&this.$element.hasClass("slide")){this.$element.trigger(f);if(f.isDefaultPrevented())return;i.addClass(t),i[0].offsetWidth,r.addClass(o),i.addClass(o),this.$element.one(e.support.transition.end,function(){i.removeClass([t,o].join(" ")).addClass("active"),r.removeClass(["active",o].join(" ")),a.sliding=!1,setTimeout(function(){a.$element.trigger("slid")},0)})}else{this.$element.trigger(f);if(f.isDefaultPrevented())return;r.removeClass("active"),i.addClass("active"),this.sliding=!1,this.$element.trigger("slid")}return s&&this.cycle(),this}};var n=e.fn.carousel;e.fn.carousel=function(n){return this.each(function(){var r=e(this),i=r.data("carousel"),s=e.extend({},e.fn.carousel.defaults,typeof n=="object"&&n),o=typeof n=="string"?n:s.slide;i||r.data("carousel",i=new t(this,s)),typeof n=="number"?i.to(n):o?i[o]():s.interval&&i.pause().cycle()})},e.fn.carousel.defaults={interval:5e3,pause:"hover"},e.fn.carousel.Constructor=t,e.fn.carousel.noConflict=function(){return e.fn.carousel=n,this},e(document).on("click.carousel.data-api","[data-slide], [data-slide-to]",function(t){var n=e(this),r,i=e(n.attr("data-target")||(r=n.attr("href"))&&r.replace(/.*(?=#[^\s]+$)/,"")),s=e.extend({},i.data(),n.data()),o;i.carousel(s),(o=n.attr("data-slide-to"))&&i.data("carousel").pause().to(o).cycle(),t.preventDefault()})}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.$element=e(t),this.options=e.extend({},e.fn.collapse.defaults,n),this.options.parent&&(this.$parent=e(this.options.parent)),this.options.toggle&&this.toggle()};t.prototype={constructor:t,dimension:function(){var e=this.$element.hasClass("width");return e?"width":"height"},show:function(){var t,n,r,i;if(this.transitioning||this.$element.hasClass("in"))return;t=this.dimension(),n=e.camelCase(["scroll",t].join("-")),r=this.$parent&&this.$parent.find("> .accordion-group > .in");if(r&&r.length){i=r.data("collapse");if(i&&i.transitioning)return;r.collapse("hide"),i||r.data("collapse",null)}this.$element[t](0),this.transition("addClass",e.Event("show"),"shown"),e.support.transition&&this.$element[t](this.$element[0][n])},hide:function(){var t;if(this.transitioning||!this.$element.hasClass("in"))return;t=this.dimension(),this.reset(this.$element[t]()),this.transition("removeClass",e.Event("hide"),"hidden"),this.$element[t](0)},reset:function(e){var t=this.dimension();return this.$element.removeClass("collapse")[t](e||"auto")[0].offsetWidth,this.$element[e!==null?"addClass":"removeClass"]("collapse"),this},transition:function(t,n,r){var i=this,s=function(){n.type=="show"&&i.reset(),i.transitioning=0,i.$element.trigger(r)};this.$element.trigger(n);if(n.isDefaultPrevented())return;this.transitioning=1,this.$element[t]("in"),e.support.transition&&this.$element.hasClass("collapse")?this.$element.one(e.support.transition.end,s):s()},toggle:function(){this[this.$element.hasClass("in")?"hide":"show"]()}};var n=e.fn.collapse;e.fn.collapse=function(n){return this.each(function(){var r=e(this),i=r.data("collapse"),s=e.extend({},e.fn.collapse.defaults,r.data(),typeof n=="object"&&n);i||r.data("collapse",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.collapse.defaults={toggle:!0},e.fn.collapse.Constructor=t,e.fn.collapse.noConflict=function(){return e.fn.collapse=n,this},e(document).on("click.collapse.data-api","[data-toggle=collapse]",function(t){var n=e(this),r,i=n.attr("data-target")||t.preventDefault()||(r=n.attr("href"))&&r.replace(/.*(?=#[^\s]+$)/,""),s=e(i).data("collapse")?"toggle":n.data();n[e(i).hasClass("in")?"addClass":"removeClass"]("collapsed"),e(i).collapse(s)})}(window.jQuery),!function(e){"use strict";function r(){e(t).each(function(){i(e(this)).removeClass("open")})}function i(t){var n=t.attr("data-target"),r;n||(n=t.attr("href"),n=n&&/#/.test(n)&&n.replace(/.*(?=#[^\s]*$)/,"")),r=n&&e(n);if(!r||!r.length)r=t.parent();return r}var t="[data-toggle=dropdown]",n=function(t){var n=e(t).on("click.dropdown.data-api",this.toggle);e("html").on("click.dropdown.data-api",function(){n.parent().removeClass("open")})};n.prototype={constructor:n,toggle:function(t){var n=e(this),s,o;if(n.is(".disabled, :disabled"))return;return s=i(n),o=s.hasClass("open"),r(),o||s.toggleClass("open"),n.focus(),!1},keydown:function(n){var r,s,o,u,a,f;if(!/(38|40|27)/.test(n.keyCode))return;r=e(this),n.preventDefault(),n.stopPropagation();if(r.is(".disabled, :disabled"))return;u=i(r),a=u.hasClass("open");if(!a||a&&n.keyCode==27)return n.which==27&&u.find(t).focus(),r.click();s=e("[role=menu] li:not(.divider):visible a",u);if(!s.length)return;f=s.index(s.filter(":focus")),n.keyCode==38&&f>0&&f--,n.keyCode==40&&f').appendTo(document.body),this.$backdrop.click(this.options.backdrop=="static"?e.proxy(this.$element[0].focus,this.$element[0]):e.proxy(this.hide,this)),i&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in");if(!t)return;i?this.$backdrop.one(e.support.transition.end,t):t()}else!this.isShown&&this.$backdrop?(this.$backdrop.removeClass("in"),e.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one(e.support.transition.end,t):t()):t&&t()}};var n=e.fn.modal;e.fn.modal=function(n){return this.each(function(){var r=e(this),i=r.data("modal"),s=e.extend({},e.fn.modal.defaults,r.data(),typeof n=="object"&&n);i||r.data("modal",i=new t(this,s)),typeof n=="string"?i[n]():s.show&&i.show()})},e.fn.modal.defaults={backdrop:!0,keyboard:!0,show:!0},e.fn.modal.Constructor=t,e.fn.modal.noConflict=function(){return e.fn.modal=n,this},e(document).on("click.modal.data-api",'[data-toggle="modal"]',function(t){var n=e(this),r=n.attr("href"),i=e(n.attr("data-target")||r&&r.replace(/.*(?=#[^\s]+$)/,"")),s=i.data("modal")?"toggle":e.extend({remote:!/#/.test(r)&&r},i.data(),n.data());t.preventDefault(),i.modal(s).one("hide",function(){n.focus()})});var r=e(document.body).on("shown",".modal",function(){r.addClass("modal-open")}).on("hidden",".modal",function(){r.removeClass("modal-open")})}(window.jQuery),!function(e){"use strict";var t=function(e,t){this.init("tooltip",e,t)};t.prototype={constructor:t,init:function(t,n,r){var i,s,o,u,a;this.type=t,this.$element=e(n),this.options=this.getOptions(r),this.enabled=!0,o=this.options.trigger.split(" ");for(a=o.length;a--;)u=o[a],u=="click"?this.$element.on("click."+this.type,this.options.selector,e.proxy(this.toggle,this)):u!="manual"&&(i=u=="hover"?"mouseenter":"focus",s=u=="hover"?"mouseleave":"blur",this.$element.on(i+"."+this.type,this.options.selector,e.proxy(this.enter,this)),this.$element.on(s+"."+this.type,this.options.selector,e.proxy(this.leave,this)));this.options.selector?this._options=e.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},getOptions:function(t){return t=e.extend({},e.fn[this.type].defaults,this.$element.data(),t),t.delay&&typeof t.delay=="number"&&(t.delay={show:t.delay,hide:t.delay}),t},enter:function(t){var n=e.fn[this.type].defaults,r={},i;this._options&&e.each(this._options,function(e,t){n[e]!=t&&(r[e]=t)},this),i=e(t.currentTarget)[this.type](r).data(this.type);if(!i.options.delay||!i.options.delay.show)return i.show();clearTimeout(this.timeout),i.hoverState="in",this.timeout=setTimeout(function(){i.hoverState=="in"&&i.show()},i.options.delay.show)},leave:function(t){var n=e(t.currentTarget)[this.type](this._options).data(this.type);this.timeout&&clearTimeout(this.timeout);if(!n.options.delay||!n.options.delay.hide)return n.hide();n.hoverState="out",this.timeout=setTimeout(function(){n.hoverState=="out"&&n.hide()},n.options.delay.hide)},show:function(){var t,n,r,i,s,o,u=e.Event("show");if(this.hasContent()&&this.enabled){this.$element.trigger(u);if(u.isDefaultPrevented())return;t=this.tip(),this.setContent(),this.options.animation&&t.addClass("fade"),s=typeof this.options.placement=="function"?this.options.placement.call(this,t[0],this.$element[0]):this.options.placement,t.detach().css({top:0,left:0,display:"block"}),this.options.container?t.appendTo(this.options.container):t.insertAfter(this.$element),n=this.getPosition(),r=t[0].offsetWidth,i=t[0].offsetHeight;switch(s){case"bottom":o={top:n.top+n.height,left:n.left+n.width/2-r/2};break;case"top":o={top:n.top-i,left:n.left+n.width/2-r/2};break;case"left":o={top:n.top+n.height/2-i/2,left:n.left-r};break;case"right":o={top:n.top+n.height/2-i/2,left:n.left+n.width}}this.applyPlacement(o,s),this.$element.trigger("shown")}},applyPlacement:function(e,t){var n=this.tip(),r=n[0].offsetWidth,i=n[0].offsetHeight,s,o,u,a;n.offset(e).addClass(t).addClass("in"),s=n[0].offsetWidth,o=n[0].offsetHeight,t=="top"&&o!=i&&(e.top=e.top+i-o,a=!0),t=="bottom"||t=="top"?(u=0,e.left<0&&(u=e.left*-2,e.left=0,n.offset(e),s=n[0].offsetWidth,o=n[0].offsetHeight),this.replaceArrow(u-r+s,s,"left")):this.replaceArrow(o-i,o,"top"),a&&n.offset(e)},replaceArrow:function(e,t,n){this.arrow().css(n,e?50*(1-e/t)+"%":"")},setContent:function(){var e=this.tip(),t=this.getTitle();e.find(".tooltip-inner")[this.options.html?"html":"text"](t),e.removeClass("fade in top bottom left right")},hide:function(){function i(){var t=setTimeout(function(){n.off(e.support.transition.end).detach()},500);n.one(e.support.transition.end,function(){clearTimeout(t),n.detach()})}var t=this,n=this.tip(),r=e.Event("hide");this.$element.trigger(r);if(r.isDefaultPrevented())return;return n.removeClass("in"),e.support.transition&&this.$tip.hasClass("fade")?i():n.detach(),this.$element.trigger("hidden"),this},fixTitle:function(){var e=this.$element;(e.attr("title")||typeof e.attr("data-original-title")!="string")&&e.attr("data-original-title",e.attr("title")||"").attr("title","")},hasContent:function(){return this.getTitle()},getPosition:function(){var t=this.$element[0];return e.extend({},typeof t.getBoundingClientRect=="function"?t.getBoundingClientRect():{width:t.offsetWidth,height:t.offsetHeight},this.$element.offset())},getTitle:function(){var e,t=this.$element,n=this.options;return e=t.attr("data-original-title")||(typeof n.title=="function"?n.title.call(t[0]):n.title),e},tip:function(){return this.$tip=this.$tip||e(this.options.template)},arrow:function(){return this.$arrow=this.$arrow||this.tip().find(".tooltip-arrow")},validate:function(){this.$element[0].parentNode||(this.hide(),this.$element=null,this.options=null)},enable:function(){this.enabled=!0},disable:function(){this.enabled=!1},toggleEnabled:function(){this.enabled=!this.enabled},toggle:function(t){var n=t?e(t.currentTarget)[this.type](this._options).data(this.type):this;n.tip().hasClass("in")?n.hide():n.show()},destroy:function(){this.hide().$element.off("."+this.type).removeData(this.type)}};var n=e.fn.tooltip;e.fn.tooltip=function(n){return this.each(function(){var r=e(this),i=r.data("tooltip"),s=typeof n=="object"&&n;i||r.data("tooltip",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.tooltip.Constructor=t,e.fn.tooltip.defaults={animation:!0,placement:"top",selector:!1,template:'
                    ',trigger:"hover focus",title:"",delay:0,html:!1,container:!1},e.fn.tooltip.noConflict=function(){return e.fn.tooltip=n,this}}(window.jQuery),!function(e){"use strict";var t=function(e,t){this.init("popover",e,t)};t.prototype=e.extend({},e.fn.tooltip.Constructor.prototype,{constructor:t,setContent:function(){var e=this.tip(),t=this.getTitle(),n=this.getContent();e.find(".popover-title")[this.options.html?"html":"text"](t),e.find(".popover-content")[this.options.html?"html":"text"](n),e.removeClass("fade top bottom left right in")},hasContent:function(){return this.getTitle()||this.getContent()},getContent:function(){var e,t=this.$element,n=this.options;return e=(typeof n.content=="function"?n.content.call(t[0]):n.content)||t.attr("data-content"),e},tip:function(){return this.$tip||(this.$tip=e(this.options.template)),this.$tip},destroy:function(){this.hide().$element.off("."+this.type).removeData(this.type)}});var n=e.fn.popover;e.fn.popover=function(n){return this.each(function(){var r=e(this),i=r.data("popover"),s=typeof n=="object"&&n;i||r.data("popover",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.popover.Constructor=t,e.fn.popover.defaults=e.extend({},e.fn.tooltip.defaults,{placement:"right",trigger:"click",content:"",template:'

                    '}),e.fn.popover.noConflict=function(){return e.fn.popover=n,this}}(window.jQuery),!function(e){"use strict";function t(t,n){var r=e.proxy(this.process,this),i=e(t).is("body")?e(window):e(t),s;this.options=e.extend({},e.fn.scrollspy.defaults,n),this.$scrollElement=i.on("scroll.scroll-spy.data-api",r),this.selector=(this.options.target||(s=e(t).attr("href"))&&s.replace(/.*(?=#[^\s]+$)/,"")||"")+" .nav li > a",this.$body=e("body"),this.refresh(),this.process()}t.prototype={constructor:t,refresh:function(){var t=this,n;this.offsets=e([]),this.targets=e([]),n=this.$body.find(this.selector).map(function(){var n=e(this),r=n.data("target")||n.attr("href"),i=/^#\w/.test(r)&&e(r);return i&&i.length&&[[i.position().top+(!e.isWindow(t.$scrollElement.get(0))&&t.$scrollElement.scrollTop()),r]]||null}).sort(function(e,t){return e[0]-t[0]}).each(function(){t.offsets.push(this[0]),t.targets.push(this[1])})},process:function(){var e=this.$scrollElement.scrollTop()+this.options.offset,t=this.$scrollElement[0].scrollHeight||this.$body[0].scrollHeight,n=t-this.$scrollElement.height(),r=this.offsets,i=this.targets,s=this.activeTarget,o;if(e>=n)return s!=(o=i.last()[0])&&this.activate(o);for(o=r.length;o--;)s!=i[o]&&e>=r[o]&&(!r[o+1]||e<=r[o+1])&&this.activate(i[o])},activate:function(t){var n,r;this.activeTarget=t,e(this.selector).parents(".active").removeClass("active"),r=this.selector+'[data-target="'+t+'"],'+this.selector+'[href="'+t+'"]',n=e(r).parents("li").addClass("active"),n.parent(".dropdown-menu").length&&(n=n.closest("li.dropdown").addClass("active")),n.trigger("activate")}};var n=e.fn.scrollspy;e.fn.scrollspy=function(n){return this.each(function(){var r=e(this),i=r.data("scrollspy"),s=typeof n=="object"&&n;i||r.data("scrollspy",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.scrollspy.Constructor=t,e.fn.scrollspy.defaults={offset:10},e.fn.scrollspy.noConflict=function(){return e.fn.scrollspy=n,this},e(window).on("load",function(){e('[data-spy="scroll"]').each(function(){var t=e(this);t.scrollspy(t.data())})})}(window.jQuery),!function(e){"use strict";var t=function(t){this.element=e(t)};t.prototype={constructor:t,show:function(){var t=this.element,n=t.closest("ul:not(.dropdown-menu)"),r=t.attr("data-target"),i,s,o;r||(r=t.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,""));if(t.parent("li").hasClass("active"))return;i=n.find(".active:last a")[0],o=e.Event("show",{relatedTarget:i}),t.trigger(o);if(o.isDefaultPrevented())return;s=e(r),this.activate(t.parent("li"),n),this.activate(s,s.parent(),function(){t.trigger({type:"shown",relatedTarget:i})})},activate:function(t,n,r){function o(){i.removeClass("active").find("> .dropdown-menu > .active").removeClass("active"),t.addClass("active"),s?(t[0].offsetWidth,t.addClass("in")):t.removeClass("fade"),t.parent(".dropdown-menu")&&t.closest("li.dropdown").addClass("active"),r&&r()}var i=n.find("> .active"),s=r&&e.support.transition&&i.hasClass("fade");s?i.one(e.support.transition.end,o):o(),i.removeClass("in")}};var n=e.fn.tab;e.fn.tab=function(n){return this.each(function(){var r=e(this),i=r.data("tab");i||r.data("tab",i=new t(this)),typeof n=="string"&&i[n]()})},e.fn.tab.Constructor=t,e.fn.tab.noConflict=function(){return e.fn.tab=n,this},e(document).on("click.tab.data-api",'[data-toggle="tab"], [data-toggle="pill"]',function(t){t.preventDefault(),e(this).tab("show")})}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.$element=e(t),this.options=e.extend({},e.fn.typeahead.defaults,n),this.matcher=this.options.matcher||this.matcher,this.sorter=this.options.sorter||this.sorter,this.highlighter=this.options.highlighter||this.highlighter,this.updater=this.options.updater||this.updater,this.source=this.options.source,this.$menu=e(this.options.menu),this.shown=!1,this.listen()};t.prototype={constructor:t,select:function(){var e=this.$menu.find(".active").attr("data-value");return this.$element.val(this.updater(e)).change(),this.hide()},updater:function(e){return e},show:function(){var t=e.extend({},this.$element.position(),{height:this.$element[0].offsetHeight});return this.$menu.insertAfter(this.$element).css({top:t.top+t.height,left:t.left}).show(),this.shown=!0,this},hide:function(){return this.$menu.hide(),this.shown=!1,this},lookup:function(t){var n;return this.query=this.$element.val(),!this.query||this.query.length"+t+""})},render:function(t){var n=this;return t=e(t).map(function(t,r){return t=e(n.options.item).attr("data-value",r),t.find("a").html(n.highlighter(r)),t[0]}),t.first().addClass("active"),this.$menu.html(t),this},next:function(t){var n=this.$menu.find(".active").removeClass("active"),r=n.next();r.length||(r=e(this.$menu.find("li")[0])),r.addClass("active")},prev:function(e){var t=this.$menu.find(".active").removeClass("active"),n=t.prev();n.length||(n=this.$menu.find("li").last()),n.addClass("active")},listen:function(){this.$element.on("focus",e.proxy(this.focus,this)).on("blur",e.proxy(this.blur,this)).on("keypress",e.proxy(this.keypress,this)).on("keyup",e.proxy(this.keyup,this)),this.eventSupported("keydown")&&this.$element.on("keydown",e.proxy(this.keydown,this)),this.$menu.on("click",e.proxy(this.click,this)).on("mouseenter","li",e.proxy(this.mouseenter,this)).on("mouseleave","li",e.proxy(this.mouseleave,this))},eventSupported:function(e){var t=e in this.$element;return t||(this.$element.setAttribute(e,"return;"),t=typeof this.$element[e]=="function"),t},move:function(e){if(!this.shown)return;switch(e.keyCode){case 9:case 13:case 27:e.preventDefault();break;case 38:e.preventDefault(),this.prev();break;case 40:e.preventDefault(),this.next()}e.stopPropagation()},keydown:function(t){this.suppressKeyPressRepeat=~e.inArray(t.keyCode,[40,38,9,13,27]),this.move(t)},keypress:function(e){if(this.suppressKeyPressRepeat)return;this.move(e)},keyup:function(e){switch(e.keyCode){case 40:case 38:case 16:case 17:case 18:break;case 9:case 13:if(!this.shown)return;this.select();break;case 27:if(!this.shown)return;this.hide();break;default:this.lookup()}e.stopPropagation(),e.preventDefault()},focus:function(e){this.focused=!0},blur:function(e){this.focused=!1,!this.mousedover&&this.shown&&this.hide()},click:function(e){e.stopPropagation(),e.preventDefault(),this.select(),this.$element.focus()},mouseenter:function(t){this.mousedover=!0,this.$menu.find(".active").removeClass("active"),e(t.currentTarget).addClass("active")},mouseleave:function(e){this.mousedover=!1,!this.focused&&this.shown&&this.hide()}};var n=e.fn.typeahead;e.fn.typeahead=function(n){return this.each(function(){var r=e(this),i=r.data("typeahead"),s=typeof n=="object"&&n;i||r.data("typeahead",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.typeahead.defaults={source:[],items:8,menu:'
                      ',item:'
                      • ',minLength:1},e.fn.typeahead.Constructor=t,e.fn.typeahead.noConflict=function(){return e.fn.typeahead=n,this},e(document).on("focus.typeahead.data-api",'[data-provide="typeahead"]',function(t){var n=e(this);if(n.data("typeahead"))return;n.typeahead(n.data())})}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.options=e.extend({},e.fn.affix.defaults,n),this.$window=e(window).on("scroll.affix.data-api",e.proxy(this.checkPosition,this)).on("click.affix.data-api",e.proxy(function(){setTimeout(e.proxy(this.checkPosition,this),1)},this)),this.$element=e(t),this.checkPosition()};t.prototype.checkPosition=function(){if(!this.$element.is(":visible"))return;var t=e(document).height(),n=this.$window.scrollTop(),r=this.$element.offset(),i=this.options.offset,s=i.bottom,o=i.top,u="affix affix-top affix-bottom",a;typeof i!="object"&&(s=o=i),typeof o=="function"&&(o=i.top()),typeof s=="function"&&(s=i.bottom()),a=this.unpin!=null&&n+this.unpin<=r.top?!1:s!=null&&r.top+this.$element.height()>=t-s?"bottom":o!=null&&n<=o?"top":!1;if(this.affixed===a)return;this.affixed=a,this.unpin=a=="bottom"?r.top-n:null,this.$element.removeClass(u).addClass("affix"+(a?"-"+a:""))};var n=e.fn.affix;e.fn.affix=function(n){return this.each(function(){var r=e(this),i=r.data("affix"),s=typeof n=="object"&&n;i||r.data("affix",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.affix.Constructor=t,e.fn.affix.defaults={offset:0},e.fn.affix.noConflict=function(){return e.fn.affix=n,this},e(window).on("load",function(){e('[data-spy="affix"]').each(function(){var t=e(this),n=t.data();n.offset=n.offset||{},n.offsetBottom&&(n.offset.bottom=n.offsetBottom),n.offsetTop&&(n.offset.top=n.offsetTop),t.affix(n)})})}(window.jQuery); \ No newline at end of file +!function(e){"use strict";e(function(){e.support.transition=function(){var e=function(){var e=document.createElement("bootstrap"),t={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"},n;for(n in t)if(e.style[n]!==undefined)return t[n]}();return e&&{end:e}}()})}(window.jQuery),!function(e){"use strict";var t='[data-dismiss="alert"]',n=function(n){e(n).on("click",t,this.close)};n.prototype.close=function(t){function s(){i.trigger("closed").remove()}var n=e(this),r=n.attr("data-target"),i;r||(r=n.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,"")),i=e(r),t&&t.preventDefault(),i.length||(i=n.hasClass("alert")?n:n.parent()),i.trigger(t=e.Event("close"));if(t.isDefaultPrevented())return;i.removeClass("in"),e.support.transition&&i.hasClass("fade")?i.on(e.support.transition.end,s):s()};var r=e.fn.alert;e.fn.alert=function(t){return this.each(function(){var r=e(this),i=r.data("alert");i||r.data("alert",i=new n(this)),typeof t=="string"&&i[t].call(r)})},e.fn.alert.Constructor=n,e.fn.alert.noConflict=function(){return e.fn.alert=r,this},e(document).on("click.alert.data-api",t,n.prototype.close)}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.$element=e(t),this.options=e.extend({},e.fn.button.defaults,n)};t.prototype.setState=function(e){var t="disabled",n=this.$element,r=n.data(),i=n.is("input")?"val":"html";e+="Text",r.resetText||n.data("resetText",n[i]()),n[i](r[e]||this.options[e]),setTimeout(function(){e=="loadingText"?n.addClass(t).attr(t,t):n.removeClass(t).removeAttr(t)},0)},t.prototype.toggle=function(){var e=this.$element.closest('[data-toggle="buttons-radio"]');e&&e.find(".active").removeClass("active"),this.$element.toggleClass("active")};var n=e.fn.button;e.fn.button=function(n){return this.each(function(){var r=e(this),i=r.data("button"),s=typeof n=="object"&&n;i||r.data("button",i=new t(this,s)),n=="toggle"?i.toggle():n&&i.setState(n)})},e.fn.button.defaults={loadingText:"loading..."},e.fn.button.Constructor=t,e.fn.button.noConflict=function(){return e.fn.button=n,this},e(document).on("click.button.data-api","[data-toggle^=button]",function(t){var n=e(t.target);n.hasClass("btn")||(n=n.closest(".btn")),n.button("toggle")})}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.$element=e(t),this.$indicators=this.$element.find(".carousel-indicators"),this.options=n,this.options.pause=="hover"&&this.$element.on("mouseenter",e.proxy(this.pause,this)).on("mouseleave",e.proxy(this.cycle,this))};t.prototype={cycle:function(t){return t||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(e.proxy(this.next,this),this.options.interval)),this},getActiveIndex:function(){return this.$active=this.$element.find(".item.active"),this.$items=this.$active.parent().children(),this.$items.index(this.$active)},to:function(t){var n=this.getActiveIndex(),r=this;if(t>this.$items.length-1||t<0)return;return this.sliding?this.$element.one("slid",function(){r.to(t)}):n==t?this.pause().cycle():this.slide(t>n?"next":"prev",e(this.$items[t]))},pause:function(t){return t||(this.paused=!0),this.$element.find(".next, .prev").length&&e.support.transition.end&&(this.$element.trigger(e.support.transition.end),this.cycle(!0)),clearInterval(this.interval),this.interval=null,this},next:function(){if(this.sliding)return;return this.slide("next")},prev:function(){if(this.sliding)return;return this.slide("prev")},slide:function(t,n){var r=this.$element.find(".item.active"),i=n||r[t](),s=this.interval,o=t=="next"?"left":"right",u=t=="next"?"first":"last",a=this,f;this.sliding=!0,s&&this.pause(),i=i.length?i:this.$element.find(".item")[u](),f=e.Event("slide",{relatedTarget:i[0],direction:o});if(i.hasClass("active"))return;this.$indicators.length&&(this.$indicators.find(".active").removeClass("active"),this.$element.one("slid",function(){var t=e(a.$indicators.children()[a.getActiveIndex()]);t&&t.addClass("active")}));if(e.support.transition&&this.$element.hasClass("slide")){this.$element.trigger(f);if(f.isDefaultPrevented())return;i.addClass(t),i[0].offsetWidth,r.addClass(o),i.addClass(o),this.$element.one(e.support.transition.end,function(){i.removeClass([t,o].join(" ")).addClass("active"),r.removeClass(["active",o].join(" ")),a.sliding=!1,setTimeout(function(){a.$element.trigger("slid")},0)})}else{this.$element.trigger(f);if(f.isDefaultPrevented())return;r.removeClass("active"),i.addClass("active"),this.sliding=!1,this.$element.trigger("slid")}return s&&this.cycle(),this}};var n=e.fn.carousel;e.fn.carousel=function(n){return this.each(function(){var r=e(this),i=r.data("carousel"),s=e.extend({},e.fn.carousel.defaults,typeof n=="object"&&n),o=typeof n=="string"?n:s.slide;i||r.data("carousel",i=new t(this,s)),typeof n=="number"?i.to(n):o?i[o]():s.interval&&i.pause().cycle()})},e.fn.carousel.defaults={interval:5e3,pause:"hover"},e.fn.carousel.Constructor=t,e.fn.carousel.noConflict=function(){return e.fn.carousel=n,this},e(document).on("click.carousel.data-api","[data-slide], [data-slide-to]",function(t){var n=e(this),r,i=e(n.attr("data-target")||(r=n.attr("href"))&&r.replace(/.*(?=#[^\s]+$)/,"")),s=e.extend({},i.data(),n.data()),o;i.carousel(s),(o=n.attr("data-slide-to"))&&i.data("carousel").pause().to(o).cycle(),t.preventDefault()})}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.$element=e(t),this.options=e.extend({},e.fn.collapse.defaults,n),this.options.parent&&(this.$parent=e(this.options.parent)),this.options.toggle&&this.toggle()};t.prototype={constructor:t,dimension:function(){var e=this.$element.hasClass("width");return e?"width":"height"},show:function(){var t,n,r,i;if(this.transitioning||this.$element.hasClass("in"))return;t=this.dimension(),n=e.camelCase(["scroll",t].join("-")),r=this.$parent&&this.$parent.find("> .accordion-group > .in");if(r&&r.length){i=r.data("collapse");if(i&&i.transitioning)return;r.collapse("hide"),i||r.data("collapse",null)}this.$element[t](0),this.transition("addClass",e.Event("show"),"shown"),e.support.transition&&this.$element[t](this.$element[0][n])},hide:function(){var t;if(this.transitioning||!this.$element.hasClass("in"))return;t=this.dimension(),this.reset(this.$element[t]()),this.transition("removeClass",e.Event("hide"),"hidden"),this.$element[t](0)},reset:function(e){var t=this.dimension();return this.$element.removeClass("collapse")[t](e||"auto")[0].offsetWidth,this.$element[e!==null?"addClass":"removeClass"]("collapse"),this},transition:function(t,n,r){var i=this,s=function(){n.type=="show"&&i.reset(),i.transitioning=0,i.$element.trigger(r)};this.$element.trigger(n);if(n.isDefaultPrevented())return;this.transitioning=1,this.$element[t]("in"),e.support.transition&&this.$element.hasClass("collapse")?this.$element.one(e.support.transition.end,s):s()},toggle:function(){this[this.$element.hasClass("in")?"hide":"show"]()}};var n=e.fn.collapse;e.fn.collapse=function(n){return this.each(function(){var r=e(this),i=r.data("collapse"),s=e.extend({},e.fn.collapse.defaults,r.data(),typeof n=="object"&&n);i||r.data("collapse",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.collapse.defaults={toggle:!0},e.fn.collapse.Constructor=t,e.fn.collapse.noConflict=function(){return e.fn.collapse=n,this},e(document).on("click.collapse.data-api","[data-toggle=collapse]",function(t){var n=e(this),r,i=n.attr("data-target")||t.preventDefault()||(r=n.attr("href"))&&r.replace(/.*(?=#[^\s]+$)/,""),s=e(i).data("collapse")?"toggle":n.data();n[e(i).hasClass("in")?"addClass":"removeClass"]("collapsed"),e(i).collapse(s)})}(window.jQuery),!function(e){"use strict";function r(){e(t).each(function(){i(e(this)).removeClass("open")})}function i(t){var n=t.attr("data-target"),r;n||(n=t.attr("href"),n=n&&/#/.test(n)&&n.replace(/.*(?=#[^\s]*$)/,"")),r=n&&e(n);if(!r||!r.length)r=t.parent();return r}var t="[data-toggle=dropdown]",n=function(t){var n=e(t).on("click.dropdown.data-api",this.toggle);e("html").on("click.dropdown.data-api",function(){n.parent().removeClass("open")})};n.prototype={constructor:n,toggle:function(t){var n=e(this),s,o;if(n.is(".disabled, :disabled"))return;return s=i(n),o=s.hasClass("open"),r(),o||s.toggleClass("open"),n.focus(),!1},keydown:function(n){var r,s,o,u,a,f;if(!/(38|40|27)/.test(n.keyCode))return;r=e(this),n.preventDefault(),n.stopPropagation();if(r.is(".disabled, :disabled"))return;u=i(r),a=u.hasClass("open");if(!a||a&&n.keyCode==27)return n.which==27&&u.find(t).focus(),r.click();s=e("[role=menu] li:not(.divider):visible a",u);if(!s.length)return;f=s.index(s.filter(":focus")),n.keyCode==38&&f>0&&f--,n.keyCode==40&&f').appendTo(document.body),this.$backdrop.click(this.options.backdrop=="static"?e.proxy(this.$element[0].focus,this.$element[0]):e.proxy(this.hide,this)),i&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in");if(!t)return;i?this.$backdrop.one(e.support.transition.end,t):t()}else!this.isShown&&this.$backdrop?(this.$backdrop.removeClass("in"),e.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one(e.support.transition.end,t):t()):t&&t()}};var n=e.fn.modal;e.fn.modal=function(n){return this.each(function(){var r=e(this),i=r.data("modal"),s=e.extend({},e.fn.modal.defaults,r.data(),typeof n=="object"&&n);i||r.data("modal",i=new t(this,s)),typeof n=="string"?i[n]():s.show&&i.show()})},e.fn.modal.defaults={backdrop:!0,keyboard:!0,show:!0},e.fn.modal.Constructor=t,e.fn.modal.noConflict=function(){return e.fn.modal=n,this},e(document).on("click.modal.data-api",'[data-toggle="modal"]',function(t){var n=e(this),r=n.attr("href"),i=e(n.attr("data-target")||r&&r.replace(/.*(?=#[^\s]+$)/,"")),s=i.data("modal")?"toggle":e.extend({remote:!/#/.test(r)&&r},i.data(),n.data());t.preventDefault(),i.modal(s).one("hide",function(){n.focus()})});var r=e(document.body).on("shown",".modal",function(){r.addClass("modal-open")}).on("hidden",".modal",function(){r.removeClass("modal-open")})}(window.jQuery),!function(e){"use strict";var t=function(e,t){this.init("tooltip",e,t)};t.prototype={constructor:t,init:function(t,n,r){var i,s,o,u,a;this.type=t,this.$element=e(n),this.options=this.getOptions(r),this.enabled=!0,o=this.options.trigger.split(" ");for(a=o.length;a--;)u=o[a],u=="click"?this.$element.on("click."+this.type,this.options.selector,e.proxy(this.toggle,this)):u!="manual"&&(i=u=="hover"?"mouseenter":"focus",s=u=="hover"?"mouseleave":"blur",this.$element.on(i+"."+this.type,this.options.selector,e.proxy(this.enter,this)),this.$element.on(s+"."+this.type,this.options.selector,e.proxy(this.leave,this)));this.options.selector?this._options=e.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},getOptions:function(t){return t=e.extend({},e.fn[this.type].defaults,this.$element.data(),t),t.delay&&typeof t.delay=="number"&&(t.delay={show:t.delay,hide:t.delay}),t},enter:function(t){var n=e.fn[this.type].defaults,r={},i;this._options&&e.each(this._options,function(e,t){n[e]!=t&&(r[e]=t)},this),i=e(t.currentTarget)[this.type](r).data(this.type);if(!i.options.delay||!i.options.delay.show)return i.show();clearTimeout(this.timeout),i.hoverState="in",this.timeout=setTimeout(function(){i.hoverState=="in"&&i.show()},i.options.delay.show)},leave:function(t){var n=e(t.currentTarget)[this.type](this._options).data(this.type);this.timeout&&clearTimeout(this.timeout);if(!n.options.delay||!n.options.delay.hide)return n.hide();n.hoverState="out",this.timeout=setTimeout(function(){n.hoverState=="out"&&n.hide()},n.options.delay.hide)},show:function(){var t,n,r,i,s,o,u=e.Event("show");if(this.hasContent()&&this.enabled){this.$element.trigger(u);if(u.isDefaultPrevented())return;t=this.tip(),this.setContent(),this.options.animation&&t.addClass("fade"),s=typeof this.options.placement=="function"?this.options.placement.call(this,t[0],this.$element[0]):this.options.placement,t.detach().css({top:0,left:0,display:"block"}),this.options.container?t.appendTo(this.options.container):t.insertAfter(this.$element),n=this.getPosition(),r=t[0].offsetWidth,i=t[0].offsetHeight;switch(s){case"bottom":o={top:n.top+n.height,left:n.left+n.width/2-r/2};break;case"top":o={top:n.top-i,left:n.left+n.width/2-r/2};break;case"left":o={top:n.top+n.height/2-i/2,left:n.left-r};break;case"right":o={top:n.top+n.height/2-i/2,left:n.left+n.width}}this.applyPlacement(o,s),this.$element.trigger("shown")}},applyPlacement:function(e,t){var n=this.tip(),r=n[0].offsetWidth,i=n[0].offsetHeight,s,o,u,a;n.offset(e).addClass(t).addClass("in"),s=n[0].offsetWidth,o=n[0].offsetHeight,t=="top"&&o!=i&&(e.top=e.top+i-o,a=!0),t=="bottom"||t=="top"?(u=0,e.left<0&&(u=e.left*-2,e.left=0,n.offset(e),s=n[0].offsetWidth,o=n[0].offsetHeight),this.replaceArrow(u-r+s,s,"left")):this.replaceArrow(o-i,o,"top"),a&&n.offset(e)},replaceArrow:function(e,t,n){this.arrow().css(n,e?50*(1-e/t)+"%":"")},setContent:function(){var e=this.tip(),t=this.getTitle();e.find(".tooltip-inner")[this.options.html?"html":"text"](t),e.removeClass("fade in top bottom left right")},hide:function(){function i(){var t=setTimeout(function(){n.off(e.support.transition.end).detach()},500);n.one(e.support.transition.end,function(){clearTimeout(t),n.detach()})}var t=this,n=this.tip(),r=e.Event("hide");this.$element.trigger(r);if(r.isDefaultPrevented())return;return n.removeClass("in"),e.support.transition&&this.$tip.hasClass("fade")?i():n.detach(),this.$element.trigger("hidden"),this},fixTitle:function(){var e=this.$element;(e.attr("title")||typeof e.attr("data-original-title")!="string")&&e.attr("data-original-title",e.attr("title")||"").attr("title","")},hasContent:function(){return this.getTitle()},getPosition:function(){var t=this.$element[0];return e.extend({},typeof t.getBoundingClientRect=="function"?t.getBoundingClientRect():{width:t.offsetWidth,height:t.offsetHeight},this.$element.offset())},getTitle:function(){var e,t=this.$element,n=this.options;return e=t.attr("data-original-title")||(typeof n.title=="function"?n.title.call(t[0]):n.title),e},tip:function(){return this.$tip=this.$tip||e(this.options.template)},arrow:function(){return this.$arrow=this.$arrow||this.tip().find(".tooltip-arrow")},validate:function(){this.$element[0].parentNode||(this.hide(),this.$element=null,this.options=null)},enable:function(){this.enabled=!0},disable:function(){this.enabled=!1},toggleEnabled:function(){this.enabled=!this.enabled},toggle:function(t){var n=t?e(t.currentTarget)[this.type](this._options).data(this.type):this;n.tip().hasClass("in")?n.hide():n.show()},destroy:function(){this.hide().$element.off("."+this.type).removeData(this.type)}};var n=e.fn.tooltip;e.fn.tooltip=function(n){return this.each(function(){var r=e(this),i=r.data("tooltip"),s=typeof n=="object"&&n;i||r.data("tooltip",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.tooltip.Constructor=t,e.fn.tooltip.defaults={animation:!0,placement:"top",selector:!1,template:'
                      ',trigger:"hover focus",title:"",delay:0,html:!1,container:!1},e.fn.tooltip.noConflict=function(){return e.fn.tooltip=n,this}}(window.jQuery),!function(e){"use strict";var t=function(e,t){this.init("popover",e,t)};t.prototype=e.extend({},e.fn.tooltip.Constructor.prototype,{constructor:t,setContent:function(){var e=this.tip(),t=this.getTitle(),n=this.getContent();e.find(".popover-title")[this.options.html?"html":"text"](t),e.find(".popover-content")[this.options.html?"html":"text"](n),e.removeClass("fade top bottom left right in")},hasContent:function(){return this.getTitle()||this.getContent()},getContent:function(){var e,t=this.$element,n=this.options;return e=(typeof n.content=="function"?n.content.call(t[0]):n.content)||t.attr("data-content"),e},tip:function(){return this.$tip||(this.$tip=e(this.options.template)),this.$tip},destroy:function(){this.hide().$element.off("."+this.type).removeData(this.type)}});var n=e.fn.popover;e.fn.popover=function(n){return this.each(function(){var r=e(this),i=r.data("popover"),s=typeof n=="object"&&n;i||r.data("popover",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.popover.Constructor=t,e.fn.popover.defaults=e.extend({},e.fn.tooltip.defaults,{placement:"right",trigger:"click",content:"",template:'

                      '}),e.fn.popover.noConflict=function(){return e.fn.popover=n,this}}(window.jQuery),!function(e){"use strict";function t(t,n){var r=e.proxy(this.process,this),i=e(t).is("body")?e(window):e(t),s;this.options=e.extend({},e.fn.scrollspy.defaults,n),this.$scrollElement=i.on("scroll.scroll-spy.data-api",r),this.selector=(this.options.target||(s=e(t).attr("href"))&&s.replace(/.*(?=#[^\s]+$)/,"")||"")+" .nav li > a",this.$body=e("body"),this.refresh(),this.process()}t.prototype={constructor:t,refresh:function(){var t=this,n;this.offsets=e([]),this.targets=e([]),n=this.$body.find(this.selector).map(function(){var n=e(this),r=n.data("target")||n.attr("href"),i=/^#\w/.test(r)&&e(r);return i&&i.length&&[[i.position().top+(!e.isWindow(t.$scrollElement.get(0))&&t.$scrollElement.scrollTop()),r]]||null}).sort(function(e,t){return e[0]-t[0]}).each(function(){t.offsets.push(this[0]),t.targets.push(this[1])})},process:function(){var e=this.$scrollElement.scrollTop()+this.options.offset,t=this.$scrollElement[0].scrollHeight||this.$body[0].scrollHeight,n=t-this.$scrollElement.height(),r=this.offsets,i=this.targets,s=this.activeTarget,o;if(e>=n)return s!=(o=i.last()[0])&&this.activate(o);for(o=r.length;o--;)s!=i[o]&&e>=r[o]&&(!r[o+1]||e<=r[o+1])&&this.activate(i[o])},activate:function(t){var n,r;this.activeTarget=t,e(this.selector).parents(".active").removeClass("active"),r=this.selector+'[data-target="'+t+'"],'+this.selector+'[href="'+t+'"]',n=e(r).parents("li").addClass("active"),n.parent(".dropdown-menu").length&&(n=n.closest("li.dropdown").addClass("active")),n.trigger("activate")}};var n=e.fn.scrollspy;e.fn.scrollspy=function(n){return this.each(function(){var r=e(this),i=r.data("scrollspy"),s=typeof n=="object"&&n;i||r.data("scrollspy",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.scrollspy.Constructor=t,e.fn.scrollspy.defaults={offset:10},e.fn.scrollspy.noConflict=function(){return e.fn.scrollspy=n,this},e(window).on("load",function(){e('[data-spy="scroll"]').each(function(){var t=e(this);t.scrollspy(t.data())})})}(window.jQuery),!function(e){"use strict";var t=function(t){this.element=e(t)};t.prototype={constructor:t,show:function(){var t=this.element,n=t.closest("ul:not(.dropdown-menu)"),r=t.attr("data-target"),i,s,o;r||(r=t.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,""));if(t.parent("li").hasClass("active"))return;i=n.find(".active:last a")[0],o=e.Event("show",{relatedTarget:i}),t.trigger(o);if(o.isDefaultPrevented())return;s=e(r),this.activate(t.parent("li"),n),this.activate(s,s.parent(),function(){t.trigger({type:"shown",relatedTarget:i})})},activate:function(t,n,r){function o(){i.removeClass("active").find("> .dropdown-menu > .active").removeClass("active"),t.addClass("active"),s?(t[0].offsetWidth,t.addClass("in")):t.removeClass("fade"),t.parent(".dropdown-menu")&&t.closest("li.dropdown").addClass("active"),r&&r()}var i=n.find("> .active"),s=r&&e.support.transition&&i.hasClass("fade");s?i.one(e.support.transition.end,o):o(),i.removeClass("in")}};var n=e.fn.tab;e.fn.tab=function(n){return this.each(function(){var r=e(this),i=r.data("tab");i||r.data("tab",i=new t(this)),typeof n=="string"&&i[n]()})},e.fn.tab.Constructor=t,e.fn.tab.noConflict=function(){return e.fn.tab=n,this},e(document).on("click.tab.data-api",'[data-toggle="tab"], [data-toggle="pill"]',function(t){t.preventDefault(),e(this).tab("show")})}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.options=e.extend({},e.fn.affix.defaults,n),this.$window=e(window).on("scroll.affix.data-api",e.proxy(this.checkPosition,this)).on("click.affix.data-api",e.proxy(function(){setTimeout(e.proxy(this.checkPosition,this),1)},this)),this.$element=e(t),this.checkPosition()};t.prototype.checkPosition=function(){if(!this.$element.is(":visible"))return;var t=e(document).height(),n=this.$window.scrollTop(),r=this.$element.offset(),i=this.options.offset,s=i.bottom,o=i.top,u="affix affix-top affix-bottom",a;typeof i!="object"&&(s=o=i),typeof o=="function"&&(o=i.top()),typeof s=="function"&&(s=i.bottom()),a=this.unpin!=null&&n+this.unpin<=r.top?!1:s!=null&&r.top+this.$element.height()>=t-s?"bottom":o!=null&&n<=o?"top":!1;if(this.affixed===a)return;this.affixed=a,this.unpin=a=="bottom"?r.top-n:null,this.$element.removeClass(u).addClass("affix"+(a?"-"+a:""))};var n=e.fn.affix;e.fn.affix=function(n){return this.each(function(){var r=e(this),i=r.data("affix"),s=typeof n=="object"&&n;i||r.data("affix",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.affix.Constructor=t,e.fn.affix.defaults={offset:0},e.fn.affix.noConflict=function(){return e.fn.affix=n,this},e(window).on("load",function(){e('[data-spy="affix"]').each(function(){var t=e(this),n=t.data();n.offset=n.offset||{},n.offsetBottom&&(n.offset.bottom=n.offsetBottom),n.offsetTop&&(n.offset.top=n.offsetTop),t.affix(n)})})}(window.jQuery); \ No newline at end of file diff --git a/docs/docs.html b/docs/docs.html index 344a710cc..e9a5e8ad0 100644 --- a/docs/docs.html +++ b/docs/docs.html @@ -6567,103 +6567,6 @@ $('.carousel').carousel({ - -
                      -
                      -

                      Typeahead bootstrap-typeahead.js

                      -
                      - - -

                      Example

                      -

                      A basic, easily extended plugin for quickly creating elegant typeaheads with any form text input.

                      -
                      - -
                      -{% highlight html %} - -{% endhighlight %} - -

                      You'll want to set autocomplete="off" to prevent default browser menus from appearing over the Bootstrap typeahead dropdown.

                      - -
                      - - -

                      Usage

                      - -

                      Via data attributes

                      -

                      Add data attributes to register an element with typeahead functionality as shown in the example above.

                      - -

                      Via JavaScript

                      -

                      Call the typeahead manually with:

                      -{% highlight js %} -$('.typeahead').typeahead() -{% endhighlight %} - -

                      Options

                      -

                      Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-source="".

                      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
                      Nametypedefaultdescription
                      sourcearray, function[ ]The data source to query against. May be an array of strings or a function. The function is passed two arguments, the query value in the input field and the process callback. The function may be used synchronously by returning the data source directly or asynchronously via the process callback's single argument.
                      itemsnumber8The max number of items to display in the dropdown.
                      minLengthnumber1The minimum character length needed before triggering autocomplete suggestions
                      matcherfunctioncase insensitiveThe method used to determine if a query matches an item. Accepts a single argument, the item against which to test the query. Access the current query with this.query. Return a boolean true if query is a match.
                      sorterfunctionexact match,
                      case sensitive,
                      case insensitive                      		Method used to sort autocomplete results. Accepts a single argument items and has the scope of the typeahead instance. Reference the current query with this.query.
                      updaterfunctionreturns selected itemThe method used to return selected item. Accepts a single argument, the item and has the scope of the typeahead instance.
                      highlighterfunctionhighlights all default matchesMethod used to highlight autocomplete results. Accepts a single argument item and has the scope of the typeahead instance. Should return html.
                      - -

                      Methods

                      -

                      .typeahead(options)

                      -

                      Initializes an input with a typeahead.

                      -
                      - - -
                      diff --git a/js/bootstrap-typeahead.js b/js/bootstrap-typeahead.js deleted file mode 100644 index a6bb0a09c..000000000 --- a/js/bootstrap-typeahead.js +++ /dev/null @@ -1,335 +0,0 @@ -/* ============================================================= - * bootstrap-typeahead.js v3.0.0 - * http://twitter.github.com/bootstrap/javascript.html#typeahead - * ============================================================= - * Copyright 2012 Twitter, Inc. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - * ============================================================ */ - - -!function($){ - - "use strict"; // jshint ;_; - - - /* TYPEAHEAD PUBLIC CLASS DEFINITION - * ================================= */ - - var Typeahead = function (element, options) { - this.$element = $(element) - this.options = $.extend({}, $.fn.typeahead.defaults, options) - this.matcher = this.options.matcher || this.matcher - this.sorter = this.options.sorter || this.sorter - this.highlighter = this.options.highlighter || this.highlighter - this.updater = this.options.updater || this.updater - this.source = this.options.source - this.$menu = $(this.options.menu) - this.shown = false - this.listen() - } - - Typeahead.prototype = { - - constructor: Typeahead - - , select: function () { - var val = this.$menu.find('.active').attr('data-value') - this.$element - .val(this.updater(val)) - .change() - return this.hide() - } - - , updater: function (item) { - return item - } - - , show: function () { - var pos = $.extend({}, this.$element.position(), { - height: this.$element[0].offsetHeight - }) - - this.$menu - .insertAfter(this.$element) - .css({ - top: pos.top + pos.height - , left: pos.left - }) - .show() - - this.shown = true - return this - } - - , hide: function () { - this.$menu.hide() - this.shown = false - return this - } - - , lookup: function (event) { - var items - - this.query = this.$element.val() - - if (!this.query || this.query.length < this.options.minLength) { - return this.shown ? this.hide() : this - } - - items = $.isFunction(this.source) ? this.source(this.query, $.proxy(this.process, this)) : this.source - - return items ? this.process(items) : this - } - - , process: function (items) { - var that = this - - items = $.grep(items, function (item) { - return that.matcher(item) - }) - - items = this.sorter(items) - - if (!items.length) { - return this.shown ? this.hide() : this - } - - return this.render(items.slice(0, this.options.items)).show() - } - - , matcher: function (item) { - return ~item.toLowerCase().indexOf(this.query.toLowerCase()) - } - - , sorter: function (items) { - var beginswith = [] - , caseSensitive = [] - , caseInsensitive = [] - , item - - while (item = items.shift()) { - if (!item.toLowerCase().indexOf(this.query.toLowerCase())) beginswith.push(item) - else if (~item.indexOf(this.query)) caseSensitive.push(item) - else caseInsensitive.push(item) - } - - return beginswith.concat(caseSensitive, caseInsensitive) - } - - , highlighter: function (item) { - var query = this.query.replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g, '\\$&') - return item.replace(new RegExp('(' + query + ')', 'ig'), function ($1, match) { - return '' + match + '' - }) - } - - , render: function (items) { - var that = this - - items = $(items).map(function (i, item) { - i = $(that.options.item).attr('data-value', item) - i.find('a').html(that.highlighter(item)) - return i[0] - }) - - items.first().addClass('active') - this.$menu.html(items) - return this - } - - , next: function (event) { - var active = this.$menu.find('.active').removeClass('active') - , next = active.next() - - if (!next.length) { - next = $(this.$menu.find('li')[0]) - } - - next.addClass('active') - } - - , prev: function (event) { - var active = this.$menu.find('.active').removeClass('active') - , prev = active.prev() - - if (!prev.length) { - prev = this.$menu.find('li').last() - } - - prev.addClass('active') - } - - , listen: function () { - this.$element - .on('focus', $.proxy(this.focus, this)) - .on('blur', $.proxy(this.blur, this)) - .on('keypress', $.proxy(this.keypress, this)) - .on('keyup', $.proxy(this.keyup, this)) - - if (this.eventSupported('keydown')) { - this.$element.on('keydown', $.proxy(this.keydown, this)) - } - - this.$menu - .on('click', $.proxy(this.click, this)) - .on('mouseenter', 'li', $.proxy(this.mouseenter, this)) - .on('mouseleave', 'li', $.proxy(this.mouseleave, this)) - } - - , eventSupported: function(eventName) { - var isSupported = eventName in this.$element - if (!isSupported) { - this.$element.setAttribute(eventName, 'return;') - isSupported = typeof this.$element[eventName] === 'function' - } - return isSupported - } - - , move: function (e) { - if (!this.shown) return - - switch(e.keyCode) { - case 9: // tab - case 13: // enter - case 27: // escape - e.preventDefault() - break - - case 38: // up arrow - e.preventDefault() - this.prev() - break - - case 40: // down arrow - e.preventDefault() - this.next() - break - } - - e.stopPropagation() - } - - , keydown: function (e) { - this.suppressKeyPressRepeat = ~$.inArray(e.keyCode, [40,38,9,13,27]) - this.move(e) - } - - , keypress: function (e) { - if (this.suppressKeyPressRepeat) return - this.move(e) - } - - , keyup: function (e) { - switch(e.keyCode) { - case 40: // down arrow - case 38: // up arrow - case 16: // shift - case 17: // ctrl - case 18: // alt - break - - case 9: // tab - case 13: // enter - if (!this.shown) return - this.select() - break - - case 27: // escape - if (!this.shown) return - this.hide() - break - - default: - this.lookup() - } - - e.stopPropagation() - e.preventDefault() - } - - , focus: function (e) { - this.focused = true - } - - , blur: function (e) { - this.focused = false - if (!this.mousedover && this.shown) this.hide() - } - - , click: function (e) { - e.stopPropagation() - e.preventDefault() - this.select() - this.$element.focus() - } - - , mouseenter: function (e) { - this.mousedover = true - this.$menu.find('.active').removeClass('active') - $(e.currentTarget).addClass('active') - } - - , mouseleave: function (e) { - this.mousedover = false - if (!this.focused && this.shown) this.hide() - } - - } - - - /* TYPEAHEAD PLUGIN DEFINITION - * =========================== */ - - var old = $.fn.typeahead - - $.fn.typeahead = function (option) { - return this.each(function () { - var $this = $(this) - , data = $this.data('typeahead') - , options = typeof option == 'object' && option - if (!data) $this.data('typeahead', (data = new Typeahead(this, options))) - if (typeof option == 'string') data[option]() - }) - } - - $.fn.typeahead.defaults = { - source: [] - , items: 8 - , menu: '
                        ' - , item: '
                        • ' - , minLength: 1 - } - - $.fn.typeahead.Constructor = Typeahead - - - /* TYPEAHEAD NO CONFLICT - * =================== */ - - $.fn.typeahead.noConflict = function () { - $.fn.typeahead = old - return this - } - - - /* TYPEAHEAD DATA-API - * ================== */ - - $(document).on('focus.typeahead.data-api', '[data-provide="typeahead"]', function (e) { - var $this = $(this) - if ($this.data('typeahead')) return - $this.typeahead($this.data()) - }) - -}(window.jQuery); diff --git a/js/tests/unit/bootstrap-typeahead.js b/js/tests/unit/bootstrap-typeahead.js deleted file mode 100644 index 0aa2d61b1..000000000 --- a/js/tests/unit/bootstrap-typeahead.js +++ /dev/null @@ -1,236 +0,0 @@ -$(function () { - - module("bootstrap-typeahead") - - test("should provide no conflict", function () { - var typeahead = $.fn.typeahead.noConflict() - ok(!$.fn.typeahead, 'typeahead was set back to undefined (org value)') - $.fn.typeahead = typeahead - }) - - test("should be defined on jquery object", function () { - ok($(document.body).typeahead, 'alert method is defined') - }) - - test("should return element", function () { - ok($(document.body).typeahead()[0] == document.body, 'document.body returned') - }) - - test("should listen to an input", function () { - var $input = $('') - $input.typeahead() - ok($._data($input[0], 'events').blur, 'has a blur event') - ok($._data($input[0], 'events').keypress, 'has a keypress event') - ok($._data($input[0], 'events').keyup, 'has a keyup event') - }) - - test("should create a menu", function () { - var $input = $('') - ok($input.typeahead().data('typeahead').$menu, 'has a menu') - }) - - test("should listen to the menu", function () { - var $input = $('') - , $menu = $input.typeahead().data('typeahead').$menu - - ok($._data($menu[0], 'events').mouseover, 'has a mouseover(pseudo: mouseenter)') - ok($._data($menu[0], 'events').click, 'has a click') - }) - - test("should show menu when query entered", function () { - var $input = $('') - .appendTo('body') - .typeahead({ - source: ['aa', 'ab', 'ac'] - }) - , typeahead = $input.data('typeahead') - - $input.val('a') - typeahead.lookup() - - ok(typeahead.$menu.is(":visible"), 'typeahead is visible') - equals(typeahead.$menu.find('li').length, 3, 'has 3 items in menu') - equals(typeahead.$menu.find('.active').length, 1, 'one item is active') - - $input.remove() - typeahead.$menu.remove() - }) - - test("should accept data source via synchronous function", function () { - var $input = $('').typeahead({ - source: function () { - return ['aa', 'ab', 'ac'] - } - }).appendTo('body') - , typeahead = $input.data('typeahead') - - $input.val('a') - typeahead.lookup() - - ok(typeahead.$menu.is(":visible"), 'typeahead is visible') - equals(typeahead.$menu.find('li').length, 3, 'has 3 items in menu') - equals(typeahead.$menu.find('.active').length, 1, 'one item is active') - - $input.remove() - typeahead.$menu.remove() - }) - - test("should accept data source via asynchronous function", function () { - var $input = $('').typeahead({ - source: function (query, process) { - process(['aa', 'ab', 'ac']) - } - }).appendTo('body') - , typeahead = $input.data('typeahead') - - $input.val('a') - typeahead.lookup() - - ok(typeahead.$menu.is(":visible"), 'typeahead is visible') - equals(typeahead.$menu.find('li').length, 3, 'has 3 items in menu') - equals(typeahead.$menu.find('.active').length, 1, 'one item is active') - - $input.remove() - typeahead.$menu.remove() - }) - - test("should not explode when regex chars are entered", function () { - var $input = $('').typeahead({ - source: ['aa', 'ab', 'ac', 'mdo*', 'fat+'] - }).appendTo('body') - , typeahead = $input.data('typeahead') - - $input.val('+') - typeahead.lookup() - - ok(typeahead.$menu.is(":visible"), 'typeahead is visible') - equals(typeahead.$menu.find('li').length, 1, 'has 1 item in menu') - equals(typeahead.$menu.find('.active').length, 1, 'one item is active') - - $input.remove() - typeahead.$menu.remove() - }) - - test("should hide menu when query entered", function () { - stop() - var $input = $('').typeahead({ - source: ['aa', 'ab', 'ac'] - }).appendTo('body') - , typeahead = $input.data('typeahead') - - $input.val('a') - typeahead.lookup() - - ok(typeahead.$menu.is(":visible"), 'typeahead is visible') - equals(typeahead.$menu.find('li').length, 3, 'has 3 items in menu') - equals(typeahead.$menu.find('.active').length, 1, 'one item is active') - - $input.blur() - - setTimeout(function () { - ok(!typeahead.$menu.is(":visible"), "typeahead is no longer visible") - start() - }, 200) - - $input.remove() - typeahead.$menu.remove() - }) - - test("should set next item when down arrow is pressed", function () { - var $input = $('').typeahead({ - source: ['aa', 'ab', 'ac'] - }).appendTo('body') - , typeahead = $input.data('typeahead') - - $input.val('a') - typeahead.lookup() - - ok(typeahead.$menu.is(":visible"), 'typeahead is visible') - equals(typeahead.$menu.find('li').length, 3, 'has 3 items in menu') - equals(typeahead.$menu.find('.active').length, 1, 'one item is active') - ok(typeahead.$menu.find('li').first().hasClass('active'), "first item is active") - - // simulate entire key pressing event - $input.trigger({ - type: 'keydown' - , keyCode: 40 - }) - .trigger({ - type: 'keypress' - , keyCode: 40 - }) - .trigger({ - type: 'keyup' - , keyCode: 40 - }) - - ok(typeahead.$menu.find('li').first().next().hasClass('active'), "second item is active") - - $input.trigger({ - type: 'keydown' - , keyCode: 38 - }) - .trigger({ - type: 'keypress' - , keyCode: 38 - }) - .trigger({ - type: 'keyup' - , keyCode: 38 - }) - - ok(typeahead.$menu.find('li').first().hasClass('active'), "first item is active") - - $input.remove() - typeahead.$menu.remove() - }) - - - test("should set input value to selected item", function () { - var $input = $('').typeahead({ - source: ['aa', 'ab', 'ac'] - }).appendTo('body') - , typeahead = $input.data('typeahead') - , changed = false - , focus = false - , blur = false - - $input.val('a') - typeahead.lookup() - - $input.change(function() { changed = true }); - $input.focus(function() { focus = true; blur = false }); - $input.blur(function() { blur = true; focus = false }); - - $(typeahead.$menu.find('li')[2]).mouseover().click() - - equals($input.val(), 'ac', 'input value was correctly set') - ok(!typeahead.$menu.is(':visible'), 'the menu was hidden') - ok(changed, 'a change event was fired') - ok(focus && !blur, 'focus is still set') - - $input.remove() - typeahead.$menu.remove() - }) - - test("should start querying when minLength is met", function () { - var $input = $('').typeahead({ - source: ['aaaa', 'aaab', 'aaac'], - minLength: 3 - }).appendTo('body') - , typeahead = $input.data('typeahead') - - $input.val('aa') - typeahead.lookup() - - equals(typeahead.$menu.find('li').length, 0, 'has 0 items in menu') - - $input.val('aaa') - typeahead.lookup() - - equals(typeahead.$menu.find('li').length, 3, 'has 3 items in menu') - - $input.remove() - typeahead.$menu.remove() - }) -}) -- cgit v1.2.3 From edb733ebc7db2d76bdac2611cbd83c5ae36f4fee Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 8 May 2013 21:56:08 -0700 Subject: Super massive docs overhaul * Bring back the navbar up top * Pull the docs content back into separate pages because a 6.6k line docs file is just crazy * Recenter the page content and bring back affixed side nav (needs work) --- docs/_includes/docs-nav.html | 224 -- docs/_includes/nav-components.html | 114 + docs/_includes/nav-css.html | 62 + docs/_includes/nav-javascript.html | 28 + docs/_includes/nav-main.html | 24 + docs/_includes/nav-welcome.html | 4 + docs/_layouts/customize.html | 30 + docs/_layouts/default.html | 45 +- docs/_layouts/home.html | 3 + docs/assets/css/bootstrap.css | 2 +- docs/assets/css/docs.css | 83 +- docs/assets/js/application.js | 16 +- docs/components.html | 2537 ++++++++++++++ docs/css.html | 2057 +++++++++++ docs/customize.html | 644 ++-- docs/docs.html | 6638 ------------------------------------ docs/index.html | 1 - docs/javascript.html | 1741 ++++++++++ docs/welcome.html | 282 ++ less/navs.less | 2 +- 20 files changed, 7291 insertions(+), 7246 deletions(-) delete mode 100644 docs/_includes/docs-nav.html create mode 100644 docs/_includes/nav-components.html create mode 100644 docs/_includes/nav-css.html create mode 100644 docs/_includes/nav-javascript.html create mode 100644 docs/_includes/nav-main.html create mode 100644 docs/_includes/nav-welcome.html create mode 100644 docs/_layouts/customize.html create mode 100644 docs/components.html create mode 100644 docs/css.html delete mode 100644 docs/docs.html create mode 100644 docs/javascript.html create mode 100644 docs/welcome.html diff --git a/docs/_includes/docs-nav.html b/docs/_includes/docs-nav.html deleted file mode 100644 index a9afa52c7..000000000 --- a/docs/_includes/docs-nav.html +++ /dev/null @@ -1,224 +0,0 @@ -
                        - -
                        diff --git a/docs/_includes/nav-components.html b/docs/_includes/nav-components.html new file mode 100644 index 000000000..08be1ad8f --- /dev/null +++ b/docs/_includes/nav-components.html @@ -0,0 +1,114 @@ +
                      • Glyphicons
                        • +
                      • + Dropdowns + +
                        • +
                      • + Button groups + +
                        • +
                      • + Button dropdowns + +
                        • +
                      • + Navs + +
                        • +
                      • + Navbar + +
                        • +
                      • Breadcrumbs
                        • +
                      • + Pagination + +
                        • +
                      • Labels
                        • +
                      • Badges
                        • +
                      • + Typography + +
                        • +
                      • Thumbnails
                        • +
                      • + Alerts + +
                        • +
                      • + Progress bars + +
                        • +
                      • Media object
                        • +
                      • + List group + +
                        • +
                      • + Panels + +
                        • +
                      • Wells
                        • diff --git a/docs/_includes/nav-css.html b/docs/_includes/nav-css.html new file mode 100644 index 000000000..6a94e293b --- /dev/null +++ b/docs/_includes/nav-css.html @@ -0,0 +1,62 @@ +
                      • Overview
                        • +
                      • + Grid system + +
                        • +
                      • + Typography + +
                        • +
                      • Code
                        • +
                      • + Tables + +
                        • +
                      • + Forms + +
                        • +
                      • + Buttons + +
                        • +
                      • Images
                        • +
                      • Helper classes
                        • +
                      • Responsive utilities
                        • diff --git a/docs/_includes/nav-javascript.html b/docs/_includes/nav-javascript.html new file mode 100644 index 000000000..d691845f2 --- /dev/null +++ b/docs/_includes/nav-javascript.html @@ -0,0 +1,28 @@ +
                      • + Overview + +
                        • +
                      • Transitions
                        • +
                      • + Modal + +
                        • +
                      • Dropdown
                        • +
                      • Scrollspy
                        • +
                      • Tab
                        • +
                      • Tooltip
                        • +
                      • Popover
                        • +
                      • Alert
                        • +
                      • Button
                        • +
                      • Collapse
                        • +
                      • Carousel
                        • +
                      • Affix
                        • diff --git a/docs/_includes/nav-main.html b/docs/_includes/nav-main.html new file mode 100644 index 000000000..b9d321a38 --- /dev/null +++ b/docs/_includes/nav-main.html @@ -0,0 +1,24 @@ +
                        +
                        + Bootstrap +
                        + +
                        +
                        +
                        diff --git a/docs/_includes/nav-welcome.html b/docs/_includes/nav-welcome.html new file mode 100644 index 000000000..6a4741f41 --- /dev/null +++ b/docs/_includes/nav-welcome.html @@ -0,0 +1,4 @@ +
                      • Getting started
                        • +
                      • What's included
                        • +
                      • Templates and examples
                        • +
                      • Customizing Bootstrap
                        • \ No newline at end of file diff --git a/docs/_layouts/customize.html b/docs/_layouts/customize.html new file mode 100644 index 000000000..31a5647eb --- /dev/null +++ b/docs/_layouts/customize.html @@ -0,0 +1,30 @@ + + + + + {% include header.html %} + + + + + + {% include nav-main.html %} + + +
                        + {{ content }} + + + + Back to top + + + + {% include colophon.html %} +
                        + + + {% include footer.html %} + + + diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html index 8015c1587..ae8db92ef 100644 --- a/docs/_layouts/default.html +++ b/docs/_layouts/default.html @@ -5,16 +5,47 @@ {% include header.html %} - + - - {% include docs-nav.html %} + + {% include nav-main.html %} - - {{ content }} + +
                        +
                        +

                        {{ page.title }}

                        +

                        {{ page.lead }}

                        +
                        - - {% include colophon.html %} +
                        +
                        +
                        +
                          + {% if page.slug == "welcome" %} + {% include nav-welcome.html %} + {% elsif page.slug == "css" %} + {% include nav-css.html %} + {% elsif page.slug == "components" %} + {% include nav-components.html %} + {% elsif page.slug == "js" %} + {% include nav-javascript.html %} + {% endif %} +
                        +
                        +
                        +
                        + {{ content }} +
                        +
                        + + + + Back to top + + + + {% include colophon.html %} +
                        {% include footer.html %} diff --git a/docs/_layouts/home.html b/docs/_layouts/home.html index 184936f38..9230184dc 100644 --- a/docs/_layouts/home.html +++ b/docs/_layouts/home.html @@ -7,6 +7,9 @@ + + {% include nav-main.html %} + {{ content }} diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 996b7f5db..6910e7bd7 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3304,7 +3304,7 @@ button.close { float: right; } -.nav .divider { +.nav .nav-divider { height: 2px; margin: 9px 0; overflow: hidden; diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index aca8df213..328ede78d 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -13,6 +13,17 @@ body { /* We add the padding to the body for >768px only */ } +/* Top nav and header */ +.bs-docs-nav { + background-color: #fff; + border-bottom: 1px solid #ddd; +} +.bs-docs-nav .navbar-brand { + color: #b94a48; +} + + + hr { margin-top: 30px; margin-bottom: 30px; @@ -22,20 +33,13 @@ hr { margin-top: 15px; margin-bottom: 5px; } - +/* .bs-docs-container, .bs-home-container { padding-left: 15px; padding-right: 15px; } -.bs-docs-container { - max-width: 860px; -} -.bs-docs-container .row { - margin-left: -15px; - margin-right: -15px; -} - +*/ /* Side notes for calling out things */ .bs-docs-sidenote { margin: 20px 0; @@ -59,27 +63,28 @@ hr { -------------------------------------------------- */ /* Padding for in-page bookmarks */ -section, +/*section,*/ .bs-docs-section { padding-top: 30px; } /* Few stylistic typography tweaks */ -section > .page-header, +/*section > .page-header, section > .lead { color: #5a5a5a; } section > ul li { margin-bottom: 5px; -} +}*/ /* Jumbotrons -------------------------------------------------- */ -.bs-docs-section-header { - padding-top: 60px; +.bs-docs-header { + margin-bottom: 20px; + padding-top: 30px; color: #b94a48; border-bottom: 5px solid #b94a48; } @@ -149,22 +154,15 @@ section > ul li { /* Sidenav -------------------------------------------------- */ -.bs-docs-sidebar { - display: none; - position: fixed; - top: 0; - left: 0; - bottom: 0; - width: 240px; - overflow-y: scroll; - text-shadow: 0 1px 0 #fff; - background-color: #f5f5f5; - box-shadow: inset -1px 0 0 #e5e5e5; -} - /* Nav: first level */ .bs-docs-sidebar > .nav { - margin: 0 0 25px 0; + margin-top: 20px; + margin-bottom: 20px; + padding-top: 15px; + padding-bottom: 15px; + text-shadow: 0 1px 0 #fff; + background-color: #f5f5f5; + border-radius: 5px; } .bs-docs-sidebar .nav > li > a { display: block; @@ -229,6 +227,17 @@ section > ul li { border-color: #333; } +/* Increase spacing between page nav and other pages */ +.bs-docs-sidenav .nav-divider { + margin-top: 25px; + margin-bottom: 25px; +} + +.bs-docs-sidebar.affix { + top: 50px; + width: 270px; +} + /* Bootstrap code examples @@ -666,6 +675,9 @@ input.focused { /* Tablets and up */ @media screen and (min-width: 768px) { + body { + padding-top: 50px; + } /* Back to top link */ .bs-docs-top { @@ -687,17 +699,11 @@ input.focused { bottom: 15px; } - .bs-docs-section-header h1 { + .bs-docs-header h1 { font-size: 80px; - font-size: 8rem; line-height: 1; } - /* Account for fixed navbar (which is static to start) */ - .bs-docs-docs { - padding-left: 260px; - } - /* Undo custom padding */ .bs-docs-container { padding-left: 0; @@ -738,10 +744,6 @@ input.focused { /* Tablets/desktops and up */ @media screen and (min-width: 992px) { - .bs-docs-docs { - padding-left: 280px; - } - /* Icons */ .the-icons li { width: 12.5%; @@ -751,8 +753,5 @@ input.focused { /* Large desktops and up */ @media screen and (min-width: 1200px) { - .bs-docs-docs { - padding-left: 300px; - } } diff --git a/docs/assets/js/application.js b/docs/assets/js/application.js index 170a1953d..c43008e51 100644 --- a/docs/assets/js/application.js +++ b/docs/assets/js/application.js @@ -14,14 +14,14 @@ }) // back to top - // setTimeout(function () { - // $('.bs-docs-sidenav').affix({ - // offset: { - // top: function () { return $window.width() <= 980 ? 290 : 210 } - // , bottom: 270 - // } - // }) - // }, 100) + setTimeout(function () { + $('.bs-docs-sidebar').affix({ + offset: { + top: function () { return $window.width() <= 980 ? 290 : 210 } + , bottom: 270 + } + }) + }, 100) setTimeout(function () { $('.bs-docs-top').affix() diff --git a/docs/components.html b/docs/components.html new file mode 100644 index 000000000..26552d517 --- /dev/null +++ b/docs/components.html @@ -0,0 +1,2537 @@ +--- +layout: default +title: Components +slug: components +lead: "Dozens of reusable components built to provide iconography, dropdowns, navigation, alerts, popovers, and much more." +--- + + + +
                        +
                        +

                        Icons font by Glyphicons

                        +
                        + +

                        Included glyphs

                        +

                        Bootstrap comes with all 160 of Glyphicons Halflings set, all available in font formats for easy coloring, sizing, and placement.

                        + +
                          +
                        • glyphicon-glass
                          • +
                        • glyphicon-music
                          • +
                        • glyphicon-search
                          • +
                        • glyphicon-envelope
                          • +
                        • glyphicon-heart
                          • +
                        • glyphicon-star
                          • +
                        • glyphicon-star-empty
                          • +
                        • glyphicon-user
                          • +
                        • glyphicon-film
                          • +
                        • glyphicon-th-large
                          • +
                        • glyphicon-th
                          • +
                        • glyphicon-th-list
                          • +
                        • glyphicon-ok
                          • +
                        • glyphicon-remove
                          • +
                        • glyphicon-zoom-in
                          • +
                        • glyphicon-zoom-out
                          • +
                        • glyphicon-off
                          • +
                        • glyphicon-signal
                          • +
                        • glyphicon-cog
                          • +
                        • glyphicon-trash
                          • +
                        • glyphicon-home
                          • +
                        • glyphicon-file
                          • +
                        • glyphicon-time
                          • +
                        • glyphicon-road
                          • +
                        • glyphicon-download-alt
                          • +
                        • glyphicon-download
                          • +
                        • glyphicon-upload
                          • +
                        • glyphicon-inbox
                          • + +
                        • glyphicon-play-circle
                          • +
                        • glyphicon-repeat
                          • +
                        • glyphicon-refresh
                          • +
                        • glyphicon-list-alt
                          • +
                        • glyphicon-lock
                          • +
                        • glyphicon-flag
                          • +
                        • glyphicon-headphones
                          • +
                        • glyphicon-volume-off
                          • +
                        • glyphicon-volume-down
                          • +
                        • glyphicon-volume-up
                          • +
                        • glyphicon-qrcode
                          • +
                        • glyphicon-barcode
                          • +
                        • glyphicon-tag
                          • +
                        • glyphicon-tags
                          • +
                        • glyphicon-book
                          • +
                        • glyphicon-bookmark
                          • +
                        • glyphicon-print
                          • +
                        • glyphicon-camera
                          • +
                        • glyphicon-font
                          • +
                        • glyphicon-bold
                          • +
                        • glyphicon-italic
                          • +
                        • glyphicon-text-height
                          • +
                        • glyphicon-text-width
                          • +
                        • glyphicon-align-left
                          • +
                        • glyphicon-align-center
                          • +
                        • glyphicon-align-right
                          • +
                        • glyphicon-align-justify
                          • +
                        • glyphicon-list
                          • + +
                        • glyphicon-indent-left
                          • +
                        • glyphicon-indent-right
                          • +
                        • glyphicon-facetime-video
                          • +
                        • glyphicon-picture
                          • +
                        • glyphicon-pencil
                          • +
                        • glyphicon-map-marker
                          • +
                        • glyphicon-adjust
                          • +
                        • glyphicon-tint
                          • +
                        • glyphicon-edit
                          • +
                        • glyphicon-share
                          • +
                        • glyphicon-check
                          • +
                        • glyphicon-move
                          • +
                        • glyphicon-step-backward
                          • +
                        • glyphicon-fast-backward
                          • +
                        • glyphicon-backward
                          • +
                        • glyphicon-play
                          • +
                        • glyphicon-pause
                          • +
                        • glyphicon-stop
                          • +
                        • glyphicon-forward
                          • +
                        • glyphicon-fast-forward
                          • +
                        • glyphicon-step-forward
                          • +
                        • glyphicon-eject
                          • +
                        • glyphicon-chevron-left
                          • +
                        • glyphicon-chevron-right
                          • +
                        • glyphicon-plus-sign
                          • +
                        • glyphicon-minus-sign
                          • +
                        • glyphicon-remove-sign
                          • +
                        • glyphicon-ok-sign
                          • + +
                        • glyphicon-question-sign
                          • +
                        • glyphicon-info-sign
                          • +
                        • glyphicon-screenshot
                          • +
                        • glyphicon-remove-circle
                          • +
                        • glyphicon-ok-circle
                          • +
                        • glyphicon-ban-circle
                          • +
                        • glyphicon-arrow-left
                          • +
                        • glyphicon-arrow-right
                          • +
                        • glyphicon-arrow-up
                          • +
                        • glyphicon-arrow-down
                          • +
                        • glyphicon-share-alt
                          • +
                        • glyphicon-resize-full
                          • +
                        • glyphicon-resize-small
                          • +
                        • glyphicon-plus
                          • +
                        • glyphicon-minus
                          • +
                        • glyphicon-asterisk
                          • +
                        • glyphicon-exclamation-sign
                          • +
                        • glyphicon-gift
                          • +
                        • glyphicon-leaf
                          • +
                        • glyphicon-fire
                          • +
                        • glyphicon-eye-open
                          • +
                        • glyphicon-eye-close
                          • +
                        • glyphicon-warning-sign
                          • +
                        • glyphicon-plane
                          • +
                        • glyphicon-calendar
                          • +
                        • glyphicon-random
                          • +
                        • glyphicon-comment
                          • +
                        • glyphicon-magnet
                          • + +
                        • glyphicon-chevron-up
                          • +
                        • glyphicon-chevron-down
                          • +
                        • glyphicon-retweet
                          • +
                        • glyphicon-shopping-cart
                          • +
                        • glyphicon-folder-close
                          • +
                        • glyphicon-folder-open
                          • +
                        • glyphicon-resize-vertical
                          • +
                        • glyphicon-resize-horizontal
                          • +
                        • glyphicon-hdd
                          • +
                        • glyphicon-bullhorn
                          • +
                        • glyphicon-bell
                          • +
                        • glyphicon-certificate
                          • +
                        • glyphicon-thumbs-up
                          • +
                        • glyphicon-thumbs-down
                          • +
                        • glyphicon-hand-right
                          • +
                        • glyphicon-hand-left
                          • +
                        • glyphicon-hand-up
                          • +
                        • glyphicon-hand-down
                          • +
                        • glyphicon-circle-arrow-right
                          • +
                        • glyphicon-circle-arrow-left
                          • +
                        • glyphicon-circle-arrow-up
                          • +
                        • glyphicon-circle-arrow-down
                          • +
                        • glyphicon-globe
                          • +
                        • glyphicon-wrench
                          • +
                        • glyphicon-tasks
                          • +
                        • glyphicon-filter
                          • +
                        • glyphicon-briefcase
                          • +
                        • glyphicon-fullscreen
                          • + +
                        • glyphicon-dashboard
                          • +
                        • glyphicon-paperclip
                          • +
                        • glyphicon-heart-empty
                          • +
                        • glyphicon-link
                          • +
                        • glyphicon-phone
                          • +
                        • glyphicon-pushpin
                          • +
                        • glyphicon-euro
                          • +
                        • glyphicon-usd
                          • +
                        • glyphicon-gbp
                          • +
                        • glyphicon-sort
                          • +
                        • glyphicon-sort-by-alphabet
                          • +
                        • glyphicon-sort-by-alphabet-alt
                          • +
                        • glyphicon-sort-by-order
                          • +
                        • glyphicon-sort-by-order-alt
                          • +
                        • glyphicon-sort-by-attributes
                          • +
                        • glyphicon-sort-by-attributes-alt
                          • +
                        • glyphicon-unchecked
                          • +
                        • glyphicon-expand
                          • +
                        • glyphicon-collapse
                          • +
                        • glyphicon-collapse-top
                          • + +
                        + +

                        Glyphicons attribution

                        +

                        Glyphicons Halflings are normally not available for free, but an arrangement between Bootstrap and the Glyphicons creator have made this possible at no cost to you as developers. As a thank you, we ask you to include an optional link back to Glyphicons whenever practical.

                        + + +

                        How to use

                        +

                        Add the appropriate class to any inline element. All icon classes are prefixed with glyphicon- for easy styling. To use, place the following code just about anywhere:

                        +{% highlight html %} + +{% endhighlight %} +

                        Want to change the icon color? Just change the color of the parent element.

                        +

                        When using beside strings of text, as in buttons or nav links, be sure to leave a space after the icon for proper spacing.

                        + + +

                        Icon examples

                        +

                        Use them in buttons, button groups for a toolbar, navigation, or prepended form inputs.

                        + +

                        Buttons

                        + +
                        Button group in a button toolbar
                        +
                        +
                        +
                        + + + + +
                        +
                        +
                        +{% highlight html %} +
                        +
                        + + + + +
                        +
                        +{% endhighlight %} + +
                        +

                        Accessibility

                        +

                        Keep in mind that using icons without any additional content means the icons are not represented to screen reader users.

                        +
                        + +
                        Dropdown in a button group
                        +
                        +
                        + User + + +
                        +
                        +{% highlight html %} +
                        + User + + +
                        +{% endhighlight %} + +
                        Large button
                        +
                        + Star +
                        +{% highlight html %} + Star +{% endhighlight %} + +
                        Small button
                        +
                        + +
                        +{% highlight html %} + +{% endhighlight %} + + +

                        Navigation

                        +
                        + +
                        +{% highlight html %} + +{% endhighlight %} + +

                        Form fields

                        +
                        +
                        + +
                        +
                        + + +
                        +
                        +
                        +
                        +{% highlight html %} +
                        + +
                        +
                        + + +
                        +
                        +
                        +{% endhighlight %} + +
                        + + + + + + + + + +
                        +
                        +

                        Button groups

                        +
                        +

                        Group a series of buttons together on a single line with the button group. Add on optional JavaScript radio and checkbox style behavior with our buttons plugin.

                        + +

                        Basic button group

                        +

                        Wrap a series of buttons with .btn in .btn-group.

                        +
                        +
                        + + + +
                        +
                        +{% highlight html %} +
                        + + + +
                        +{% endhighlight %} + +

                        Multiple button groups

                        +

                        Combine sets of <div class="btn-group"> into a <div class="btn-toolbar"> for more complex components.

                        +
                        +
                        +
                        + + + + +
                        +
                        + + + +
                        +
                        + +
                        +
                        +
                        +{% highlight html %} +
                        +
                        ...
                        +
                        ...
                        +
                        ...
                        +
                        +{% endhighlight %} + +

                        Nested button groups

                        +

                        Place buttons groups within button groups when you want dropdown menus mixed with a series of buttons.

                        +
                        +
                        + + + + +
                        + + +
                        +
                        +
                        + +

                        Vertical button groups

                        +

                        Make a set of buttons appear vertically stacked rather than horizontally.

                        +
                        +
                        + + + + +
                        +
                        +{% highlight html %} +
                        + ... +
                        +{% endhighlight %} + +

                        Justified button groups

                        +

                        Make a group of buttons stretch at the same size to span the entire width of its parent. This only works with <a> elements as the <button> doesn't pick up these styles.

                        +
                        +
                        + Left + Right + Middle +
                        +
                        +{% highlight html %} +
                        + ... +
                        +{% endhighlight %} + +
                        + + + + +
                        +
                        +

                        Button dropdown menus

                        +
                        +

                        Use any button to trigger a dropdown menu by placing it within a .btn-group and providing the proper menu markup.

                        + +
                        +

                        Plugin dependency

                        +

                        Button dropdowns require the dropdown plugin to be included in your version of Bootstrap.

                        +
                        + +

                        Single button dropdowns

                        +

                        Turn a button into dropdown toggle with some basic markup changes.

                        +
                        +
                        +
                        + + +
                        +
                        + + +
                        +
                        + + +
                        +
                        + + +
                        +
                        + + +
                        +
                        +
                        +{% highlight html %} + +
                        + + +
                        +{% endhighlight %} + +

                        Split button dropdowns

                        +

                        Similarly, create split button dropdowns with the same markup changes, only with a separate button.

                        +
                        +
                        +
                        + + + +
                        +
                        + + + +
                        +
                        + + + +
                        +
                        + + + +
                        +
                        + + + +
                        +
                        +
                        +{% highlight html %} + +
                        + + + +
                        +{% endhighlight %} + +

                        Works with all button sizes

                        +

                        Button dropdowns work at any size: .btn-large, .btn-small, or .btn-mini.

                        +
                        +
                        +
                        + + +
                        +
                        + + +
                        +
                        + + +
                        +
                        +
                        +{% highlight html %} + +
                        + +
                          + ... +
                        +
                        + + +
                        + +
                          + ... +
                        +
                        + + +
                        + +
                          + ... +
                        +
                        +{% endhighlight %} + +

                        Dropup buttons

                        +

                        Trigger dropdown menus above elements by adding .dropup to the parent.

                        +
                        +
                        +
                        + + + +
                        +
                        + + + +
                        +
                        +
                        +{% highlight html %} +
                        + + +
                          + +
                        +
                        +{% endhighlight %} + +
                        + + + + + + + + + + + + + + + + + + + + + + + + +
                        +
                        +

                        Labels

                        +
                        +

                        + +

                        Example

                        +
                        +

                        Example heading New

                        +

                        Example heading New

                        +

                        Example heading New

                        +

                        Example heading New

                        +
                        Example heading New
                        +
                        Example heading New
                        +
                        +{% highlight html %} +

                        Example heading New

                        +{% endhighlight %} + +

                        Available variations

                        +

                        Add any of the below mentioned modifier classes to change the appearance of a label.

                        +
                        + Default + Success + Warning + Danger + Info +
                        +{% highlight html %} +Default +Success +Warning +Danger +Info +{% endhighlight %} + +
                        + + + + +
                        +
                        +

                        Badges

                        +
                        +

                        Easily highlight new or unread items by adding a <span class="badge"> to links, Bootstrap navs, and more.

                        + +
                        + Inbox 42 +
                        +{% highlight html %} +Inbox 42 +{% endhighlight %} + +

                        Self collapsing

                        +

                        When there are no new or unread items, badges will simply collapse (via CSS's :empty selector) provided no content exists within.

                        + +
                        +

                        Cross-browser compatibility

                        +

                        Badges won't self collapse in Internet Explorer 8 because it lacks support for the :empty selector.

                        +
                        + +

                        Adapts to active nav states

                        +

                        Built-in styles are included for placing badges in active states in pill and list navigations.

                        +
                        + +
                        + +
                        +{% highlight html %} + +{% endhighlight %} +
                        + + + + +
                        +
                        +

                        Typographic components

                        +
                        + +

                        Jumbotron

                        +

                        A lightweight, flexible component to showcase key content on your site. It works well on marketing and content-heavy sites.

                        +
                        +
                        +

                        Hello, world!

                        +

                        This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

                        +

                        Learn more

                        +
                        +
                        +{% highlight html %} +
                        +

                        Hello, world!

                        +

                        ...

                        +

                        Learn more

                        +
                        +{% endhighlight %} + +

                        Page header

                        +

                        A simple shell for an h1 to appropriately space out and segment sections of content on a page. It can utilize the h1's default small element, as well as most other components (with additional styles).

                        +
                        +
                        +

                        Example page header Subtext for header

                        +
                        +
                        +{% highlight html %} +
                        +

                        Example page header Subtext for header

                        +
                        +{% endhighlight %} +
                        + + + + +
                        +
                        +

                        Thumbnails

                        +
                        +

                        Extend Bootstrap's grid system with the thumbnail component to easily display grids of images, videos, text, and more.

                        + +

                        Default thumbnails

                        +

                        By default, Bootstrap's thumbnails are designed to showcase linked images with minimal required markup.

                        +
                        +
                        +
                        + + + +
                        +
                        + + + +
                        +
                        + + + +
                        +
                        + + + +
                        +
                        +
                        +{% highlight html %} +
                        +
                        + + + +
                        + ... +
                        +{% endhighlight %} + +

                        Custom content thumbnails

                        +

                        With a bit of extra markup, it's possible to add any kind of HTML content like headings, paragraphs, or buttons into thumbnails.

                        +
                        +
                        +
                        +
                        + +
                        +

                        Thumbnail label

                        +

                        Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

                        +

                        Action Action

                        +
                        +
                        +
                        +
                        +
                        + +
                        +

                        Thumbnail label

                        +

                        Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

                        +

                        Action Action

                        +
                        +
                        +
                        +
                        +
                        + +
                        +

                        Thumbnail label

                        +

                        Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

                        +

                        Action Action

                        +
                        +
                        +
                        +
                        +
                        +{% highlight html %} +
                        +
                        +
                        + +
                        +

                        Thumbnail label

                        +

                        ...

                        +

                        Action Action

                        +
                        +
                        +
                        +
                        +{% endhighlight %} +
                        + + + + + +
                        +
                        +

                        Alerts

                        +
                        +

                        Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages. For inline dismissal, use the alerts jQuery plugin.

                        + +

                        Default alert

                        +

                        Wrap any text and an optional dismiss button in .alert for a basic warning alert message. To ensure proper behavior across all devices, be sure to use <button> element with the data-dismiss="alert" data attribute.

                        +
                        +
                        + + Warning! Best check yo self, you're not looking too good. +
                        +
                        +{% highlight html %} +
                        + + Warning! Best check yo self, you're not looking too good. +
                        +{% endhighlight %} + +

                        Block alerts

                        +

                        For longer messages, increase the padding on the top and bottom of the alert wrapper by adding .alert-block.

                        +
                        +
                        + +

                        Warning!

                        +

                        Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

                        +
                        +
                        +{% highlight html %} +
                        + +

                        Warning!

                        +

                        ...

                        +
                        +{% endhighlight %} + +

                        Contextual alternatives

                        +

                        Add optional classes to change an alert's connotation.

                        +
                        +
                        + + Oh snap! Change a few things up and try submitting again. +
                        +
                        + + Well done! You successfully read this important alert message. +
                        +
                        + + Heads up! This alert needs your attention, but it's not super important. +
                        +
                        +{% highlight html %} +
                        ...
                        +
                        ...
                        +
                        ...
                        +{% endhighlight %} +
                        + + + + + +
                        +
                        +

                        Progress bars

                        +
                        +

                        Provide up-to-date feedback on the progress of a workflow or action with simple yet flexible progress bars.

                        + +
                        +

                        Cross-browser compatibility

                        +

                        Progress bars use CSS3 transitions and animations to achieve some of their effects. These features are not supported in Internet Explorer 9 and below or older versions of Firefox. Opera 12 does not support animations.

                        +
                        + +

                        Basic

                        +

                        Default progress bar with a vertical gradient.

                        +
                        +
                        +
                        +
                        +
                        +{% highlight html %} +
                        +
                        +
                        +{% endhighlight %} + +

                        Contextual alternatives

                        +

                        Progress bars use some of the same button and alert classes for consistent styles.

                        +
                        +
                        +
                        +
                        +
                        +
                        +
                        +
                        +
                        +
                        +
                        +
                        +
                        +
                        +{% highlight html %} +
                        +
                        +
                        +
                        +
                        +
                        +
                        +
                        +
                        +
                        +
                        +
                        +{% endhighlight %} + +

                        Striped

                        +

                        Uses a gradient to create a striped effect. Not available in IE8.

                        +
                        +
                        +
                        +
                        +
                        +
                        +
                        +
                        +
                        +
                        +
                        +
                        +
                        +
                        +{% highlight html %} +
                        +
                        +
                        +
                        +
                        +
                        +
                        +
                        +
                        +
                        +
                        +
                        +{% endhighlight %} + +

                        Animated

                        +

                        Add .active to .progress-striped to animate the stripes right to left. Not available in all versions of IE.

                        +
                        +
                        +
                        +
                        +
                        +{% highlight html %} +
                        +
                        +
                        +{% endhighlight %} + +

                        Stacked

                        +

                        Place multiple bars into the same .progress to stack them.

                        +
                        +
                        +
                        +
                        +
                        +
                        +
                        +{% highlight html %} +
                        +
                        +
                        +
                        +
                        +{% endhighlight %} +
                        + + + + + +
                        +
                        +

                        Media object

                        +
                        +

                        Abstract object styles for building various types of components (like blog comments, Tweets, etc) that feature a left- or right-aligned image alongside textual content.

                        + +

                        Default example

                        +

                        The default media allow to float a media object (images, video, audio) to the left or right of a content block.

                        +
                        +
                        + + + +
                        +

                        Media heading

                        + Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. +
                        +
                        +
                        + + + +
                        +

                        Media heading

                        + Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. +
                        + + + +
                        +

                        Media heading

                        + Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. +
                        +
                        +
                        +
                        +
                        +{% highlight html %} +
                        + + + +
                        +

                        Media heading

                        + ... +
                        +
                        +{% endhighlight %} + +

                        Media list

                        +

                        With a bit of extra markup, you can use media inside list (useful for comment threads or articles lists).

                        +
                        +
                          +
                        • + + + +
                          +

                          Media heading

                          +

                          Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.

                          + +
                          + + + +
                          +

                          Nested media heading

                          + Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. + +
                          + + + +
                          +

                          Nested media heading

                          + Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. +
                          +
                          +
                          +
                          + +
                          + + + +
                          +

                          Nested media heading

                          + Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. +
                          +
                          +
                          +
                          • +
                        • + + + +
                          +

                          Media heading

                          + Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. +
                          +
                          • +
                        +
                        +{% highlight html %} +
                          +
                        • + + + +
                          +

                          Media heading

                          + ... +
                          +
                          • +
                        +{% endhighlight %} +
                        + + + + + + +
                        +
                        +

                        List group

                        +
                        +

                        List groups are a flexible and powerful component for displaying not only simple lists of elements, but complex ones with custom content.

                        + +

                        Basic list group

                        +

                        The most basic list group is simply an unordered list with list items, and the proper classes. Build upon it with the options that follow, or your own CSS as needed.

                        +
                        +
                          +
                        • Cras justo odio
                          • +
                        • Dapibus ac facilisis in
                          • +
                        • Morbi leo risus
                          • +
                        • Porta ac consectetur ac
                          • +
                        • Vestibulum at eros
                          • +
                        +
                        +{% highlight html %} +
                          +
                        • Cras justo odio
                          • +
                        • Dapibus ac facilisis in
                          • +
                        • Morbi leo risus
                          • +
                        • Porta ac consectetur ac
                          • +
                        • Vestibulum at eros
                          • +
                        +{% endhighlight %} + +

                        With chevrons

                        +

                        Add Glyphicon chevrons that are automatically moved to the right.

                        +
                        +
                          +
                        • + + Cras justo odio +
                          • +
                        • + + Dapibus ac facilisis in +
                          • +
                        • + + Morbi leo risus +
                          • +
                        +
                        +{% highlight html %} +
                          +
                        • + + Cras justo odio +
                          • +
                        +{% endhighlight %} + +

                        With badges

                        +

                        Add the badges component to any list group item and it will automatically be positioned on the right.

                        +
                        +
                          +
                        • + 14 + Cras justo odio +
                          • +
                        • + 2 + Dapibus ac facilisis in +
                          • +
                        • + 1 + Morbi leo risus +
                          • +
                        +
                        +{% highlight html %} +
                          +
                        • + 14 + Cras justo odio +
                          • +
                        +{% endhighlight %} + +

                        With badges and chevrons

                        +

                        Why not both?

                        +
                        +
                          +
                        • + + 14 + Cras justo odio +
                          • +
                        • + + 2 + Dapibus ac facilisis in +
                          • +
                        • + + 1 + Morbi leo risus +
                          • +
                        +
                        +{% highlight html %} +
                          +
                        • + + 14 + Cras justo odio +
                          • +
                        +{% endhighlight %} + +

                        Linked list group

                        +

                        Linkify list group items by using anchor tags instead of list items (that also means a parent <div> instead of an <ul>). No need for individual parents around each element.

                        +
                        +
                        + + Cras justo odio + + + Dapibus ac facilisis in + + + Morbi leo risus + + + Porta ac consectetur ac + + + Vestibulum at eros + + +
                        +
                        +{% highlight html %} +
                        + + Cras justo odio + + + Dapibus ac facilisis in + + + Morbi leo risus + + + Porta ac consectetur ac + + + Vestibulum at eros + + +
                        +{% endhighlight %} + +

                        Custom content

                        +

                        Add nearly any HTML within, even for linked list groups like the one below.

                        +
                        +
                        + +

                        List group item heading

                        +

                        Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

                        +                         + +

                        List group item heading

                        +

                        Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

                        +                         + +

                        List group item heading

                        +

                        Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

                        +                         +
                        +
                        +{% highlight html %} +
                        + +

                        List group item heading

                        +

                        ...

                        +                         +
                        +{% endhighlight %} +
                        + + + + + +
                        +
                        +

                        Panels

                        +
                        +

                        While not always necessary, sometimes you need to put your DOM in a box. For those situations, try the panel component.

                        + +

                        Basic panel

                        +

                        By default, all the .panel does is apply some basic border and padding to contain some content.

                        +
                        +
                        + Basic panel example +
                        +
                        +{% highlight html %} +
                        + Basic panel example +
                        +{% endhighlight %} + +

                        Panel with heading

                        +

                        Easily add a heading to your panel with .panel-heading. Use it on a <div> or any heading element (e.g., <h3>).

                        +
                        +
                        +
                        Panel heading
                        + Panel content +
                        +
                        +{% highlight html %} +
                        +
                        Panel heading
                        + Panel content +
                        +{% endhighlight %} + +

                        Contextual alternatives

                        +

                        Like other components, easily make a panel more meaningful to a particular context by adding any of the contextual state classes.

                        +
                        +
                        +
                        Panel heading
                        + Panel content +
                        +
                        +
                        Panel heading
                        + Panel content +
                        +
                        +
                        Panel heading
                        + Panel content +
                        +
                        +
                        Panel heading
                        + Panel content +
                        +
                        +
                        Panel heading
                        + Panel content +
                        +
                        +{% highlight html %} +
                        ...
                        +
                        ...
                        +
                        ...
                        +
                        ...
                        +
                        ...
                        +{% endhighlight %} + +

                        With list groups

                        +

                        Easily include full-width list groups within any panel.

                        +
                        +
                        + +
                        Panel heading
                        +

                        Some default panel content here. Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam id dolor id nibh ultricies vehicula ut id elit.

                        + + +
                          +
                        • Cras justo odio
                          • +
                        • Dapibus ac facilisis in
                          • +
                        • Morbi leo risus
                          • +
                        • Porta ac consectetur ac
                          • +
                        • Vestibulum at eros
                          • +
                        +
                        +
                        +{% highlight html %} +
                        + +
                        Panel heading
                        +

                        ...

                        + + +
                          +
                        • Cras justo odio
                          • +
                        • Dapibus ac facilisis in
                          • +
                        • Morbi leo risus
                          • +
                        • Porta ac consectetur ac
                          • +
                        • Vestibulum at eros
                          • +
                        +
                        +{% endhighlight %} + +
                        + + + + + + +
                        +
                        +

                        Wells

                        +
                        + +

                        Default well

                        +

                        Use the well as a simple effect on an element to give it an inset effect.

                        +
                        +
                        + Look, I'm in a well! +
                        +
                        +{% highlight html %} +
                        ...
                        +{% endhighlight %} +

                        Optional classes

                        +

                        Control padding and rounded corners with two optional modifier classes.

                        +
                        +
                        + Look, I'm in a well! +
                        +
                        +{% highlight html %} +
                        ...
                        +{% endhighlight %} + +
                        +
                        + Look, I'm in a well! +
                        +
                        +{% highlight html %} +
                        ...
                        +{% endhighlight %} +
                        diff --git a/docs/css.html b/docs/css.html new file mode 100644 index 000000000..f5b61786f --- /dev/null +++ b/docs/css.html @@ -0,0 +1,2057 @@ +--- +layout: default +title: CSS +slug: css +lead: "Fundamental HTML elements styled and enhanced with extensible classes." +--- + + + +
                        +
                        +

                        Overview

                        +
                        +

                        Get the lowdown on the key pieces of Bootstrap's infrastructure, including our approach to better, faster, stronger web development.

                        + +

                        HTML5 doctype required

                        +

                        Bootstrap makes use of certain HTML elements and CSS properties that require the use of the HTML5 doctype. Include it at the beginning of all your projects.

                        +{% highlight html %} + + + ... + +{% endhighlight %} + +

                        Mobile first

                        +

                        With Bootstrap 2, we added optional mobile friendly styles for key aspects of the framework. With Bootstrap 3, we've rewritten the project to be mobile friendly from the start. Instead of adding on optional mobile styles, they're baked right into the core. In fact, Bootstrap is mobile first. Mobile first styles can be found throughout the entire library instead of in separate files.

                        +

                        To ensure proper rendering and touch zooming, add the viewport meta tag to your <head>.

                        +{% highlight html %} + +{% endhighlight %} + +

                        Responsive images

                        +

                        We automatically attempt to scale images to appropriate sizes with a global max-width: 100%; on all <img> elements. If you run into problems (e.g., with Google Maps), be sure to disable this property on a per-case basis.

                        + +

                        Typography and links

                        +

                        Bootstrap sets basic global display, typography, and link styles. Specifically, we:

                        +
                          +
                        • Remove margin on the body
                          • +
                        • Set background-color: white; on the body
                          • +
                        • Use the @font-family-base, @font-size-base, and @line-height-base attributes as our typographic base
                          • +
                        • Set the global link color via @link-color and apply link underlines only on :hover
                          • +
                        +

                        These styles can be found within scaffolding.less.

                        + +

                        Normalize reset

                        +

                        For improved cross-browser rendering, we use Normalize, a project by Nicolas Gallagher and Jonathan Neal.

                        +
                        + + + + +
                        +
                        +

                        Grid system

                        +
                        +

                        Bootstrap includes a responsive, percent-based grid system that appropriately scales up to 12 columns as the device or viewport size increases—in other words, it's mobile first. It includes predefined classes for this, as well as powerful mixins for generating semantic layouts.

                        + +

                        Grid example

                        +

                        On mobile devices, the grid starts out stacked. Above 768px, it becomes horizontal as media queries kick in to apply floats and widths. To create a basic grid layout, wrap a series of .col-span-* elements within a .row. As this is a 12-column grid, each .col-span-* spans a number of those 12 columns, and should always add up to 12 for each row (or the number of columns in the parent), even at mobile resolutions.

                        +
                        +
                        +
                        1
                        +
                        1
                        +
                        1
                        +
                        1
                        +
                        1
                        +
                        1
                        +
                        1
                        +
                        1
                        +
                        1
                        +
                        1
                        +
                        1
                        +
                        1
                        +
                        +
                        +
                        4
                        +
                        4
                        +
                        4
                        +
                        +
                        +
                        6
                        +
                        6
                        +
                        +
                        +{% highlight html %} +
                        +
                        1
                        +
                        1
                        +
                        1
                        +
                        1
                        +
                        1
                        +
                        1
                        +
                        1
                        +
                        1
                        +
                        1
                        +
                        1
                        +
                        1
                        +
                        1
                        +
                        +
                        +
                        4
                        +
                        4
                        +
                        4
                        +
                        +
                        +
                        6
                        +
                        6
                        +
                        +{% endhighlight %} + +

                        Offsetting columns

                        +

                        Move columns to the right using .col-offset-* classes. These classes increase the left margin of a column by * columns. For example, .col-offset-4 moves .col col-lg-4 over four columns.

                        +
                        +
                        +
                        4
                        +
                        4 offset 4
                        +
                        +
                        +
                        3 offset 3
                        +
                        3 offset 3
                        +
                        +
                        +
                        6 offset 3
                        +
                        +
                        +{% highlight html %} +
                        +
                        ...
                        +
                        ...
                        +
                        +
                        +
                        3 offset 3
                        +
                        3 offset 3
                        +
                        +
                        +
                        ...
                        +
                        +{% endhighlight %} + + +

                        Nesting columns

                        +

                        To nest your content with the default grid, add a new .row and set of .col-span-* columns within an existing .col-span-* column. Nested rows should include a set of columns that add up to 12.

                        +
                        +
                        + Level 1: 9 columns +
                        +
                        + Level 2: 6 columns +
                        +
                        + Level 2: 6 columns +
                        +
                        +
                        +
                        +{% highlight html %} +
                        +
                        + Level 1: 9 columns +
                        +
                        + Level 2: 6 columns +
                        +
                        + Level 2: 6 columns +
                        +
                        +
                        +
                        +{% endhighlight %} + +

                        Column ordering

                        +

                        Easily change the order of our built-in grid columns with .col-push-* and .col-pull-* modifier classes.

                        +
                        +
                        9
                        +
                        3
                        +
                        + +{% highlight html %} +
                        +
                        9
                        +
                        3
                        +
                        +{% endhighlight %} + +

                        Small device grid

                        +

                        Use the small device grid classes, like .col-sm-6, to create columned layouts on phone and tablet devices (anything under 768px). Offsets, pushes, and pulls are not available with the small grid at this time.

                        +
                        +
                        4 cols, 6 small cols
                        +
                        4 cols, 6 small cols
                        +
                        4 cols, 12 small cols
                        +
                        +{% highlight html %} +
                        +
                        4 cols, 6 small cols
                        +
                        4 cols, 6 small cols
                        +
                        4 cols, 12 small cols
                        +
                        +{% endhighlight %} + +

                        LESS mixins and variables

                        +

                        In addition to prebuilt grid classes for fast layouts, Bootstrap includes LESS variables and mixins for quickly generating your own simple, semantic layouts.

                        + +

                        Variables

                        +

                        Variables determine the number of columns, the gutter width, and the media query point at which to begin floating columns. We use these to generate the predefined grid classes documented above, as well as for the custom mixins listed below.

                        +{% highlight css %} +@grid-columns: 12; +@grid-gutter-width: 30px; +@grid-float-breakpoint: 768px; +{% endhighlight %} + +

                        Mixins

                        +

                        Mixins are used in conjunction with the grid variables to generate semantic CSS for individual grid columns.

                        +{% highlight css %} +// Creates a wrapper for a series of columns +.make-row() { + // Negative margin the row out to align the content of columns + margin-left: (@grid-gutter-width / -2); + margin-right: (@grid-gutter-width / -2); + // Then clear the floated columns + .clearfix(); +} + +// Generate the columns +.make-column(@columns) { + @media (min-width: @grid-float-breakpoint) { + float: left; + // Calculate width based on number of columns available + width: percentage(@columns / @grid-columns); + } + // Prevent columns from collapsing when empty + min-height: 1px; + // Set inner padding as gutters instead of margin + padding-left: (@grid-gutter-width / 2); + padding-right: (@grid-gutter-width / 2); +} + +// Generate the column offsets +.make-column-offset(@columns) { + @media (min-width: @grid-float-breakpoint) { + margin-left: percentage((@columns / @grid-columns)); + } +} +{% endhighlight %} + +

                        Example usage

                        +

                        You can modify the variables to your own custom values, or just use the mixins with their default values. Here's an example of using the default settings to create a two-column layout with a gap between.

                        +{% highlight css %} +.wrapper { + .make-row(); +} +.content-main { + .make-column(8); +} +.content-secondary { + .make-column(3); + .make-column-offset(1); +} +{% endhighlight %} +{% highlight html %} +
                        +
                        ...
                        +
                        ...
                        +
                        +{% endhighlight %} + +
                        + + + + + +
                        +
                        +

                        Typography

                        +
                        + + +

                        Headings

                        +

                        All HTML headings, <h1> through <h6> are available.

                        + +
                        + + + + + + + + + + + + + + + + + + + + + + + + + + + +

                        Bootstrap heading

                        		Semibold 38px

                        Bootstrap heading

                        		Semibold 32px

                        Bootstrap heading

                        		Semibold 24px

                        Bootstrap heading

                        		Semibold 18px
                        Bootstrap heading
                        		Semibold 16px
                        Bootstrap heading
                        		Semibold 12px
                        +
                        +{% highlight html %} +

                        ...

                        +

                        ...

                        +

                        ...

                        +

                        ...

                        +
                        ...
                        +
                        ...
                        +{% endhighlight %} + + +

                        Body copy

                        +

                        Bootstrap's global default font-size is 14px, with a line-height of 20px. This is applied to the <body> and all paragraphs. In addition, <p> (paragraphs) receive a bottom margin of half their line-height (10px by default).

                        +
                        +

                        Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.

                        +

                        Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec ullamcorper nulla non metus auctor fringilla.

                        +

                        Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

                        +
                        +{% highlight html %} +

                        ...

                        +{% endhighlight %} + + +

                        Lead body copy

                        +

                        Make a paragraph stand out by adding .lead.

                        +
                        +

                        Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.

                        +
                        +{% highlight html %} +

                        ...

                        +{% endhighlight %} + + +

                        Built with Less

                        +

                        The typographic scale is based on two LESS variables in variables.less: @font-size-base and @line-height-base. The first is the base font-size used throughout and the second is the base line-height. We use those variables and some simple math to create the margins, paddings, and line-heights of all our type and more. Customize them and Bootstrap adapts.

                        + + + +

                        Emphasis

                        +

                        Make use of HTML's default emphasis tags with lightweight styles.

                        + +

                        Small text

                        +

                        For de-emphasizing inline or blocks of text, use the <small> tag to set text at 85% the size of the parent. Heading elements receive their own font-size for nested <small> elements.

                        +
                        +

                        This line of text is meant to be treated as fine print.

                        +
                        +{% highlight html %} +This line of text is meant to be treated as fine print. +{% endhighlight %} + + +

                        Bold

                        +

                        For emphasizing a snippet of text with a heavier font-weight.

                        +
                        +

                        The following snippet of text is rendered as bold text.

                        +
                        +{% highlight html %} +rendered as bold text +{% endhighlight %} + +

                        Italics

                        +

                        For emphasizing a snippet of text with italics.

                        +
                        +

                        The following snippet of text is rendered as italicized text.

                        +
                        +{% highlight html %} +rendered as italicized text +{% endhighlight %} + +

                        Feel free to use <b> and <i> in HTML5. <b> is meant to highlight words or phrases without conveying additional importance while <i> is mostly for voice, technical terms, etc.

                        + +

                        Alignment classes

                        +

                        Easily realign text to components with text alignment classes.

                        +
                        +

                        Left aligned text.

                        +

                        Center aligned text.

                        +

                        Right aligned text.

                        +
                        +{% highlight html %} +

                        Left aligned text.

                        +

                        Center aligned text.

                        +

                        Right aligned text.

                        +{% endhighlight %} + +

                        Emphasis classes

                        +

                        Convey meaning through color with a handful of emphasis utility classes.

                        +
                        +

                        Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.

                        +

                        Etiam porta sem malesuada magna mollis euismod.

                        +

                        Donec ullamcorper nulla non metus auctor fringilla.

                        +

                        Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

                        +
                        +{% highlight html %} +

                        ...

                        +

                        ...

                        +

                        ...

                        +

                        ...

                        +{% endhighlight %} + + + +

                        Abbreviations

                        +

                        Stylized implementation of HTML's <abbr> element for abbreviations and acronyms to show the expanded version on hover. Abbreviations with a title attribute have a light dotted bottom border and a help cursor on hover, providing additional context on hover.

                        + +

                        Basic abbreviation

                        +

                        For expanded text on long hover of an abbreviation, include the title attribute with the <abbr> element.

                        +
                        +

                        An abbreviation of the word attribute is attr.

                        +
                        +{% highlight html %} +attr +{% endhighlight %} + +

                        Initialism

                        +

                        Add .initialism to an abbreviation for a slightly smaller font-size.

                        +
                        +

                        HTML is the best thing since sliced bread.

                        +
                        +{% highlight html %} +HTML +{% endhighlight %} + + + +

                        Addresses

                        +

                        Present contact information for the nearest ancestor or the entire body of work. Preserve formatting by ending all lines with <br>.

                        +
                        +
                        + Twitter, Inc.
                        + 795 Folsom Ave, Suite 600
                        + San Francisco, CA 94107
                        + P: (123) 456-7890 +
                        +
                        + Full Name
                        + first.last@example.com +
                        +
                        +{% highlight html %} +
                        + Twitter, Inc.
                        + 795 Folsom Ave, Suite 600
                        + San Francisco, CA 94107
                        + P: (123) 456-7890 +
                        + +
                        + Full Name
                        + first.last@example.com +
                        +{% endhighlight %} + + + +

                        Blockquotes

                        +

                        For quoting blocks of content from another source within your document.

                        + +

                        Default blockquote

                        +

                        Wrap <blockquote> around any HTML as the quote. For straight quotes we recommend a <p>.

                        +
                        +
                        +

                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

                        +
                        +
                        +{% highlight html %} +
                        +

                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

                        +
                        +{% endhighlight %} + +

                        Blockquote options

                        +

                        Style and content changes for simple variations on a standard blockquote.

                        + +

                        Naming a source

                        +

                        Add <small> tag for identifying the source. Wrap the name of the source work in <cite>.

                        +
                        +
                        +

                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

                        + Someone famous in Source Title +
                        +
                        +{% highlight html %} +
                        +

                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

                        + Someone famous Source Title +
                        +{% endhighlight %} + +

                        Alternate displays

                        +

                        Use .pull-right for a floated, right-aligned blockquote.

                        +
                        +
                        +

                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

                        + Someone famous in Source Title +
                        +
                        +{% highlight html %} +
                        + ... +
                        +{% endhighlight %} + + + +

                        Lists

                        + +

                        Unordered

                        +

                        A list of items in which the order does not explicitly matter.

                        +
                        +
                          +
                        • Lorem ipsum dolor sit amet
                          • +
                        • Consectetur adipiscing elit
                          • +
                        • Integer molestie lorem at massa
                          • +
                        • Facilisis in pretium nisl aliquet
                          • +
                        • Nulla volutpat aliquam velit +
                            +
                          • Phasellus iaculis neque
                            • +
                          • Purus sodales ultricies
                            • +
                          • Vestibulum laoreet porttitor sem
                            • +
                          • Ac tristique libero volutpat at
                            • +
                          +
                          • +
                        • Faucibus porta lacus fringilla vel
                          • +
                        • Aenean sit amet erat nunc
                          • +
                        • Eget porttitor lorem
                          • +
                        +
                        +{% highlight html %} +
                          +
                        • ...
                          • +
                        +{% endhighlight %} + +

                        Ordered

                        +

                        A list of items in which the order does explicitly matter.

                        +
                        +
                          +
                        1. Lorem ipsum dolor sit amet
                          2. +
                        2. Consectetur adipiscing elit
                          3. +
                        3. Integer molestie lorem at massa
                          4. +
                        4. Facilisis in pretium nisl aliquet
                          5. +
                        5. Nulla volutpat aliquam velit
                          6. +
                        6. Faucibus porta lacus fringilla vel
                          7. +
                        7. Aenean sit amet erat nunc
                          8. +
                        8. Eget porttitor lorem
                          9. +
                        +
                        +{% highlight html %} +
                          +
                        1. ...
                          2. +
                        +{% endhighlight %} + +

                        Unstyled

                        +

                        Remove the default list-style and left margin on list items (immediate children only). This only applies to immediate children list items, meaning you will need to add the class for any nested lists as well.

                        +
                        +
                          +
                        • Lorem ipsum dolor sit amet
                          • +
                        • Consectetur adipiscing elit
                          • +
                        • Integer molestie lorem at massa
                          • +
                        • Facilisis in pretium nisl aliquet
                          • +
                        • Nulla volutpat aliquam velit +
                            +
                          • Phasellus iaculis neque
                            • +
                          • Purus sodales ultricies
                            • +
                          • Vestibulum laoreet porttitor sem
                            • +
                          • Ac tristique libero volutpat at
                            • +
                          +
                          • +
                        • Faucibus porta lacus fringilla vel
                          • +
                        • Aenean sit amet erat nunc
                          • +
                        • Eget porttitor lorem
                          • +
                        +
                        +{% highlight html %} +
                          +
                        • ...
                          • +
                        +{% endhighlight %} + +

                        Inline

                        +

                        Place all list items on a single line with inline-block and some light padding.

                        +
                        +
                          +
                        • Lorem ipsum
                          • +
                        • Phasellus iaculis
                          • +
                        • Nulla volutpat
                          • +
                        +
                        +{% highlight html %} +
                          +
                        • ...
                          • +
                        +{% endhighlight %} + +

                        Description

                        +

                        A list of terms with their associated descriptions.

                        +
                        +
                        +
                        Description lists
                        +
                        A description list is perfect for defining terms.
                        +
                        Euismod
                        +
                        Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
                        +
                        Donec id elit non mi porta gravida at eget metus.
                        +
                        Malesuada porta
                        +
                        Etiam porta sem malesuada magna mollis euismod.
                        +
                        +
                        +{% highlight html %} +
                        +
                        ...
                        +
                        ...
                        +
                        +{% endhighlight %} + +

                        Horizontal description

                        +

                        Make terms and descriptions in <dl> line up side-by-side.

                        +
                        +
                        +
                        Description lists
                        +
                        A description list is perfect for defining terms.
                        +
                        Euismod
                        +
                        Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
                        +
                        Donec id elit non mi porta gravida at eget metus.
                        +
                        Malesuada porta
                        +
                        Etiam porta sem malesuada magna mollis euismod.
                        +
                        Felis euismod semper eget lacinia
                        +
                        Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
                        +
                        +
                        +{% highlight html %} +
                        +
                        ...
                        +
                        ...
                        +
                        +{% endhighlight %} + +
                        Auto-truncating
                        +

                        + Horizontal description lists will truncate terms that are too long to fit in the left column fix text-overflow. In narrower viewports, they will change to the default stacked layout. +

                        +
                        + + + +
                        +
                        +

                        Code

                        +
                        + +

                        Inline

                        +

                        Wrap inline snippets of code with <code>.

                        +
                        + For example, <section> should be wrapped as inline. +
                        +{% highlight html %} +For example, <section> should be wrapped as inline. +{% endhighlight %} + +

                        Basic block

                        +

                        Use <pre> for multiple lines of code. Be sure to escape any angle brackets in the code for proper rendering.

                        +
                        + 
                        <p>Sample text here...</p>
                        +
                        +{% highlight html %} +
                        <p>Sample text here...</p>
                        +{% endhighlight %} + +

                        You may optionally add the .pre-scrollable class which will set a max-height of 350px and provide a y-axis scrollbar.

                        +
                        + + + + +
                        +
                        +

                        Tables

                        +
                        + +

                        Basic example

                        +

                        For basic styling—light padding and only horizontal dividers—add the base class .table to any <table>. It may seem super redundant, but given the widespread use of tables for other plugins like calendars and date pickers, we've opted to isolate our custom table styles.

                        +
                        + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
                        #First NameLast NameUsername
                        1MarkOtto@mdo
                        2JacobThornton@fat
                        3Larrythe Bird@twitter
                        +
                        +{% highlight html %} + + ... +
                        +{% endhighlight %} + + +

                        Optional classes

                        +

                        Add any of the following classes to the .table base class.

                        + +

                        Striped

                        +

                        Use .table-striped to add zebra-striping to any table row within the <tbody>.

                        +
                        +

                        Cross-browser compatibility

                        +

                        Striped tables are styled via the :nth-child CSS selector, which is not available in IE8.

                        +
                        +
                        + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
                        #First NameLast NameUsername
                        1MarkOtto@mdo
                        2JacobThornton@fat
                        3Larrythe Bird@twitter
                        +
                        +{% highlight html %} + + ... +
                        +{% endhighlight %} + +

                        Bordered

                        +

                        Add .table-bordered for borders and rounded corners.

                        +
                        + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
                        #First NameLast NameUsername
                        1MarkOtto@mdo
                        MarkOtto@TwBootstrap
                        2JacobThornton@fat
                        3Larry the Bird@twitter
                        +
                        +{% highlight html %} + + ... +
                        +{% endhighlight %} + +

                        Hover rows

                        +

                        Add .table-hover to enable a hover state on table rows within a <tbody>.

                        +
                        + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
                        #First NameLast NameUsername
                        1MarkOtto@mdo
                        2JacobThornton@fat
                        3Larry the Bird@twitter
                        +
                        +{% highlight html %} + + ... +
                        +{% endhighlight %} + + +

                        Condensed

                        +

                        Add .table-condensed to make tables more compact by cutting cell padding in half.

                        +
                        + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
                        #First NameLast NameUsername
                        1MarkOtto@mdo
                        2JacobThornton@fat
                        3Larry the Bird@twitter
                        +
                        +{% highlight html %} + + ... +
                        +{% endhighlight %} + + + +

                        Optional row classes

                        +

                        Use contextual classes to color table rows.

                        + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
                        ClassDescription
                        + .success + Indicates a successful or positive action.
                        + .danger + Indicates a dangerous or potentially negative action.
                        + .warning + Indicates a warning that might need attention.
                        + .info + Used as an alternative to the default styles.
                        +
                        + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
                        #ProductPayment TakenStatus
                        1TB - Monthly01/04/2012Approved
                        2TB - Monthly02/04/2012Declined
                        3TB - Monthly03/04/2012Pending
                        +
                        +{% highlight html %} +... + + 1 + TB - Monthly + 01/04/2012 + Approved + +... +{% endhighlight %} + +
                        + + + + +
                        +
                        +

                        Forms

                        +
                        + +

                        Basic example

                        +

                        Individual form controls automatically receive some global styling. By default, inputs are set to width: 100%;.

                        +
                        +
                        + Legend + + +

                        Example block-level help text here.

                        +
                        + +
                        + +
                        +
                        +{% highlight html %} +
                        +
                        + Legend + + +

                        Example block-level help text here.

                        +
                        + +
                        + +
                        +
                        +{% endhighlight %} + + +

                        Optional layouts

                        +

                        Included with Bootstrap are optional form layouts for common use cases.

                        + +

                        Inline form

                        +

                        Add .form-inline for left-aligned and inline-block controls for a compact layout.

                        +
                        +

                        Requires custom widths

                        +

                        Inputs, selects, and textareas are 100% wide by default in Bootstrap. To use the inline form, you'll have to set a width on the form controls used within.

                        +
                        +
                        + + +
                        + +
                        + +
                        +{% highlight html %} +
                        + + +
                        + +
                        + +
                        +{% endhighlight %} + +

                        Horizontal form

                        +

                        Right align labels and float them to the left to make them appear on the same line as controls. Requires the most markup changes from a default form:

                        +
                          +
                        • Add .form-horizontal to the form
                          • +
                        • Wrap labels and controls in .control-group
                          • +
                        • Add .control-label to the label
                          • +
                        • Wrap any associated controls in .controls for proper alignment
                          • +
                        +
                        +
                        + +
                        + +
                        +
                        +
                        + +
                        + +
                        + +
                        +
                        +
                        +
                        +
                        + +
                        +
                        +
                        +{% highlight html %} +
                        +
                        + +
                        + +
                        +
                        +
                        + +
                        + +
                        + +
                        +
                        +
                        +
                        +
                        + +
                        +
                        +
                        +{% endhighlight %} + + +

                        Supported form controls

                        +

                        Examples of standard form controls supported in an example form layout.

                        + +

                        Inputs

                        +

                        Most common form control, text-based input fields. Includes support for all HTML5 types: text, password, datetime, datetime-local, date, month, time, week, number, email, url, search, tel, and color.

                        +
                        +

                        Type declaration required

                        +

                        Inputs will only be fully styled if their type is properly declared.

                        +
                        +
                        + +
                        +{% highlight html %} + +{% endhighlight %} + +

                        Textarea

                        +

                        Form control which supports multiple lines of text. Change rows attribute as necessary.

                        +
                        + +
                        +{% highlight html %} + +{% endhighlight %} + +

                        Checkboxes and radios

                        +

                        Checkboxes are for selecting one or several options in a list while radios are for selecting one option from many.

                        +

                        Default (stacked)

                        +
                        +
                        + +
                        +
                        +
                        + +
                        +
                        + +
                        +
                        +{% highlight html %} +
                        + +
                        + +
                        + +
                        +{% endhighlight %} + +

                        Inline checkboxes

                        +

                        Use .checkbox-inline or .radio-inline class to a series of checkboxes or radios for controls appear on the same line.

                        +
                        + + + +
                        +{% highlight html %} + + + +{% endhighlight %} + +

                        Selects

                        +

                        Use the default option or specify a multiple="multiple" to show multiple options at once.

                        +
                        + +
                        + +
                        +{% highlight html %} + + + +{% endhighlight %} + + + +

                        Form control states

                        +

                        Provide feedback to users or visitors with basic feedback states on form controls and labels.

                        + +

                        Input focus

                        +

                        We remove the default outline styles on some form controls and apply a box-shadow in its place for :focus.

                        +
                        + +
                        +{% highlight html %} + +{% endhighlight %} + +

                        Invalid inputs

                        +

                        Style inputs via default browser functionality. Specify a type, add the required attribute if the field is not optional, and (if applicable) specify a pattern.

                        + +
                        +

                        Cross-browser compatibility

                        +

                        Invalid inputs are styled via the :invalid CSS selector, which is not supported by Internet Explorer 9 and below.

                        +
                        + +
                        + +
                        +{% highlight html %} + +{% endhighlight %} + +

                        Disabled inputs

                        +

                        Add the disabled attribute on an input to prevent user input and trigger a slightly different look.

                        +
                        + +
                        +{% highlight html %} + +{% endhighlight %} + +

                        Disabled fieldsets

                        +

                        Add the disabled attribute to a <fieldset> to disable all the controls within the <fieldset> at once.

                        + +
                        +

                        Link functionality of <a> not impacted

                        +

                        This class will only change the appearance of <a class="btn"> buttons, not their functionality. Use custom JavaScript to disable links here.

                        +
                        + +
                        +

                        Cross-browser compatibility

                        +

                        While Bootstrap will apply these styles in all browsers, IE and Safari don't actually support the <disabled> attribute on a <fieldset>. Use custom JavaScript to disable the fieldset in these browsers.

                        +
                        + +
                        +
                        +
                        + +
                        +
                        + +
                        +
                        + +
                        + +
                        +
                        +{% highlight html %} +
                        +
                        +
                        + +
                        +
                        + +
                        +
                        + +
                        + +
                        +
                        +{% endhighlight %} + +

                        Validation states

                        +

                        Bootstrap includes validation styles for error, warning, info, and success messages. To use:

                        +
                          +
                        • Add .has-warning, .has-error, or .has-success to the parent element
                          • +
                        • Add .input-with-feedback to the field(s) in question
                          • +
                        +

                        Validation styles are applied on a per-input basis. With horizontal forms, the <label class="control-label"> will always be styled.

                        + +
                        +
                        + +
                        + +
                        +
                        +
                        + +
                        + +
                        +
                        +
                        + +
                        + +
                        +
                        +
                        +{% highlight html %} +
                        + +
                        + +
                        +
                        +
                        + +
                        + +
                        +
                        +
                        + +
                        + +
                        +
                        +{% endhighlight %} + + + +

                        Extending form controls

                        +

                        Adding on top of existing browser controls, Bootstrap includes other useful form components.

                        + +

                        Input groups

                        +

                        Add text or buttons before, after, or on both sides of any text-based input. Use .input-group with a .add-on to prepend or append elements to an <input>.

                        + +
                        +

                        Cross-browser compatibility

                        +

                        Avoid using <select> elements here as they cannot be fully styled in WebKit browsers.

                        +
                        + +
                        +
                        + @ + +
                        +
                        +
                        + + .00 +
                        +
                        +
                        + $ + + .00 +
                        +
                        +{% highlight html %} +
                        + @ + +
                        + +
                        + + .00 +
                        + +
                        + $ + + .00 +
                        +{% endhighlight %} + +

                        Optional sizes

                        +

                        Add the relative form sizing classes to the `.input-group-addon`.

                        +
                        +
                        + @ + +
                        +
                        +
                        + @ + +
                        +
                        +
                        + @ + +
                        +
                        +{% highlight html %} +
                        + @ + +
                        + +
                        + @ + +
                        + +
                        + @ + +
                        +{% endhighlight %} + +

                        Buttons instead of text

                        +

                        Buttons in input groups are a bit different and require one extra level of nesting. Instead of .input-group-addon, you'll need to use .input-group-btn to wrap the buttons. This is required due to default browser styles that cannot be overridden.

                        +
                        +
                        + + + + +
                        +
                        +
                        + + + + +
                        +
                        +{% highlight html %} +
                        + + + + +
                        + +
                        + + + + +
                        +{% endhighlight %} + +

                        Button dropdowns

                        +

                        +
                        +
                        +
                        + + +
                        + +
                        +
                        +
                        + +
                        + + +
                        +
                        +
                        +{% highlight html %} +
                        +
                        + + +
                        + +
                        + +
                        + +
                        + + +
                        +
                        +{% endhighlight %} + +

                        Segmented dropdown groups

                        +
                        +
                        +
                        + + + +
                        + +
                        + +
                        + +
                        + +
                        + + + +
                        +
                        +
                        +{% highlight html %} +
                        +
                        + +
                        + +
                        + +
                        + +
                        + +
                        +
                        +{% endhighlight %} + +

                        Control sizing

                        +

                        Use relative sizing classes like .input-large or match your inputs to the grid column sizes using .col-span-* classes.

                        + +

                        Relative sizing

                        +

                        Create larger or smaller form controls that match button sizes.

                        +
                        +
                        + + + +
                        +
                        +{% highlight html %} + + + +{% endhighlight %} + +

                        Column sizing

                        +

                        Wrap inputs in grid columns, or any custom parent element, to easily enforce desired widths.

                        +
                        +
                        +
                        + +
                        +
                        + +
                        +
                        + +
                        +
                        +
                        +{% highlight html %} +
                        +
                        + +
                        +
                        + +
                        +
                        + +
                        +
                        +{% endhighlight %} + +

                        Form actions

                        +

                        End a form with a group of actions (buttons). When placed within a .form-horizontal, the buttons will automatically indent to line up with the form controls.

                        +
                        +
                        + + +
                        +
                        +{% highlight html %} +
                        + + +
                        +{% endhighlight %} + +

                        Help text

                        +

                        Inline and block level support for help text that appears around form controls.

                        +

                        Inline help

                        +
                        + Inline help text +
                        +{% highlight html %} + +Inline help text +{% endhighlight %} + +

                        Block help

                        +
                        + + A longer block of help text that breaks onto a new line and may extend beyond one line. +
                        +{% highlight html %} + +A longer block of help text that breaks onto a new line and may extend beyond one line. +{% endhighlight %} + +
                        + + + + +
                        +
                        +

                        Buttons

                        +
                        + +

                        Button options

                        +

                        Use any of the available button classes to quickly create a styled button.

                        +
                        + + + + + + + +
                        +{% highlight html %} + + + + + + + + + + + + + + + + + + + + +{% endhighlight %} + +

                        Button sizes

                        +

                        Fancy larger or smaller buttons? Add .btn-large, .btn-small, or .btn-mini for additional sizes.

                        +
                        +

                        + + +

                        +

                        + + +

                        +

                        + + +

                        +

                        + + +

                        +
                        +{% highlight html %} +

                        + + +

                        +

                        + + +

                        +

                        + + +

                        +

                        + + +

                        +{% endhighlight %} + +

                        Create block level buttons—those that span the full width of a parent— by adding .btn-block.

                        +
                        +
                        + + +
                        +
                        +{% highlight html %} + + +{% endhighlight %} + + +

                        Disabled state

                        +

                        Make buttons look unclickable by fading them back 50%.

                        + +

                        Button element

                        +

                        Add the disabled attribute to <button> buttons.

                        +

                        + + +

                        +{% highlight html %} + + +{% endhighlight %} + +
                        +

                        Cross-browser compatibility

                        +

                        If you add the disabled attribute to a <button>, Internet Explorer 9 and below will render text gray with a nasty text-shadow that we cannot fix.

                        +
                        + +

                        Anchor element

                        +

                        Add the .disabled class to <a> buttons.

                        +

                        + Primary link + Link +

                        +{% highlight html %} +Primary link +Link +{% endhighlight %} +

                        + We use .disabled as a utility class here, similar to the common .active class, so no prefix is required. +

                        +
                        +

                        Link functionality not impacted

                        +

                        This class will only change the <a>'s appearance, not its functionality. Use custom JavaScript to disable links here.

                        +
                        + + +

                        Using multiple tags

                        +

                        Use the button classes on an <a>, <button>, or <input> element.

                        +
                        + Link + + + +
                        +{% highlight html %} +Link + + + +{% endhighlight %} + +
                        +

                        Cross-browser rendering

                        +

                        As a best practice, we highly recommend using the <button> element whenever possible to ensure matching cross-browser rendering.

                        +
                        + +
                        + + + + +
                        +
                        +

                        Images

                        +
                        + +

                        Add classes to an <img> element to easily style images in any project.

                        +
                        +

                        Cross-browser compatibility

                        +

                        Keep in mind that Internet Explorer 8 lacks support for rounded corners.

                        +
                        +
                        + + + +
                        +{% highlight html %} + + + +{% endhighlight %} + +
                        + + + +
                        +
                        +

                        Helper classes

                        +
                        + +

                        Close icon

                        +

                        Use the generic close icon for dismissing content like modals and alerts.

                        +
                        +

                        +
                        +{% highlight html %} + +{% endhighlight %} + +

                        .pull-left

                        +

                        Float an element left

                        +{% highlight html %} +
                        ...
                        +{% endhighlight %} +{% highlight css %} +.pull-left { + float: left; +} +{% endhighlight %} + +

                        .pull-right

                        +

                        Float an element right

                        +{% highlight html %} +
                        ...
                        +{% endhighlight %} +{% highlight css %} +.pull-right { + float: right; +} +{% endhighlight %} + +

                        .clearfix

                        +

                        Clear the float on any element. Utilizes the micro clearfix as popularized by Nicolas Gallagher.

                        +{% highlight html %} +
                        ...
                        +{% endhighlight %} +{% highlight css %} +// Mixin +.clearfix { + &:before, + &:after { + content: " "; + display: table; + } + &:after { + clear: both; + } +} + +// Usage +.element { + .clearfix(); +} +{% endhighlight %} +
                        + + +
                        +
                        +

                        Responsive utilities

                        +
                        +

                        For faster mobile-friendly development, use these utility classes for showing and hiding content by device via media query. Also included are utility classes for toggling content when printed.

                        + +

                        Responsive classes

                        + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
                        ClassPhones 767px and belowTablets 979px to 768pxDesktops Default
                        .visible-phoneVisible
                        .visible-tabletVisible
                        .visible-desktopVisible
                        .hidden-phoneVisibleVisible
                        .hidden-tabletVisibleVisible
                        .hidden-desktopVisibleVisible
                        + +

                        Print classes

                        + + + + + + + + + + + + + + + + + + + + +
                        ClassBrowserPrint
                        .visible-printVisible
                        .hidden-printVisible
                        + +

                        When to use

                        +

                        Use on a limited basis and avoid creating entirely different versions of the same site. Instead, use them to complement each device's presentation. Responsive utilities should not be used with tables, and as such are not supported.

                        + +

                        Test case

                        +

                        Resize your browser or load on different devices to test the above classes.

                        +

                        Visible on...

                        +

                        Green checkmarks indicate that class is visible in your current viewport.

                        +
                          +
                        • Phone✔ Phone
                          • +
                        • Tablet✔ Tablet
                          • +
                        • Desktop✔ Desktop
                          • +
                        +

                        Hidden on...

                        +

                        Here, green checkmarks indicate that class is hidden in your current viewport.

                        +
                          +
                        • Phone✔ Phone
                          • +
                        • Tablet✔ Tablet
                          • +
                        • Desktop✔ Desktop
                          • +
                        + +
                        diff --git a/docs/customize.html b/docs/customize.html index 710875b72..1269d2532 100644 --- a/docs/customize.html +++ b/docs/customize.html @@ -1,11 +1,11 @@ --- -layout: default +layout: customize title: Customize and download +slug: customize ---
                        -
                        Customize and download
                        -
                        -
                        - -
                        -
                        -
                        - Toggle all -

                        - 1. Choose components -

                        -
                        -
                        -
                        -

                        Scaffolding

                        - - - - - -

                        Base CSS

                        - - - - - - - -
                        -
                        -

                        Components

                        - - - - - - - - - - - -

                        JS Components

                        - - - - - - -
                        -
                        -

                        Miscellaneous

                        - - - - -

                        Responsive

                        - - - - - -
                        -
                        -
                        + + +
                        +
                        + Toggle all +

                        + 1. Choose components +

                        +
                        +
                        +
                        +

                        Scaffolding

                        + + + + + +

                        Base CSS

                        + + + + + + + +
                        +
                        +

                        Components

                        + + + + + + + + + + + +

                        JS Components

                        + + + + + + +
                        +
                        +

                        Miscellaneous

                        + + + + +

                        Responsive

                        + + + + + +
                        +
                        +
                        -
                        -
                        - Toggle all -

                        - 2. Select jQuery plugins -

                        -
                        -
                        -
                        - - - - - - - -
                        -
                        - - - - - - -
                        -
                        -

                        Heads up!

                        -

                        All checked plugins will be compiled into a single file, bootstrap.js. All plugins require the latest version of jQuery to be included.

                        -
                        -
                        -
                        +
                        +
                        + Toggle all +

                        + 2. Select jQuery plugins +

                        +
                        +
                        +
                        + + + + + + + +
                        +
                        + + + + + + +
                        +
                        +

                        Heads up!

                        +

                        All checked plugins will be compiled into a single file, bootstrap.js. All plugins require the latest version of jQuery to be included.

                        +
                        +
                        +
                        -
                        -
                        - Reset to defaults -

                        - 3. Customize variables -

                        -
                        -
                        -
                        -

                        Scaffolding

                        - - - - +
                        +
                        + Reset to defaults +

                        + 3. Customize variables +

                        +
                        +
                        +
                        +

                        Scaffolding

                        + + + + -

                        Links

                        - - - - +

                        Links

                        + + + + -

                        Grid system

                        - - - - - - - - - - - - - - +

                        Grid system

                        + + + + + + + + + + + + + + -
                        -
                        +
                        +
                        -

                        Typography

                        - - - - - - +

                        Typography

                        + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + - - - - - - + + + + + + -

                        Tables

                        - - - - - - - - +

                        Tables

                        + + + + + + + + -

                        Forms

                        - - - - - - - - - - - - - - - - +

                        Forms

                        + + + + + + + + + + + + + + + + -
                        -
                        +
                        +
                        -

                        Form states & alerts

                        - - - - - - - - - - - - - - - - +

                        Form states & alerts

                        + + + + + + + + + + + + + + + + -

                        Navbar

                        - - - - - - - - - - - - - - - - - - - - - - - - - - - - +

                        Navbar

                        + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - - + + + + -

                        Dropdowns

                        - - - - - - - - - - -
                        -
                        -
                        +

                        Dropdowns

                        + + + + + + + + + + +
                        +
                        +
                        -
                        -
                        -

                        - 4. Download -

                        -
                        -
                        - Customize and Download -

                        What's included?

                        -

                        Downloads include compiled CSS, compiled and minified CSS, and compiled jQuery plugins, all nicely packed up into a zipball for your convenience.

                        -
                        -
                        -
                        - - -
                        +
                        +
                        +

                        + 4. Download +

                        +
                        +
                        + Customize and Download +

                        What's included?

                        +

                        Downloads include compiled CSS, compiled and minified CSS, and compiled jQuery plugins, all nicely packed up into a zipball for your convenience.

                        +
                        +
                        + diff --git a/docs/docs.html b/docs/docs.html deleted file mode 100644 index e9a5e8ad0..000000000 --- a/docs/docs.html +++ /dev/null @@ -1,6638 +0,0 @@ ---- -layout: default -title: Bootstrap Documentation ---- - -
                        - - -
                        -

                        Welcome

                        -

                        Welcome to the Bootstrap documentation, the living, interactive style and code guide for all things Bootstrap. If you're new here, continue reading to learn how to get started. Otherwise, carry on you beautiful person you.

                        -
                        - - -
                        -
                        -

                        Getting started

                        -
                        -

                        There are a few easy ways to quickly get started with Bootstrap, each one appealing to a different skill level and use case. Read through to see what suits your particular needs.

                        - -

                        Download compiled CSS and JS

                        -

                        The fastest way to get started is to get the compiled and minified versions of our CSS, JavaScript, and fonts. No documentation or original source files are included.

                        -

                        Download Bootstrap

                        - -
                        - -

                        More download options

                        -
                        -

                        - Download latest source code -

                        -

                        Get the original files for all CSS and JavaScript by downloading the latest version directly from GitHub.

                        -

                        - Clone or fork via GitHub -

                        -

                        Clone the entire project or fork your own version of Bootstrap to make it your own by visiting us on GitHub.

                        -

                        - Install with Bower -

                        -

                        Install and manage the original files for all CSS and JavaScript, along with a local copy of the docs, using Bower.

                        - {% highlight bash %}$ bower install bootstrap{% endhighlight %} -
                        - -
                        - -

                        Use the Bootstrap CDN

                        -

                        The folks over at NetDNA have graciously provided CDN support for Bootstrap's CSS and JavaScript. To use, swap your local instances for the Bootstrap CDN links listed below.

                        -{% highlight html linenos %} - - - - - -{% endhighlight %} -
                        - - -
                        -
                        -

                        What's included

                        -
                        -

                        Within the download you'll find the following directories and files, logically grouping common assets and providing both compiled and minified variations.

                        -

                        Once downloaded, unzip the compressed folder to see the structure of (the compiled) Bootstrap. You'll see something like this:

                        - -{% highlight bash %} - bootstrap/ - ├── css/ - │ ├── bootstrap.css - │ ├── bootstrap.min.css - ├── js/ - │ ├── bootstrap.js - │ ├── bootstrap.min.js - └── fonts/ - ├── glyphiconshalflings-regular.eot - ├── glyphiconshalflings-regular.otf - ├── glyphiconshalflings-regular.svg - ├── glyphiconshalflings-regular.ttf - └── glyphiconshalflings-regular.woff -{% endhighlight %} - -

                        This is the most basic form of Bootstrap: compiled files for quick drop-in usage in nearly any web project. We provide compiled CSS and JS (bootstrap.*), as well as compiled and minified CSS and JS (bootstrap.min.*). The image files are compressed using ImageOptim, a Mac app for compressing PNGs.

                        -
                        -

                        jQuery required

                        -

                        Please note that all JavaScript plugins require jQuery to be included, as shown in the starter template.

                        -
                        -
                        - - -
                        -
                        -

                        Templates and examples

                        -
                        -

                        Make use of a super basic HTML template, or dive into a few examples we've started for you. We encourage folks to iterate on these examples and not simply use them as an end result.

                        - -

                        HTML template

                        -

                        Copy and paste the HTML from below to get started with a bare bones Bootstrap document.

                        -{% highlight html %} - - - - Bootstrap 101 Template - - - - - -

                        Hello, world!

                        - - - - - - - - - - -{% endhighlight %} - -

                        Examples

                        -
                        -
                        - - - -

                        Starter template

                        -

                        A barebones HTML page with Bootstrap's CSS and JavaScript included.

                        -
                        -
                        - - - -

                        Basic grid layouts

                        -

                        Simple grid layouts to familiarize you with using the Bootstrap grid system.

                        -
                        -
                        - - - -

                        Basic marketing site

                        -

                        Features a jumbotron for primary message and three supporting elements.

                        -
                        -
                        - - - -

                        Narrow marketing

                        -

                        Slim, lightweight marketing template for small projects or teams.

                        -
                        -
                        - - - -

                        Justified nav

                        -

                        Marketing page with equal-width navigation links in a modified navbar.

                        -
                        -
                        - - - -

                        Sign in

                        -

                        Barebones sign in form with custom, larger form controls and a flexible layout.

                        -
                        -
                        - - - -

                        Sticky footer

                        -

                        Pin a fixed-height footer to the bottom of the user's viewport.

                        -
                        -
                        - - - -

                        Sticky footer w/ navbar

                        -

                        Add a fixed navbar to the default sticky footer template.

                        -
                        -
                        - - - -

                        Carousel jumbotron

                        -

                        An interactive riff on the basic marketing site featuring a prominent carousel.

                        -
                        - -
                        - - - -

                        Navbar

                        -

                        Basic template for showcasing how the navbar works.

                        -
                        -
                        - - - -

                        Static top navbar

                        -

                        Basic template for showcasing the static navbar variation.

                        -
                        -
                        - - - -

                        Fixed top navbar

                        -

                        Basic template for showcasing the fixed navbar variation.

                        -
                        -
                        -
                        - - - - -
                        -
                        -

                        Customizing Bootstrap

                        -
                        -

                        Customizing Bootstrap is best accomplished when you treat it as another dependency in your development stack. Doing so ensures future upgrades are as easy as possible while also familiarizing yourself to the intricacies of the framework.

                        - -

                        Once you've downloaded and included Bootstrap's CSS into your templates, you can move on to customizing the included components. To do so, create a new stylesheet (LESS, if you like, or just plain CSS) to house your customizations.

                        - -
                        -

                        Compiled or minified?

                        -

                        Unless you plan on reading a good chunk of the compiled CSS, go with the minified. It's the same code, just compacted. Less bandwidth is good, especially in production environments.

                        -
                        - -

                        From there, include whatever Bootstrap components and HTML content you need to get your template setup. It's best to have a rough idea in mind of modifications to make and content to include, so be sure to spend a brief amount of time on that before moving on.

                        - -

                        Customizing components

                        -

                        There are varying degrees to customizing components, but most fall into two camps: light customizations and complete visual overhauls. Luckily, there are plenty of examples of both.

                        -

                        We define light customizations as mostly surface layer changes, things like a color and font changes to existing Bootstrap components. A great example of this is the the Twitter Translation Center (coded by @mdo). Let's look at how to implement the custom button we wrote for this site, .btn-ttc.

                        -

                        Instead of using the provided Bootstrap buttons, which only require just one class to start, .btn, we'll add our own modifier class, .btn-ttc. This will give us a slightly custom look with minimal effort.

                        -{% highlight html %} - -{% endhighlight %} - -

                        In the custom stylesheet, add the following CSS:

                        - -{% highlight css %} -/* Custom button --------------------------------------------------- */ - -/* Override base .btn styles */ -/* Apply text and background changes to three key states: default, hover, and active (click). */ -.btn-ttc, -.btn-ttc:hover, -.btn-ttc:active { - color: white; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #007da7; -} - -/* Apply the custom-colored gradients */ -/* Note: you'll need to include all the appropriate gradients for various browsers and standards. */ -.btn-ttc { - background-repeat: repeat-x; - background-image: linear-gradient(top, #009ED2 0%, #007DA7 100%); - ... -} - -/* Set the hover state */ -/* An easy hover state is just to move the gradient up a small amount. Add other embellishments as you see fit. */ -.btn-ttc:hover { - background-position: 0 -15px; -} -{% endhighlight %} - -

                        Customizing Bootstrap components takes time, but should be straightforward. Look to the source code often and duplicate the selectors you need for your modifications. Placing them after the Bootstrap source makes for easy overriding without complication. To recap, here's the basic workflow:

                        -
                          -
                        • For each element you want to customize, find its code in the compiled Bootstrap CSS. Copy and paste the selector for a component as-is. For instance, to customize the navbar background, just snag .navbar.
                          • -
                        • Add all your custom CSS in a separate stylesheet using the selectors you just copied from the Bootstrap source. No need for prefacing with additional classes or using !important here.
                          • -
                        • Rinse and repeat until you're happy with your customizations.
                          • -
                        -

                        Going beyond light customizations and into visual overhauls is just as straightforward as the above custom button. For a site like Karma, which uses Bootstrap as a CSS reset with heavy modifications, more extensive work is involved, but well worth it in the end.

                        - -
                        -

                        Alternate customization methods

                        -

                        While not recommended for folks new to Bootstrap, you may use one of two alternate methods for customization. The first is modifying the source .less files (making upgrades super difficult), and the second is mapping source LESS code to your own classes via mixins. For the time being, neither options are documented here.

                        -
                        - -

                        Removing potential bloat

                        -

                        Not all sites and applications need to make use of everything Bootstrap has to offer, especially in production environments where bandwidth literally becomes a financial issue. We encourage folks to remove whatever is unused with our Customizer.

                        -

                        Using the Customizer, simply uncheck any component, feature, or asset you don't need. Hit download and swap out the default Bootstrap files with these newly customized ones. You'll get vanilla Bootstrap, but without the features *you* deem unnecessary. All custom builds include compiled and minified versions, so use whichever works for you.

                        - -
                        - - - - - -
                        -

                        CSS

                        -

                        Fundamental HTML elements styled and enhanced with extensible classes.

                        -
                        - - -
                        -
                        -

                        Overview

                        -
                        -

                        Get the lowdown on the key pieces of Bootstrap's infrastructure, including our approach to better, faster, stronger web development.

                        - -

                        HTML5 doctype required

                        -

                        Bootstrap makes use of certain HTML elements and CSS properties that require the use of the HTML5 doctype. Include it at the beginning of all your projects.

                        -{% highlight html %} - - - ... - -{% endhighlight %} - -

                        Mobile first

                        -

                        With Bootstrap 2, we added optional mobile friendly styles for key aspects of the framework. With Bootstrap 3, we've rewritten the project to be mobile friendly from the start. Instead of adding on optional mobile styles, they're baked right into the core. In fact, Bootstrap is mobile first. Mobile first styles can be found throughout the entire library instead of in separate files.

                        -

                        To ensure proper rendering and touch zooming, add the viewport meta tag to your <head>.

                        -{% highlight html %} - -{% endhighlight %} - -

                        Responsive images

                        -

                        We automatically attempt to scale images to appropriate sizes with a global max-width: 100%; on all <img> elements. If you run into problems (e.g., with Google Maps), be sure to disable this property on a per-case basis.

                        - -

                        Typography and links

                        -

                        Bootstrap sets basic global display, typography, and link styles. Specifically, we:

                        -
                          -
                        • Remove margin on the body
                          • -
                        • Set background-color: white; on the body
                          • -
                        • Use the @font-family-base, @font-size-base, and @line-height-base attributes as our typographic base
                          • -
                        • Set the global link color via @link-color and apply link underlines only on :hover
                          • -
                        -

                        These styles can be found within scaffolding.less.

                        - -

                        Normalize reset

                        -

                        For improved cross-browser rendering, we use Normalize, a project by Nicolas Gallagher and Jonathan Neal.

                        -
                        - - - - -
                        -
                        -

                        Grid system

                        -
                        -

                        Bootstrap includes a responsive, percent-based grid system that appropriately scales up to 12 columns as the device or viewport size increases—in other words, it's mobile first. It includes predefined classes for this, as well as powerful mixins for generating semantic layouts.

                        - -

                        Grid example

                        -

                        On mobile devices, the grid starts out stacked. Above 768px, it becomes horizontal as media queries kick in to apply floats and widths. To create a basic grid layout, wrap a series of .col-span-* elements within a .row. As this is a 12-column grid, each .col-span-* spans a number of those 12 columns, and should always add up to 12 for each row (or the number of columns in the parent), even at mobile resolutions.

                        -
                        -
                        -
                        1
                        -
                        1
                        -
                        1
                        -
                        1
                        -
                        1
                        -
                        1
                        -
                        1
                        -
                        1
                        -
                        1
                        -
                        1
                        -
                        1
                        -
                        1
                        -
                        -
                        -
                        4
                        -
                        4
                        -
                        4
                        -
                        -
                        -
                        6
                        -
                        6
                        -
                        -
                        -{% highlight html %} -
                        -
                        1
                        -
                        1
                        -
                        1
                        -
                        1
                        -
                        1
                        -
                        1
                        -
                        1
                        -
                        1
                        -
                        1
                        -
                        1
                        -
                        1
                        -
                        1
                        -
                        -
                        -
                        4
                        -
                        4
                        -
                        4
                        -
                        -
                        -
                        6
                        -
                        6
                        -
                        -{% endhighlight %} - -

                        Offsetting columns

                        -

                        Move columns to the right using .col-offset-* classes. These classes increase the left margin of a column by * columns. For example, .col-offset-4 moves .col col-lg-4 over four columns.

                        -
                        -
                        -
                        4
                        -
                        4 offset 4
                        -
                        -
                        -
                        3 offset 3
                        -
                        3 offset 3
                        -
                        -
                        -
                        6 offset 3
                        -
                        -
                        -{% highlight html %} -
                        -
                        ...
                        -
                        ...
                        -
                        -
                        -
                        3 offset 3
                        -
                        3 offset 3
                        -
                        -
                        -
                        ...
                        -
                        -{% endhighlight %} - - -

                        Nesting columns

                        -

                        To nest your content with the default grid, add a new .row and set of .col-span-* columns within an existing .col-span-* column. Nested rows should include a set of columns that add up to 12.

                        -
                        -
                        - Level 1: 9 columns -
                        -
                        - Level 2: 6 columns -
                        -
                        - Level 2: 6 columns -
                        -
                        -
                        -
                        -{% highlight html %} -
                        -
                        - Level 1: 9 columns -
                        -
                        - Level 2: 6 columns -
                        -
                        - Level 2: 6 columns -
                        -
                        -
                        -
                        -{% endhighlight %} - -

                        Column ordering

                        -

                        Easily change the order of our built-in grid columns with .col-push-* and .col-pull-* modifier classes.

                        -
                        -
                        9
                        -
                        3
                        -
                        - -{% highlight html %} -
                        -
                        9
                        -
                        3
                        -
                        -{% endhighlight %} - -

                        Small device grid

                        -

                        Use the small device grid classes, like .col-sm-6, to create columned layouts on phone and tablet devices (anything under 768px). Offsets, pushes, and pulls are not available with the small grid at this time.

                        -
                        -
                        4 cols, 6 small cols
                        -
                        4 cols, 6 small cols
                        -
                        4 cols, 12 small cols
                        -
                        -{% highlight html %} -
                        -
                        4 cols, 6 small cols
                        -
                        4 cols, 6 small cols
                        -
                        4 cols, 12 small cols
                        -
                        -{% endhighlight %} - -

                        LESS mixins and variables

                        -

                        In addition to prebuilt grid classes for fast layouts, Bootstrap includes LESS variables and mixins for quickly generating your own simple, semantic layouts.

                        - -

                        Variables

                        -

                        Variables determine the number of columns, the gutter width, and the media query point at which to begin floating columns. We use these to generate the predefined grid classes documented above, as well as for the custom mixins listed below.

                        -{% highlight css %} -@grid-columns: 12; -@grid-gutter-width: 30px; -@grid-float-breakpoint: 768px; -{% endhighlight %} - -

                        Mixins

                        -

                        Mixins are used in conjunction with the grid variables to generate semantic CSS for individual grid columns.

                        -{% highlight css %} -// Creates a wrapper for a series of columns -.make-row() { - // Negative margin the row out to align the content of columns - margin-left: (@grid-gutter-width / -2); - margin-right: (@grid-gutter-width / -2); - // Then clear the floated columns - .clearfix(); -} - -// Generate the columns -.make-column(@columns) { - @media (min-width: @grid-float-breakpoint) { - float: left; - // Calculate width based on number of columns available - width: percentage(@columns / @grid-columns); - } - // Prevent columns from collapsing when empty - min-height: 1px; - // Set inner padding as gutters instead of margin - padding-left: (@grid-gutter-width / 2); - padding-right: (@grid-gutter-width / 2); -} - -// Generate the column offsets -.make-column-offset(@columns) { - @media (min-width: @grid-float-breakpoint) { - margin-left: percentage((@columns / @grid-columns)); - } -} -{% endhighlight %} - -

                        Example usage

                        -

                        You can modify the variables to your own custom values, or just use the mixins with their default values. Here's an example of using the default settings to create a two-column layout with a gap between.

                        -{% highlight css %} -.wrapper { - .make-row(); -} -.content-main { - .make-column(8); -} -.content-secondary { - .make-column(3); - .make-column-offset(1); -} -{% endhighlight %} -{% highlight html %} -
                        -
                        ...
                        -
                        ...
                        -
                        -{% endhighlight %} - -
                        - - - - - -
                        -
                        -

                        Typography

                        -
                        - - -

                        Headings

                        -

                        All HTML headings, <h1> through <h6> are available.

                        - -
                        - - - - - - - - - - - - - - - - - - - - - - - - - - - -

                        Bootstrap heading

                        		Semibold 38px

                        Bootstrap heading

                        		Semibold 32px

                        Bootstrap heading

                        		Semibold 24px

                        Bootstrap heading

                        		Semibold 18px
                        Bootstrap heading
                        		Semibold 16px
                        Bootstrap heading
                        		Semibold 12px
                        -
                        -{% highlight html %} -

                        ...

                        -

                        ...

                        -

                        ...

                        -

                        ...

                        -
                        ...
                        -
                        ...
                        -{% endhighlight %} - - -

                        Body copy

                        -

                        Bootstrap's global default font-size is 14px, with a line-height of 20px. This is applied to the <body> and all paragraphs. In addition, <p> (paragraphs) receive a bottom margin of half their line-height (10px by default).

                        -
                        -

                        Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.

                        -

                        Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec ullamcorper nulla non metus auctor fringilla.

                        -

                        Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

                        -
                        -{% highlight html %} -

                        ...

                        -{% endhighlight %} - - -

                        Lead body copy

                        -

                        Make a paragraph stand out by adding .lead.

                        -
                        -

                        Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.

                        -
                        -{% highlight html %} -

                        ...

                        -{% endhighlight %} - - -

                        Built with Less

                        -

                        The typographic scale is based on two LESS variables in variables.less: @font-size-base and @line-height-base. The first is the base font-size used throughout and the second is the base line-height. We use those variables and some simple math to create the margins, paddings, and line-heights of all our type and more. Customize them and Bootstrap adapts.

                        - - - -

                        Emphasis

                        -

                        Make use of HTML's default emphasis tags with lightweight styles.

                        - -

                        Small text

                        -

                        For de-emphasizing inline or blocks of text, use the <small> tag to set text at 85% the size of the parent. Heading elements receive their own font-size for nested <small> elements.

                        -
                        -

                        This line of text is meant to be treated as fine print.

                        -
                        -{% highlight html %} -This line of text is meant to be treated as fine print. -{% endhighlight %} - - -

                        Bold

                        -

                        For emphasizing a snippet of text with a heavier font-weight.

                        -
                        -

                        The following snippet of text is rendered as bold text.

                        -
                        -{% highlight html %} -rendered as bold text -{% endhighlight %} - -

                        Italics

                        -

                        For emphasizing a snippet of text with italics.

                        -
                        -

                        The following snippet of text is rendered as italicized text.

                        -
                        -{% highlight html %} -rendered as italicized text -{% endhighlight %} - -

                        Feel free to use <b> and <i> in HTML5. <b> is meant to highlight words or phrases without conveying additional importance while <i> is mostly for voice, technical terms, etc.

                        - -

                        Alignment classes

                        -

                        Easily realign text to components with text alignment classes.

                        -
                        -

                        Left aligned text.

                        -

                        Center aligned text.

                        -

                        Right aligned text.

                        -
                        -{% highlight html %} -

                        Left aligned text.

                        -

                        Center aligned text.

                        -

                        Right aligned text.

                        -{% endhighlight %} - -

                        Emphasis classes

                        -

                        Convey meaning through color with a handful of emphasis utility classes.

                        -
                        -

                        Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.

                        -

                        Etiam porta sem malesuada magna mollis euismod.

                        -

                        Donec ullamcorper nulla non metus auctor fringilla.

                        -

                        Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

                        -
                        -{% highlight html %} -

                        ...

                        -

                        ...

                        -

                        ...

                        -

                        ...

                        -{% endhighlight %} - - - -

                        Abbreviations

                        -

                        Stylized implementation of HTML's <abbr> element for abbreviations and acronyms to show the expanded version on hover. Abbreviations with a title attribute have a light dotted bottom border and a help cursor on hover, providing additional context on hover.

                        - -

                        Basic abbreviation

                        -

                        For expanded text on long hover of an abbreviation, include the title attribute with the <abbr> element.

                        -
                        -

                        An abbreviation of the word attribute is attr.

                        -
                        -{% highlight html %} -attr -{% endhighlight %} - -

                        Initialism

                        -

                        Add .initialism to an abbreviation for a slightly smaller font-size.

                        -
                        -

                        HTML is the best thing since sliced bread.

                        -
                        -{% highlight html %} -HTML -{% endhighlight %} - - - -

                        Addresses

                        -

                        Present contact information for the nearest ancestor or the entire body of work. Preserve formatting by ending all lines with <br>.

                        -
                        -
                        - Twitter, Inc.
                        - 795 Folsom Ave, Suite 600
                        - San Francisco, CA 94107
                        - P: (123) 456-7890 -
                        -
                        - Full Name
                        - first.last@example.com -
                        -
                        -{% highlight html %} -
                        - Twitter, Inc.
                        - 795 Folsom Ave, Suite 600
                        - San Francisco, CA 94107
                        - P: (123) 456-7890 -
                        - -
                        - Full Name
                        - first.last@example.com -
                        -{% endhighlight %} - - - -

                        Blockquotes

                        -

                        For quoting blocks of content from another source within your document.

                        - -

                        Default blockquote

                        -

                        Wrap <blockquote> around any HTML as the quote. For straight quotes we recommend a <p>.

                        -
                        -
                        -

                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

                        -
                        -
                        -{% highlight html %} -
                        -

                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

                        -
                        -{% endhighlight %} - -

                        Blockquote options

                        -

                        Style and content changes for simple variations on a standard blockquote.

                        - -

                        Naming a source

                        -

                        Add <small> tag for identifying the source. Wrap the name of the source work in <cite>.

                        -
                        -
                        -

                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

                        - Someone famous in Source Title -
                        -
                        -{% highlight html %} -
                        -

                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

                        - Someone famous Source Title -
                        -{% endhighlight %} - -

                        Alternate displays

                        -

                        Use .pull-right for a floated, right-aligned blockquote.

                        -
                        -
                        -

                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

                        - Someone famous in Source Title -
                        -
                        -{% highlight html %} -
                        - ... -
                        -{% endhighlight %} - - - -

                        Lists

                        - -

                        Unordered

                        -

                        A list of items in which the order does not explicitly matter.

                        -
                        -
                          -
                        • Lorem ipsum dolor sit amet
                          • -
                        • Consectetur adipiscing elit
                          • -
                        • Integer molestie lorem at massa
                          • -
                        • Facilisis in pretium nisl aliquet
                          • -
                        • Nulla volutpat aliquam velit -
                            -
                          • Phasellus iaculis neque
                            • -
                          • Purus sodales ultricies
                            • -
                          • Vestibulum laoreet porttitor sem
                            • -
                          • Ac tristique libero volutpat at
                            • -
                          -
                          • -
                        • Faucibus porta lacus fringilla vel
                          • -
                        • Aenean sit amet erat nunc
                          • -
                        • Eget porttitor lorem
                          • -
                        -
                        -{% highlight html %} -
                          -
                        • ...
                          • -
                        -{% endhighlight %} - -

                        Ordered

                        -

                        A list of items in which the order does explicitly matter.

                        -
                        -
                          -
                        1. Lorem ipsum dolor sit amet
                          2. -
                        2. Consectetur adipiscing elit
                          3. -
                        3. Integer molestie lorem at massa
                          4. -
                        4. Facilisis in pretium nisl aliquet
                          5. -
                        5. Nulla volutpat aliquam velit
                          6. -
                        6. Faucibus porta lacus fringilla vel
                          7. -
                        7. Aenean sit amet erat nunc
                          8. -
                        8. Eget porttitor lorem
                          9. -
                        -
                        -{% highlight html %} -
                          -
                        1. ...
                          2. -
                        -{% endhighlight %} - -

                        Unstyled

                        -

                        Remove the default list-style and left margin on list items (immediate children only). This only applies to immediate children list items, meaning you will need to add the class for any nested lists as well.

                        -
                        -
                          -
                        • Lorem ipsum dolor sit amet
                          • -
                        • Consectetur adipiscing elit
                          • -
                        • Integer molestie lorem at massa
                          • -
                        • Facilisis in pretium nisl aliquet
                          • -
                        • Nulla volutpat aliquam velit -
                            -
                          • Phasellus iaculis neque
                            • -
                          • Purus sodales ultricies
                            • -
                          • Vestibulum laoreet porttitor sem
                            • -
                          • Ac tristique libero volutpat at
                            • -
                          -
                          • -
                        • Faucibus porta lacus fringilla vel
                          • -
                        • Aenean sit amet erat nunc
                          • -
                        • Eget porttitor lorem
                          • -
                        -
                        -{% highlight html %} -
                          -
                        • ...
                          • -
                        -{% endhighlight %} - -

                        Inline

                        -

                        Place all list items on a single line with inline-block and some light padding.

                        -
                        -
                          -
                        • Lorem ipsum
                          • -
                        • Phasellus iaculis
                          • -
                        • Nulla volutpat
                          • -
                        -
                        -{% highlight html %} -
                          -
                        • ...
                          • -
                        -{% endhighlight %} - -

                        Description

                        -

                        A list of terms with their associated descriptions.

                        -
                        -
                        -
                        Description lists
                        -
                        A description list is perfect for defining terms.
                        -
                        Euismod
                        -
                        Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
                        -
                        Donec id elit non mi porta gravida at eget metus.
                        -
                        Malesuada porta
                        -
                        Etiam porta sem malesuada magna mollis euismod.
                        -
                        -
                        -{% highlight html %} -
                        -
                        ...
                        -
                        ...
                        -
                        -{% endhighlight %} - -

                        Horizontal description

                        -

                        Make terms and descriptions in <dl> line up side-by-side.

                        -
                        -
                        -
                        Description lists
                        -
                        A description list is perfect for defining terms.
                        -
                        Euismod
                        -
                        Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
                        -
                        Donec id elit non mi porta gravida at eget metus.
                        -
                        Malesuada porta
                        -
                        Etiam porta sem malesuada magna mollis euismod.
                        -
                        Felis euismod semper eget lacinia
                        -
                        Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
                        -
                        -
                        -{% highlight html %} -
                        -
                        ...
                        -
                        ...
                        -
                        -{% endhighlight %} - -
                        Auto-truncating
                        -

                        - Horizontal description lists will truncate terms that are too long to fit in the left column fix text-overflow. In narrower viewports, they will change to the default stacked layout. -

                        -
                        - - - -
                        -
                        -

                        Code

                        -
                        - -

                        Inline

                        -

                        Wrap inline snippets of code with <code>.

                        -
                        - For example, <section> should be wrapped as inline. -
                        -{% highlight html %} -For example, <section> should be wrapped as inline. -{% endhighlight %} - -

                        Basic block

                        -

                        Use <pre> for multiple lines of code. Be sure to escape any angle brackets in the code for proper rendering.

                        -
                        - 
                        <p>Sample text here...</p>
                        -
                        -{% highlight html %} -
                        <p>Sample text here...</p>
                        -{% endhighlight %} - -

                        You may optionally add the .pre-scrollable class which will set a max-height of 350px and provide a y-axis scrollbar.

                        -
                        - - - - -
                        -
                        -

                        Tables

                        -
                        - -

                        Basic example

                        -

                        For basic styling—light padding and only horizontal dividers—add the base class .table to any <table>. It may seem super redundant, but given the widespread use of tables for other plugins like calendars and date pickers, we've opted to isolate our custom table styles.

                        -
                        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
                        #First NameLast NameUsername
                        1MarkOtto@mdo
                        2JacobThornton@fat
                        3Larrythe Bird@twitter
                        -
                        -{% highlight html %} - - ... -
                        -{% endhighlight %} - - -

                        Optional classes

                        -

                        Add any of the following classes to the .table base class.

                        - -

                        Striped

                        -

                        Use .table-striped to add zebra-striping to any table row within the <tbody>.

                        -
                        -

                        Cross-browser compatibility

                        -

                        Striped tables are styled via the :nth-child CSS selector, which is not available in IE8.

                        -
                        -
                        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
                        #First NameLast NameUsername
                        1MarkOtto@mdo
                        2JacobThornton@fat
                        3Larrythe Bird@twitter
                        -
                        -{% highlight html %} - - ... -
                        -{% endhighlight %} - -

                        Bordered

                        -

                        Add .table-bordered for borders and rounded corners.

                        -
                        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
                        #First NameLast NameUsername
                        1MarkOtto@mdo
                        MarkOtto@TwBootstrap
                        2JacobThornton@fat
                        3Larry the Bird@twitter
                        -
                        -{% highlight html %} - - ... -
                        -{% endhighlight %} - -

                        Hover rows

                        -

                        Add .table-hover to enable a hover state on table rows within a <tbody>.

                        -
                        - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
                        #First NameLast NameUsername
                        1MarkOtto@mdo
                        2JacobThornton@fat
                        3Larry the Bird@twitter
                        -
                        -{% highlight html %} - - ... -
                        -{% endhighlight %} - - -

                        Condensed

                        -

                        Add .table-condensed to make tables more compact by cutting cell padding in half.

                        -
                        - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
                        #First NameLast NameUsername
                        1MarkOtto@mdo
                        2JacobThornton@fat
                        3Larry the Bird@twitter
                        -
                        -{% highlight html %} - - ... -
                        -{% endhighlight %} - - - -

                        Optional row classes

                        -

                        Use contextual classes to color table rows.

                        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
                        ClassDescription
                        - .success - Indicates a successful or positive action.
                        - .danger - Indicates a dangerous or potentially negative action.
                        - .warning - Indicates a warning that might need attention.
                        - .info - Used as an alternative to the default styles.
                        -
                        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
                        #ProductPayment TakenStatus
                        1TB - Monthly01/04/2012Approved
                        2TB - Monthly02/04/2012Declined
                        3TB - Monthly03/04/2012Pending
                        -
                        -{% highlight html %} -... - - 1 - TB - Monthly - 01/04/2012 - Approved - -... -{% endhighlight %} - -
                        - - - - -
                        -
                        -

                        Forms

                        -
                        - -

                        Basic example

                        -

                        Individual form controls automatically receive some global styling. By default, inputs are set to width: 100%;.

                        -
                        -
                        - Legend - - -

                        Example block-level help text here.

                        -
                        - -
                        - -
                        -
                        -{% highlight html %} -
                        -
                        - Legend - - -

                        Example block-level help text here.

                        -
                        - -
                        - -
                        -
                        -{% endhighlight %} - - -

                        Optional layouts

                        -

                        Included with Bootstrap are optional form layouts for common use cases.

                        - -

                        Inline form

                        -

                        Add .form-inline for left-aligned and inline-block controls for a compact layout.

                        -
                        -

                        Requires custom widths

                        -

                        Inputs, selects, and textareas are 100% wide by default in Bootstrap. To use the inline form, you'll have to set a width on the form controls used within.

                        -
                        -
                        - - -
                        - -
                        - -
                        -{% highlight html %} -
                        - - -
                        - -
                        - -
                        -{% endhighlight %} - -

                        Horizontal form

                        -

                        Right align labels and float them to the left to make them appear on the same line as controls. Requires the most markup changes from a default form:

                        -
                          -
                        • Add .form-horizontal to the form
                          • -
                        • Wrap labels and controls in .control-group
                          • -
                        • Add .control-label to the label
                          • -
                        • Wrap any associated controls in .controls for proper alignment
                          • -
                        -
                        -
                        - -
                        - -
                        -
                        -
                        - -
                        - -
                        - -
                        -
                        -
                        -
                        -
                        - -
                        -
                        -
                        -{% highlight html %} -
                        -
                        - -
                        - -
                        -
                        -
                        - -
                        - -
                        - -
                        -
                        -
                        -
                        -
                        - -
                        -
                        -
                        -{% endhighlight %} - - -

                        Supported form controls

                        -

                        Examples of standard form controls supported in an example form layout.

                        - -

                        Inputs

                        -

                        Most common form control, text-based input fields. Includes support for all HTML5 types: text, password, datetime, datetime-local, date, month, time, week, number, email, url, search, tel, and color.

                        -
                        -

                        Type declaration required

                        -

                        Inputs will only be fully styled if their type is properly declared.

                        -
                        -
                        - -
                        -{% highlight html %} - -{% endhighlight %} - -

                        Textarea

                        -

                        Form control which supports multiple lines of text. Change rows attribute as necessary.

                        -
                        - -
                        -{% highlight html %} - -{% endhighlight %} - -

                        Checkboxes and radios

                        -

                        Checkboxes are for selecting one or several options in a list while radios are for selecting one option from many.

                        -

                        Default (stacked)

                        -
                        -
                        - -
                        -
                        -
                        - -
                        -
                        - -
                        -
                        -{% highlight html %} -
                        - -
                        - -
                        - -
                        -{% endhighlight %} - -

                        Inline checkboxes

                        -

                        Use .checkbox-inline or .radio-inline class to a series of checkboxes or radios for controls appear on the same line.

                        -
                        - - - -
                        -{% highlight html %} - - - -{% endhighlight %} - -

                        Selects

                        -

                        Use the default option or specify a multiple="multiple" to show multiple options at once.

                        -
                        - -
                        - -
                        -{% highlight html %} - - - -{% endhighlight %} - - - -

                        Form control states

                        -

                        Provide feedback to users or visitors with basic feedback states on form controls and labels.

                        - -

                        Input focus

                        -

                        We remove the default outline styles on some form controls and apply a box-shadow in its place for :focus.

                        -
                        - -
                        -{% highlight html %} - -{% endhighlight %} - -

                        Invalid inputs

                        -

                        Style inputs via default browser functionality. Specify a type, add the required attribute if the field is not optional, and (if applicable) specify a pattern.

                        - -
                        -

                        Cross-browser compatibility

                        -

                        Invalid inputs are styled via the :invalid CSS selector, which is not supported by Internet Explorer 9 and below.

                        -
                        - -
                        - -
                        -{% highlight html %} - -{% endhighlight %} - -

                        Disabled inputs

                        -

                        Add the disabled attribute on an input to prevent user input and trigger a slightly different look.

                        -
                        - -
                        -{% highlight html %} - -{% endhighlight %} - -

                        Disabled fieldsets

                        -

                        Add the disabled attribute to a <fieldset> to disable all the controls within the <fieldset> at once.

                        - -
                        -

                        Link functionality of <a> not impacted

                        -

                        This class will only change the appearance of <a class="btn"> buttons, not their functionality. Use custom JavaScript to disable links here.

                        -
                        - -
                        -

                        Cross-browser compatibility

                        -

                        While Bootstrap will apply these styles in all browsers, IE and Safari don't actually support the <disabled> attribute on a <fieldset>. Use custom JavaScript to disable the fieldset in these browsers.

                        -
                        - -
                        -
                        -
                        - -
                        -
                        - -
                        -
                        - -
                        - -
                        -
                        -{% highlight html %} -
                        -
                        -
                        - -
                        -
                        - -
                        -
                        - -
                        - -
                        -
                        -{% endhighlight %} - -

                        Validation states

                        -

                        Bootstrap includes validation styles for error, warning, info, and success messages. To use:

                        -
                          -
                        • Add .has-warning, .has-error, or .has-success to the parent element
                          • -
                        • Add .input-with-feedback to the field(s) in question
                          • -
                        -

                        Validation styles are applied on a per-input basis. With horizontal forms, the <label class="control-label"> will always be styled.

                        - -
                        -
                        - -
                        - -
                        -
                        -
                        - -
                        - -
                        -
                        -
                        - -
                        - -
                        -
                        -
                        -{% highlight html %} -
                        - -
                        - -
                        -
                        -
                        - -
                        - -
                        -
                        -
                        - -
                        - -
                        -
                        -{% endhighlight %} - - - -

                        Extending form controls

                        -

                        Adding on top of existing browser controls, Bootstrap includes other useful form components.

                        - -

                        Input groups

                        -

                        Add text or buttons before, after, or on both sides of any text-based input. Use .input-group with a .add-on to prepend or append elements to an <input>.

                        - -
                        -

                        Cross-browser compatibility

                        -

                        Avoid using <select> elements here as they cannot be fully styled in WebKit browsers.

                        -
                        - -
                        -
                        - @ - -
                        -
                        -
                        - - .00 -
                        -
                        -
                        - $ - - .00 -
                        -
                        -{% highlight html %} -
                        - @ - -
                        - -
                        - - .00 -
                        - -
                        - $ - - .00 -
                        -{% endhighlight %} - -

                        Optional sizes

                        -

                        Add the relative form sizing classes to the `.input-group-addon`.

                        -
                        -
                        - @ - -
                        -
                        -
                        - @ - -
                        -
                        -
                        - @ - -
                        -
                        -{% highlight html %} -
                        - @ - -
                        - -
                        - @ - -
                        - -
                        - @ - -
                        -{% endhighlight %} - -

                        Buttons instead of text

                        -

                        Buttons in input groups are a bit different and require one extra level of nesting. Instead of .input-group-addon, you'll need to use .input-group-btn to wrap the buttons. This is required due to default browser styles that cannot be overridden.

                        -
                        -
                        - - - - -
                        -
                        -
                        - - - - -
                        -
                        -{% highlight html %} -
                        - - - - -
                        - -
                        - - - - -
                        -{% endhighlight %} - -

                        Button dropdowns

                        -

                        -
                        -
                        -
                        - - -
                        - -
                        -
                        -
                        - -
                        - - -
                        -
                        -
                        -{% highlight html %} -
                        -
                        - - -
                        - -
                        - -
                        - -
                        - - -
                        -
                        -{% endhighlight %} - -

                        Segmented dropdown groups

                        -
                        -
                        -
                        - - - -
                        - -
                        - -
                        - -
                        - -
                        - - - -
                        -
                        -
                        -{% highlight html %} -
                        -
                        - -
                        - -
                        - -
                        - -
                        - -
                        -
                        -{% endhighlight %} - -

                        Control sizing

                        -

                        Use relative sizing classes like .input-large or match your inputs to the grid column sizes using .col-span-* classes.

                        - -

                        Relative sizing

                        -

                        Create larger or smaller form controls that match button sizes.

                        -
                        -
                        - - - -
                        -
                        -{% highlight html %} - - - -{% endhighlight %} - -

                        Column sizing

                        -

                        Wrap inputs in grid columns, or any custom parent element, to easily enforce desired widths.

                        -
                        -
                        -
                        - -
                        -
                        - -
                        -
                        - -
                        -
                        -
                        -{% highlight html %} -
                        -
                        - -
                        -
                        - -
                        -
                        - -
                        -
                        -{% endhighlight %} - -

                        Form actions

                        -

                        End a form with a group of actions (buttons). When placed within a .form-horizontal, the buttons will automatically indent to line up with the form controls.

                        -
                        -
                        - - -
                        -
                        -{% highlight html %} -
                        - - -
                        -{% endhighlight %} - -

                        Help text

                        -

                        Inline and block level support for help text that appears around form controls.

                        -

                        Inline help

                        -
                        - Inline help text -
                        -{% highlight html %} - -Inline help text -{% endhighlight %} - -

                        Block help

                        -
                        - - A longer block of help text that breaks onto a new line and may extend beyond one line. -
                        -{% highlight html %} - -A longer block of help text that breaks onto a new line and may extend beyond one line. -{% endhighlight %} - -
                        - - - - -
                        -
                        -

                        Buttons

                        -
                        - -

                        Button options

                        -

                        Use any of the available button classes to quickly create a styled button.

                        -
                        - - - - - - - -
                        -{% highlight html %} - - - - - - - - - - - - - - - - - - - - -{% endhighlight %} - -

                        Button sizes

                        -

                        Fancy larger or smaller buttons? Add .btn-large, .btn-small, or .btn-mini for additional sizes.

                        -
                        -

                        - - -

                        -

                        - - -

                        -

                        - - -

                        -

                        - - -

                        -
                        -{% highlight html %} -

                        - - -

                        -

                        - - -

                        -

                        - - -

                        -

                        - - -

                        -{% endhighlight %} - -

                        Create block level buttons—those that span the full width of a parent— by adding .btn-block.

                        -
                        -
                        - - -
                        -
                        -{% highlight html %} - - -{% endhighlight %} - - -

                        Disabled state

                        -

                        Make buttons look unclickable by fading them back 50%.

                        - -

                        Button element

                        -

                        Add the disabled attribute to <button> buttons.

                        -

                        - - -

                        -{% highlight html %} - - -{% endhighlight %} - -
                        -

                        Cross-browser compatibility

                        -

                        If you add the disabled attribute to a <button>, Internet Explorer 9 and below will render text gray with a nasty text-shadow that we cannot fix.

                        -
                        - -

                        Anchor element

                        -

                        Add the .disabled class to <a> buttons.

                        -

                        - Primary link - Link -

                        -{% highlight html %} -Primary link -Link -{% endhighlight %} -

                        - We use .disabled as a utility class here, similar to the common .active class, so no prefix is required. -

                        -
                        -

                        Link functionality not impacted

                        -

                        This class will only change the <a>'s appearance, not its functionality. Use custom JavaScript to disable links here.

                        -
                        - - -

                        Using multiple tags

                        -

                        Use the button classes on an <a>, <button>, or <input> element.

                        -
                        - Link - - - -
                        -{% highlight html %} -Link - - - -{% endhighlight %} - -
                        -

                        Cross-browser rendering

                        -

                        As a best practice, we highly recommend using the <button> element whenever possible to ensure matching cross-browser rendering.

                        -
                        - -
                        - - - - -
                        -
                        -

                        Images

                        -
                        - -

                        Add classes to an <img> element to easily style images in any project.

                        -
                        -

                        Cross-browser compatibility

                        -

                        Keep in mind that Internet Explorer 8 lacks support for rounded corners.

                        -
                        -
                        - - - -
                        -{% highlight html %} - - - -{% endhighlight %} - -
                        - - - -
                        -
                        -

                        Helper classes

                        -
                        - -

                        Close icon

                        -

                        Use the generic close icon for dismissing content like modals and alerts.

                        -
                        -

                        -
                        -{% highlight html %} - -{% endhighlight %} - -

                        .pull-left

                        -

                        Float an element left

                        -{% highlight html %} -
                        ...
                        -{% endhighlight %} -{% highlight css %} -.pull-left { - float: left; -} -{% endhighlight %} - -

                        .pull-right

                        -

                        Float an element right

                        -{% highlight html %} -
                        ...
                        -{% endhighlight %} -{% highlight css %} -.pull-right { - float: right; -} -{% endhighlight %} - -

                        .clearfix

                        -

                        Clear the float on any element. Utilizes the micro clearfix as popularized by Nicolas Gallagher.

                        -{% highlight html %} -
                        ...
                        -{% endhighlight %} -{% highlight css %} -// Mixin -.clearfix { - &:before, - &:after { - content: " "; - display: table; - } - &:after { - clear: both; - } -} - -// Usage -.element { - .clearfix(); -} -{% endhighlight %} -
                        - - - -
                        -
                        -

                        Responsive utilities

                        -
                        -

                        For faster mobile-friendly development, use these utility classes for showing and hiding content by device via media query. Also included are utility classes for toggling content when printed.

                        - -

                        Responsive classes

                        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
                        ClassPhones 767px and belowTablets 979px to 768pxDesktops Default
                        .visible-phoneVisible
                        .visible-tabletVisible
                        .visible-desktopVisible
                        .hidden-phoneVisibleVisible
                        .hidden-tabletVisibleVisible
                        .hidden-desktopVisibleVisible
                        - -

                        Print classes

                        - - - - - - - - - - - - - - - - - - - - -
                        ClassBrowserPrint
                        .visible-printVisible
                        .hidden-printVisible
                        - -

                        When to use

                        -

                        Use on a limited basis and avoid creating entirely different versions of the same site. Instead, use them to complement each device's presentation. Responsive utilities should not be used with tables, and as such are not supported.

                        - -

                        Test case

                        -

                        Resize your browser or load on different devices to test the above classes.

                        -

                        Visible on...

                        -

                        Green checkmarks indicate that class is visible in your current viewport.

                        -
                          -
                        • Phone✔ Phone
                          • -
                        • Tablet✔ Tablet
                          • -
                        • Desktop✔ Desktop
                          • -
                        -

                        Hidden on...

                        -

                        Here, green checkmarks indicate that class is hidden in your current viewport.

                        -
                          -
                        • Phone✔ Phone
                          • -
                        • Tablet✔ Tablet
                          • -
                        • Desktop✔ Desktop
                          • -
                        - -
                        - - - - - -
                        -

                        Components

                        -

                        Dozens of reusable components built to provide iconography, dropdowns, navigation, alerts, popovers, and much more.

                        -
                        - - - -
                        -
                        -

                        Icons font by Glyphicons

                        -
                        - -

                        Included glyphs

                        -

                        Bootstrap comes with all 160 of Glyphicons Halflings set, all available in font formats for easy coloring, sizing, and placement.

                        - -
                          -
                        • glyphicon-glass
                          • -
                        • glyphicon-music
                          • -
                        • glyphicon-search
                          • -
                        • glyphicon-envelope
                          • -
                        • glyphicon-heart
                          • -
                        • glyphicon-star
                          • -
                        • glyphicon-star-empty
                          • -
                        • glyphicon-user
                          • -
                        • glyphicon-film
                          • -
                        • glyphicon-th-large
                          • -
                        • glyphicon-th
                          • -
                        • glyphicon-th-list
                          • -
                        • glyphicon-ok
                          • -
                        • glyphicon-remove
                          • -
                        • glyphicon-zoom-in
                          • -
                        • glyphicon-zoom-out
                          • -
                        • glyphicon-off
                          • -
                        • glyphicon-signal
                          • -
                        • glyphicon-cog
                          • -
                        • glyphicon-trash
                          • -
                        • glyphicon-home
                          • -
                        • glyphicon-file
                          • -
                        • glyphicon-time
                          • -
                        • glyphicon-road
                          • -
                        • glyphicon-download-alt
                          • -
                        • glyphicon-download
                          • -
                        • glyphicon-upload
                          • -
                        • glyphicon-inbox
                          • - -
                        • glyphicon-play-circle
                          • -
                        • glyphicon-repeat
                          • -
                        • glyphicon-refresh
                          • -
                        • glyphicon-list-alt
                          • -
                        • glyphicon-lock
                          • -
                        • glyphicon-flag
                          • -
                        • glyphicon-headphones
                          • -
                        • glyphicon-volume-off
                          • -
                        • glyphicon-volume-down
                          • -
                        • glyphicon-volume-up
                          • -
                        • glyphicon-qrcode
                          • -
                        • glyphicon-barcode
                          • -
                        • glyphicon-tag
                          • -
                        • glyphicon-tags
                          • -
                        • glyphicon-book
                          • -
                        • glyphicon-bookmark
                          • -
                        • glyphicon-print
                          • -
                        • glyphicon-camera
                          • -
                        • glyphicon-font
                          • -
                        • glyphicon-bold
                          • -
                        • glyphicon-italic
                          • -
                        • glyphicon-text-height
                          • -
                        • glyphicon-text-width
                          • -
                        • glyphicon-align-left
                          • -
                        • glyphicon-align-center
                          • -
                        • glyphicon-align-right
                          • -
                        • glyphicon-align-justify
                          • -
                        • glyphicon-list
                          • - -
                        • glyphicon-indent-left
                          • -
                        • glyphicon-indent-right
                          • -
                        • glyphicon-facetime-video
                          • -
                        • glyphicon-picture
                          • -
                        • glyphicon-pencil
                          • -
                        • glyphicon-map-marker
                          • -
                        • glyphicon-adjust
                          • -
                        • glyphicon-tint
                          • -
                        • glyphicon-edit
                          • -
                        • glyphicon-share
                          • -
                        • glyphicon-check
                          • -
                        • glyphicon-move
                          • -
                        • glyphicon-step-backward
                          • -
                        • glyphicon-fast-backward
                          • -
                        • glyphicon-backward
                          • -
                        • glyphicon-play
                          • -
                        • glyphicon-pause
                          • -
                        • glyphicon-stop
                          • -
                        • glyphicon-forward
                          • -
                        • glyphicon-fast-forward
                          • -
                        • glyphicon-step-forward
                          • -
                        • glyphicon-eject
                          • -
                        • glyphicon-chevron-left
                          • -
                        • glyphicon-chevron-right
                          • -
                        • glyphicon-plus-sign
                          • -
                        • glyphicon-minus-sign
                          • -
                        • glyphicon-remove-sign
                          • -
                        • glyphicon-ok-sign
                          • - -
                        • glyphicon-question-sign
                          • -
                        • glyphicon-info-sign
                          • -
                        • glyphicon-screenshot
                          • -
                        • glyphicon-remove-circle
                          • -
                        • glyphicon-ok-circle
                          • -
                        • glyphicon-ban-circle
                          • -
                        • glyphicon-arrow-left
                          • -
                        • glyphicon-arrow-right
                          • -
                        • glyphicon-arrow-up
                          • -
                        • glyphicon-arrow-down
                          • -
                        • glyphicon-share-alt
                          • -
                        • glyphicon-resize-full
                          • -
                        • glyphicon-resize-small
                          • -
                        • glyphicon-plus
                          • -
                        • glyphicon-minus
                          • -
                        • glyphicon-asterisk
                          • -
                        • glyphicon-exclamation-sign
                          • -
                        • glyphicon-gift
                          • -
                        • glyphicon-leaf
                          • -
                        • glyphicon-fire
                          • -
                        • glyphicon-eye-open
                          • -
                        • glyphicon-eye-close
                          • -
                        • glyphicon-warning-sign
                          • -
                        • glyphicon-plane
                          • -
                        • glyphicon-calendar
                          • -
                        • glyphicon-random
                          • -
                        • glyphicon-comment
                          • -
                        • glyphicon-magnet
                          • - -
                        • glyphicon-chevron-up
                          • -
                        • glyphicon-chevron-down
                          • -
                        • glyphicon-retweet
                          • -
                        • glyphicon-shopping-cart
                          • -
                        • glyphicon-folder-close
                          • -
                        • glyphicon-folder-open
                          • -
                        • glyphicon-resize-vertical
                          • -
                        • glyphicon-resize-horizontal
                          • -
                        • glyphicon-hdd
                          • -
                        • glyphicon-bullhorn
                          • -
                        • glyphicon-bell
                          • -
                        • glyphicon-certificate
                          • -
                        • glyphicon-thumbs-up
                          • -
                        • glyphicon-thumbs-down
                          • -
                        • glyphicon-hand-right
                          • -
                        • glyphicon-hand-left
                          • -
                        • glyphicon-hand-up
                          • -
                        • glyphicon-hand-down
                          • -
                        • glyphicon-circle-arrow-right
                          • -
                        • glyphicon-circle-arrow-left
                          • -
                        • glyphicon-circle-arrow-up
                          • -
                        • glyphicon-circle-arrow-down
                          • -
                        • glyphicon-globe
                          • -
                        • glyphicon-wrench
                          • -
                        • glyphicon-tasks
                          • -
                        • glyphicon-filter
                          • -
                        • glyphicon-briefcase
                          • -
                        • glyphicon-fullscreen
                          • - -
                        • glyphicon-dashboard
                          • -
                        • glyphicon-paperclip
                          • -
                        • glyphicon-heart-empty
                          • -
                        • glyphicon-link
                          • -
                        • glyphicon-phone
                          • -
                        • glyphicon-pushpin
                          • -
                        • glyphicon-euro
                          • -
                        • glyphicon-usd
                          • -
                        • glyphicon-gbp
                          • -
                        • glyphicon-sort
                          • -
                        • glyphicon-sort-by-alphabet
                          • -
                        • glyphicon-sort-by-alphabet-alt
                          • -
                        • glyphicon-sort-by-order
                          • -
                        • glyphicon-sort-by-order-alt
                          • -
                        • glyphicon-sort-by-attributes
                          • -
                        • glyphicon-sort-by-attributes-alt
                          • -
                        • glyphicon-unchecked
                          • -
                        • glyphicon-expand
                          • -
                        • glyphicon-collapse
                          • -
                        • glyphicon-collapse-top
                          • - -
                        - -

                        Glyphicons attribution

                        -

                        Glyphicons Halflings are normally not available for free, but an arrangement between Bootstrap and the Glyphicons creator have made this possible at no cost to you as developers. As a thank you, we ask you to include an optional link back to Glyphicons whenever practical.

                        - - -

                        How to use

                        -

                        Add the appropriate class to any inline element. All icon classes are prefixed with glyphicon- for easy styling. To use, place the following code just about anywhere:

                        -{% highlight html %} - -{% endhighlight %} -

                        Want to change the icon color? Just change the color of the parent element.

                        -

                        When using beside strings of text, as in buttons or nav links, be sure to leave a space after the icon for proper spacing.

                        - - -

                        Icon examples

                        -

                        Use them in buttons, button groups for a toolbar, navigation, or prepended form inputs.

                        - -

                        Buttons

                        - -
                        Button group in a button toolbar
                        -
                        -
                        -
                        - - - - -
                        -
                        -
                        -{% highlight html %} -
                        -
                        - - - - -
                        -
                        -{% endhighlight %} - -
                        -

                        Accessibility

                        -

                        Keep in mind that using icons without any additional content means the icons are not represented to screen reader users.

                        -
                        - -
                        Dropdown in a button group
                        -
                        -
                        - User - - -
                        -
                        -{% highlight html %} -
                        - User - - -
                        -{% endhighlight %} - -
                        Large button
                        -
                        - Star -
                        -{% highlight html %} - Star -{% endhighlight %} - -
                        Small button
                        -
                        - -
                        -{% highlight html %} - -{% endhighlight %} - - -

                        Navigation

                        -
                        - -
                        -{% highlight html %} - -{% endhighlight %} - -

                        Form fields

                        -
                        -
                        - -
                        -
                        - - -
                        -
                        -
                        -
                        -{% highlight html %} -
                        - -
                        -
                        - - -
                        -
                        -
                        -{% endhighlight %} - -
                        - - - - - - - - - -
                        -
                        -

                        Button groups

                        -
                        -

                        Group a series of buttons together on a single line with the button group. Add on optional JavaScript radio and checkbox style behavior with our buttons plugin.

                        - -

                        Basic button group

                        -

                        Wrap a series of buttons with .btn in .btn-group.

                        -
                        -
                        - - - -
                        -
                        -{% highlight html %} -
                        - - - -
                        -{% endhighlight %} - -

                        Multiple button groups

                        -

                        Combine sets of <div class="btn-group"> into a <div class="btn-toolbar"> for more complex components.

                        -
                        -
                        -
                        - - - - -
                        -
                        - - - -
                        -
                        - -
                        -
                        -
                        -{% highlight html %} -
                        -
                        ...
                        -
                        ...
                        -
                        ...
                        -
                        -{% endhighlight %} - -

                        Nested button groups

                        -

                        Place buttons groups within button groups when you want dropdown menus mixed with a series of buttons.

                        -
                        -
                        - - - - -
                        - - -
                        -
                        -
                        - -

                        Vertical button groups

                        -

                        Make a set of buttons appear vertically stacked rather than horizontally.

                        -
                        -
                        - - - - -
                        -
                        -{% highlight html %} -
                        - ... -
                        -{% endhighlight %} - -

                        Justified button groups

                        -

                        Make a group of buttons stretch at the same size to span the entire width of its parent. This only works with <a> elements as the <button> doesn't pick up these styles.

                        -
                        -
                        - Left - Right - Middle -
                        -
                        -{% highlight html %} -
                        - ... -
                        -{% endhighlight %} - -
                        - - - - -
                        -
                        -

                        Button dropdown menus

                        -
                        -

                        Use any button to trigger a dropdown menu by placing it within a .btn-group and providing the proper menu markup.

                        - -
                        -

                        Plugin dependency

                        -

                        Button dropdowns require the dropdown plugin to be included in your version of Bootstrap.

                        -
                        - -

                        Single button dropdowns

                        -

                        Turn a button into dropdown toggle with some basic markup changes.

                        -
                        -
                        -
                        - - -
                        -
                        - - -
                        -
                        - - -
                        -
                        - - -
                        -
                        - - -
                        -
                        -
                        -{% highlight html %} - -
                        - - -
                        -{% endhighlight %} - -

                        Split button dropdowns

                        -

                        Similarly, create split button dropdowns with the same markup changes, only with a separate button.

                        -
                        -
                        -
                        - - - -
                        -
                        - - - -
                        -
                        - - - -
                        -
                        - - - -
                        -
                        - - - -
                        -
                        -
                        -{% highlight html %} - -
                        - - - -
                        -{% endhighlight %} - -

                        Works with all button sizes

                        -

                        Button dropdowns work at any size: .btn-large, .btn-small, or .btn-mini.

                        -
                        -
                        -
                        - - -
                        -
                        - - -
                        -
                        - - -
                        -
                        -
                        -{% highlight html %} - -
                        - -
                          - ... -
                        -
                        - - -
                        - -
                          - ... -
                        -
                        - - -
                        - -
                          - ... -
                        -
                        -{% endhighlight %} - -

                        Dropup buttons

                        -

                        Trigger dropdown menus above elements by adding .dropup to the parent.

                        -
                        -
                        -
                        - - - -
                        -
                        - - - -
                        -
                        -
                        -{% highlight html %} -
                        - - -
                          - -
                        -
                        -{% endhighlight %} - -
                        - - - - - - - - - - - - - - - - - - - - - - - - -
                        -
                        -

                        Labels

                        -
                        -

                        - -

                        Example

                        -
                        -

                        Example heading New

                        -

                        Example heading New

                        -

                        Example heading New

                        -

                        Example heading New

                        -
                        Example heading New
                        -
                        Example heading New
                        -
                        -{% highlight html %} -

                        Example heading New

                        -{% endhighlight %} - -

                        Available variations

                        -

                        Add any of the below mentioned modifier classes to change the appearance of a label.

                        -
                        - Default - Success - Warning - Danger - Info -
                        -{% highlight html %} -Default -Success -Warning -Danger -Info -{% endhighlight %} - -
                        - - - - -
                        -
                        -

                        Badges

                        -
                        -

                        Easily highlight new or unread items by adding a <span class="badge"> to links, Bootstrap navs, and more.

                        - -
                        - Inbox 42 -
                        -{% highlight html %} -Inbox 42 -{% endhighlight %} - -

                        Self collapsing

                        -

                        When there are no new or unread items, badges will simply collapse (via CSS's :empty selector) provided no content exists within.

                        - -
                        -

                        Cross-browser compatibility

                        -

                        Badges won't self collapse in Internet Explorer 8 because it lacks support for the :empty selector.

                        -
                        - -

                        Adapts to active nav states

                        -

                        Built-in styles are included for placing badges in active states in pill and list navigations.

                        -
                        - -
                        - -
                        -{% highlight html %} - -{% endhighlight %} -
                        - - - - -
                        -
                        -

                        Typographic components

                        -
                        - -

                        Jumbotron

                        -

                        A lightweight, flexible component to showcase key content on your site. It works well on marketing and content-heavy sites.

                        -
                        -
                        -

                        Hello, world!

                        -

                        This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

                        -

                        Learn more

                        -
                        -
                        -{% highlight html %} -
                        -

                        Hello, world!

                        -

                        ...

                        -

                        Learn more

                        -
                        -{% endhighlight %} - -

                        Page header

                        -

                        A simple shell for an h1 to appropriately space out and segment sections of content on a page. It can utilize the h1's default small element, as well as most other components (with additional styles).

                        -
                        -
                        -

                        Example page header Subtext for header

                        -
                        -
                        -{% highlight html %} -
                        -

                        Example page header Subtext for header

                        -
                        -{% endhighlight %} -
                        - - - - -
                        -
                        -

                        Thumbnails

                        -
                        -

                        Extend Bootstrap's grid system with the thumbnail component to easily display grids of images, videos, text, and more.

                        - -

                        Default thumbnails

                        -

                        By default, Bootstrap's thumbnails are designed to showcase linked images with minimal required markup.

                        -
                        -
                        -
                        - - - -
                        -
                        - - - -
                        -
                        - - - -
                        -
                        - - - -
                        -
                        -
                        -{% highlight html %} -
                        -
                        - - - -
                        - ... -
                        -{% endhighlight %} - -

                        Custom content thumbnails

                        -

                        With a bit of extra markup, it's possible to add any kind of HTML content like headings, paragraphs, or buttons into thumbnails.

                        -
                        -
                        -
                        -
                        - -
                        -

                        Thumbnail label

                        -

                        Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

                        -

                        Action Action

                        -
                        -
                        -
                        -
                        -
                        - -
                        -

                        Thumbnail label

                        -

                        Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

                        -

                        Action Action

                        -
                        -
                        -
                        -
                        -
                        - -
                        -

                        Thumbnail label

                        -

                        Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

                        -

                        Action Action

                        -
                        -
                        -
                        -
                        -
                        -{% highlight html %} -
                        -
                        -
                        - -
                        -

                        Thumbnail label

                        -

                        ...

                        -

                        Action Action

                        -
                        -
                        -
                        -
                        -{% endhighlight %} -
                        - - - - - -
                        -
                        -

                        Alerts

                        -
                        -

                        Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages. For inline dismissal, use the alerts jQuery plugin.

                        - -

                        Default alert

                        -

                        Wrap any text and an optional dismiss button in .alert for a basic warning alert message. To ensure proper behavior across all devices, be sure to use <button> element with the data-dismiss="alert" data attribute.

                        -
                        -
                        - - Warning! Best check yo self, you're not looking too good. -
                        -
                        -{% highlight html %} -
                        - - Warning! Best check yo self, you're not looking too good. -
                        -{% endhighlight %} - -

                        Block alerts

                        -

                        For longer messages, increase the padding on the top and bottom of the alert wrapper by adding .alert-block.

                        -
                        -
                        - -

                        Warning!

                        -

                        Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

                        -
                        -
                        -{% highlight html %} -
                        - -

                        Warning!

                        -

                        ...

                        -
                        -{% endhighlight %} - -

                        Contextual alternatives

                        -

                        Add optional classes to change an alert's connotation.

                        -
                        -
                        - - Oh snap! Change a few things up and try submitting again. -
                        -
                        - - Well done! You successfully read this important alert message. -
                        -
                        - - Heads up! This alert needs your attention, but it's not super important. -
                        -
                        -{% highlight html %} -
                        ...
                        -
                        ...
                        -
                        ...
                        -{% endhighlight %} -
                        - - - - - -
                        -
                        -

                        Progress bars

                        -
                        -

                        Provide up-to-date feedback on the progress of a workflow or action with simple yet flexible progress bars.

                        - -
                        -

                        Cross-browser compatibility

                        -

                        Progress bars use CSS3 transitions and animations to achieve some of their effects. These features are not supported in Internet Explorer 9 and below or older versions of Firefox. Opera 12 does not support animations.

                        -
                        - -

                        Basic

                        -

                        Default progress bar with a vertical gradient.

                        -
                        -
                        -
                        -
                        -
                        -{% highlight html %} -
                        -
                        -
                        -{% endhighlight %} - -

                        Contextual alternatives

                        -

                        Progress bars use some of the same button and alert classes for consistent styles.

                        -
                        -
                        -
                        -
                        -
                        -
                        -
                        -
                        -
                        -
                        -
                        -
                        -
                        -
                        -{% highlight html %} -
                        -
                        -
                        -
                        -
                        -
                        -
                        -
                        -
                        -
                        -
                        -
                        -{% endhighlight %} - -

                        Striped

                        -

                        Uses a gradient to create a striped effect. Not available in IE8.

                        -
                        -
                        -
                        -
                        -
                        -
                        -
                        -
                        -
                        -
                        -
                        -
                        -
                        -
                        -{% highlight html %} -
                        -
                        -
                        -
                        -
                        -
                        -
                        -
                        -
                        -
                        -
                        -
                        -{% endhighlight %} - -

                        Animated

                        -

                        Add .active to .progress-striped to animate the stripes right to left. Not available in all versions of IE.

                        -
                        -
                        -
                        -
                        -
                        -{% highlight html %} -
                        -
                        -
                        -{% endhighlight %} - -

                        Stacked

                        -

                        Place multiple bars into the same .progress to stack them.

                        -
                        -
                        -
                        -
                        -
                        -
                        -
                        -{% highlight html %} -
                        -
                        -
                        -
                        -
                        -{% endhighlight %} -
                        - - - - - -
                        -
                        -

                        Media object

                        -
                        -

                        Abstract object styles for building various types of components (like blog comments, Tweets, etc) that feature a left- or right-aligned image alongside textual content.

                        - -

                        Default example

                        -

                        The default media allow to float a media object (images, video, audio) to the left or right of a content block.

                        -
                        -
                        - - - -
                        -

                        Media heading

                        - Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. -
                        -
                        -
                        - - - -
                        -

                        Media heading

                        - Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. -
                        - - - -
                        -

                        Media heading

                        - Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. -
                        -
                        -
                        -
                        -
                        -{% highlight html %} -
                        - - - -
                        -

                        Media heading

                        - ... -
                        -
                        -{% endhighlight %} - -

                        Media list

                        -

                        With a bit of extra markup, you can use media inside list (useful for comment threads or articles lists).

                        -
                        -
                          -
                        • - - - -
                          -

                          Media heading

                          -

                          Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.

                          - -
                          - - - -
                          -

                          Nested media heading

                          - Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. - -
                          - - - -
                          -

                          Nested media heading

                          - Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. -
                          -
                          -
                          -
                          - -
                          - - - -
                          -

                          Nested media heading

                          - Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. -
                          -
                          -
                          -
                          • -
                        • - - - -
                          -

                          Media heading

                          - Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. -
                          -
                          • -
                        -
                        -{% highlight html %} -
                          -
                        • - - - -
                          -

                          Media heading

                          - ... -
                          -
                          • -
                        -{% endhighlight %} -
                        - - - - - - -
                        -
                        -

                        List group

                        -
                        -

                        List groups are a flexible and powerful component for displaying not only simple lists of elements, but complex ones with custom content.

                        - -

                        Basic list group

                        -

                        The most basic list group is simply an unordered list with list items, and the proper classes. Build upon it with the options that follow, or your own CSS as needed.

                        -
                        -
                          -
                        • Cras justo odio
                          • -
                        • Dapibus ac facilisis in
                          • -
                        • Morbi leo risus
                          • -
                        • Porta ac consectetur ac
                          • -
                        • Vestibulum at eros
                          • -
                        -
                        -{% highlight html %} -
                          -
                        • Cras justo odio
                          • -
                        • Dapibus ac facilisis in
                          • -
                        • Morbi leo risus
                          • -
                        • Porta ac consectetur ac
                          • -
                        • Vestibulum at eros
                          • -
                        -{% endhighlight %} - -

                        With chevrons

                        -

                        Add Glyphicon chevrons that are automatically moved to the right.

                        -
                        -
                          -
                        • - - Cras justo odio -
                          • -
                        • - - Dapibus ac facilisis in -
                          • -
                        • - - Morbi leo risus -
                          • -
                        -
                        -{% highlight html %} -
                          -
                        • - - Cras justo odio -
                          • -
                        -{% endhighlight %} - -

                        With badges

                        -

                        Add the badges component to any list group item and it will automatically be positioned on the right.

                        -
                        -
                          -
                        • - 14 - Cras justo odio -
                          • -
                        • - 2 - Dapibus ac facilisis in -
                          • -
                        • - 1 - Morbi leo risus -
                          • -
                        -
                        -{% highlight html %} -
                          -
                        • - 14 - Cras justo odio -
                          • -
                        -{% endhighlight %} - -

                        With badges and chevrons

                        -

                        Why not both?

                        -
                        -
                          -
                        • - - 14 - Cras justo odio -
                          • -
                        • - - 2 - Dapibus ac facilisis in -
                          • -
                        • - - 1 - Morbi leo risus -
                          • -
                        -
                        -{% highlight html %} -
                          -
                        • - - 14 - Cras justo odio -
                          • -
                        -{% endhighlight %} - -

                        Linked list group

                        -

                        Linkify list group items by using anchor tags instead of list items (that also means a parent <div> instead of an <ul>). No need for individual parents around each element.

                        -
                        -
                        - - Cras justo odio - - - Dapibus ac facilisis in - - - Morbi leo risus - - - Porta ac consectetur ac - - - Vestibulum at eros - - -
                        -
                        -{% highlight html %} -
                        - - Cras justo odio - - - Dapibus ac facilisis in - - - Morbi leo risus - - - Porta ac consectetur ac - - - Vestibulum at eros - - -
                        -{% endhighlight %} - -

                        Custom content

                        -

                        Add nearly any HTML within, even for linked list groups like the one below.

                        -
                        -
                        - -

                        List group item heading

                        -

                        Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

                        -                         - -

                        List group item heading

                        -

                        Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

                        -                         - -

                        List group item heading

                        -

                        Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

                        -                         -
                        -
                        -{% highlight html %} -
                        - -

                        List group item heading

                        -

                        ...

                        -                         -
                        -{% endhighlight %} -
                        - - - - - -
                        -
                        -

                        Panels

                        -
                        -

                        While not always necessary, sometimes you need to put your DOM in a box. For those situations, try the panel component.

                        - -

                        Basic panel

                        -

                        By default, all the .panel does is apply some basic border and padding to contain some content.

                        -
                        -
                        - Basic panel example -
                        -
                        -{% highlight html %} -
                        - Basic panel example -
                        -{% endhighlight %} - -

                        Panel with heading

                        -

                        Easily add a heading to your panel with .panel-heading. Use it on a <div> or any heading element (e.g., <h3>).

                        -
                        -
                        -
                        Panel heading
                        - Panel content -
                        -
                        -{% highlight html %} -
                        -
                        Panel heading
                        - Panel content -
                        -{% endhighlight %} - -

                        Contextual alternatives

                        -

                        Like other components, easily make a panel more meaningful to a particular context by adding any of the contextual state classes.

                        -
                        -
                        -
                        Panel heading
                        - Panel content -
                        -
                        -
                        Panel heading
                        - Panel content -
                        -
                        -
                        Panel heading
                        - Panel content -
                        -
                        -
                        Panel heading
                        - Panel content -
                        -
                        -
                        Panel heading
                        - Panel content -
                        -
                        -{% highlight html %} -
                        ...
                        -
                        ...
                        -
                        ...
                        -
                        ...
                        -
                        ...
                        -{% endhighlight %} - -

                        With list groups

                        -

                        Easily include full-width list groups within any panel.

                        -
                        -
                        - -
                        Panel heading
                        -

                        Some default panel content here. Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam id dolor id nibh ultricies vehicula ut id elit.

                        - - -
                          -
                        • Cras justo odio
                          • -
                        • Dapibus ac facilisis in
                          • -
                        • Morbi leo risus
                          • -
                        • Porta ac consectetur ac
                          • -
                        • Vestibulum at eros
                          • -
                        -
                        -
                        -{% highlight html %} -
                        - -
                        Panel heading
                        -

                        ...

                        - - -
                          -
                        • Cras justo odio
                          • -
                        • Dapibus ac facilisis in
                          • -
                        • Morbi leo risus
                          • -
                        • Porta ac consectetur ac
                          • -
                        • Vestibulum at eros
                          • -
                        -
                        -{% endhighlight %} - -
                        - - - - - - -
                        -
                        -

                        Wells

                        -
                        - -

                        Default well

                        -

                        Use the well as a simple effect on an element to give it an inset effect.

                        -
                        -
                        - Look, I'm in a well! -
                        -
                        -{% highlight html %} -
                        ...
                        -{% endhighlight %} -

                        Optional classes

                        -

                        Control padding and rounded corners with two optional modifier classes.

                        -
                        -
                        - Look, I'm in a well! -
                        -
                        -{% highlight html %} -
                        ...
                        -{% endhighlight %} - -
                        -
                        - Look, I'm in a well! -
                        -
                        -{% highlight html %} -
                        ...
                        -{% endhighlight %} -
                        - - - - - -
                        -

                        JavaScript plugins

                        -

                        Bring Bootstrap's components to life with over a dozen custom jQuery plugins. Easily include them all, or one by one.

                        -
                        - - - -
                        -
                        -

                        Overview

                        -
                        - -

                        Individual or compiled

                        -

                        Plugins can be included individually, or all at once. Do not attempt to include both. Both bootstrap.js and bootstrap.min.js contain all plugins in a single file.

                        -
                        -

                        Plugin dependencies

                        -

                        Some plugins and CSS components depend on other plugins. If you include plugins individually, make sure to check for these dependencies in the docs (in notes like this one).

                        -
                        - -

                        Data attributes

                        -

                        You can use all Bootstrap plugins purely through the markup API without writing a single line of JavaScript. This is Bootstrap's first class API and should be your first consideration when using a plugin.

                        - -

                        That said, in some situations it may be desirable to turn this functionality off. Therefore, we also provide the ability to disable the data attribute API by unbinding all events on the body namespaced with `'data-api'`. This looks like this: -{% highlight js %} -$('body').off('.data-api') -{% endhighlight %} - -

                        Alternatively, to target a specific plugin, just include the plugin's name as a namespace along with the data-api namespace like this:

                        -{% highlight js %} -$('body').off('.alert.data-api') -{% endhighlight %} - -

                        Programmatic API

                        -

                        We also believe you should be able to use all Bootstrap plugins purely through the JavaScript API. All public APIs are single, chainable methods, and return the collection acted upon.

                        -{% highlight js %} -$(".btn.danger").button("toggle").addClass("fat") -{% endhighlight %} - -

                        All methods should accept an optional options object, a string which targets a particular method, or nothing (which initiates a plugin with default behavior):

                        -{% highlight js %} -$("#myModal").modal() // initialized with defaults -$("#myModal").modal({ keyboard: false }) // initialized with no keyboard -$("#myModal").modal('show') // initializes and invokes show immediately

                        -{% endhighlight %} - -

                        Each plugin also exposes its raw constructor on a `Constructor` property: $.fn.popover.Constructor. If you'd like to get a particular plugin instance, retrieve it directly from an element: $('[rel=popover]').data('popover').

                        - -

                        No conflict

                        -

                        Sometimes it is necessary to use Bootstrap plugins with other UI frameworks. In these circumstances, namespace collisions can occasionally occur. If this happens, you may call .noConflict on the plugin you wish to revert the value of.

                        -{% highlight js %} -var bootstrapButton = $.fn.button.noConflict() // return $.fn.button to previously assigned value -$.fn.bootstrapBtn = bootstrapButton // give $().bootstrapBtn the bootstrap functionality -{% endhighlight %} - -

                        Events

                        -

                        Bootstrap provides custom events for most plugin's unique actions. Generally, these come in an infinitive and past participle form - where the infinitive (ex. show) is triggered at the start of an event, and its past participle form (ex. shown) is trigger on the completion of an action.

                        -

                        All infinitive events provide preventDefault functionality. This provides the ability to stop the execution of an action before it starts.

                        -{% highlight js %} -$('#myModal').on('show', function (e) { - if (!data) return e.preventDefault() // stops modal from being shown -}) -{% endhighlight %} -
                        - - - - -
                        -
                        -

                        Transitions bootstrap-transition.js

                        -
                        -

                        About transitions

                        -

                        For simple transition effects, include bootstrap-transition.js once alongside the other JS files. If you're using the compiled (or minified) bootstrap.js, there is no need to include this—it's already there.

                        -

                        Use cases

                        -

                        A few examples of the transition plugin:

                        -
                          -
                        • Sliding or fading in modals
                          • -
                        • Fading out tabs
                          • -
                        • Fading out alerts
                          • -
                        • Sliding carousel panes
                          • -
                        - - -
                        - - - - -
                        -
                        -

                        Modals bootstrap-modal.js

                        -
                        - -

                        Examples

                        -

                        Modals are streamlined, but flexible, dialog prompts with the minimum required functionality and smart defaults.

                        - -

                        Static example

                        -

                        A rendered modal with header, body, and set of actions in the footer.

                        -
                        -
                        -
                        -
                        -
                        - -

                        Modal title

                        -
                        -
                        -

                        One fine body…

                        -
                        -
                        - Close - Save changes -
                        -
                        -
                        -
                        -
                        -{% highlight html %} -
                        -
                        -
                        -
                        - -

                        Modal title

                        -
                        -
                        -

                        One fine body…

                        -
                        -
                        - Close - Save changes -
                        -
                        -
                        -
                        -{% endhighlight %} - -

                        Live demo

                        -

                        Toggle a modal via JavaScript by clicking the button below. It will slide down and fade in from the top of the page.

                        - - - -
                        - Launch demo modal -
                        -{% highlight html %} - - Launch demo modal - - - -{% endhighlight %} - - - -

                        Usage

                        - -

                        Via data attributes

                        -

                        Activate a modal without writing JavaScript. Set data-toggle="modal" on a controller element, like a button, along with a data-target="#foo" or href="#foo" to target a specific modal to toggle.

                        -{% highlight html %} - -{% endhighlight %} - -

                        Via JavaScript

                        -

                        Call a modal with id myModal with a single line of JavaScript:

                        - {% highlight js %}$('#myModal').modal(options){% endhighlight %} - -

                        Options

                        -

                        Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-backdrop="".

                        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
                        Nametypedefaultdescription
                        backdropbooleantrueIncludes a modal-backdrop element. Alternatively, specify static for a backdrop which doesn't close the modal on click.
                        keyboardbooleantrueCloses the modal when escape key is pressed
                        showbooleantrueShows the modal when initialized.
                        remotepathfalse

                        If a remote url is provided, content will be loaded via jQuery's load method and injected into the .modal-body. If you're using the data api, you may alternatively use the href tag to specify the remote source. An example of this is shown below:

                        -{% highlight html %} -Click me -{% endhighlight %} -
                        - -

                        Methods

                        - -

                        .modal(options)

                        -

                        Activates your content as a modal. Accepts an optional options object.

                        -{% highlight js %} -$('#myModal').modal({ - keyboard: false -}) -{% endhighlight %} - -

                        .modal('toggle')

                        -

                        Manually toggles a modal.

                        - {% highlight js %}$('#myModal').modal('toggle'){% endhighlight %} - -

                        .modal('show')

                        -

                        Manually opens a modal.

                        - {% highlight js %}$('#myModal').modal('show'){% endhighlight %} - -

                        .modal('hide')

                        -

                        Manually hides a modal.

                        - {% highlight js %}$('#myModal').modal('hide'){% endhighlight %} - -

                        Events

                        -

                        Bootstrap's modal class exposes a few events for hooking into modal functionality.

                        - - - - - - - - - - - - - - - - - - - - - - - - - -
                        EventDescription
                        showThis event fires immediately when the show instance method is called.
                        shownThis event is fired when the modal has been made visible to the user (will wait for css transitions to complete).
                        hideThis event is fired immediately when the hide instance method has been called.
                        hiddenThis event is fired when the modal has finished being hidden from the user (will wait for css transitions to complete).
                        -{% highlight js %} -$('#myModal').on('hidden', function () { - // do something… -}) -{% endhighlight %} -
                        - - - - - - - - - -
                        -
                        -

                        ScrollSpy bootstrap-scrollspy.js

                        -
                        - - -

                        Example in navbar

                        -

                        The ScrollSpy plugin is for automatically updating nav targets based on scroll position. Scroll the area below the navbar and watch the active class change. The dropdown sub items will be highlighted as well.

                        -
                        - -
                        -

                        @fat

                        -

                        Ad leggings keytar, brunch id art party dolor labore. Pitchfork yr enim lo-fi before they sold out qui. Tumblr farm-to-table bicycle rights whatever. Anim keffiyeh carles cardigan. Velit seitan mcsweeney's photo booth 3 wolf moon irure. Cosby sweater lomo jean shorts, williamsburg hoodie minim qui you probably haven't heard of them et cardigan trust fund culpa biodiesel wes anderson aesthetic. Nihil tattooed accusamus, cred irony biodiesel keffiyeh artisan ullamco consequat.

                        -

                        @mdo

                        -

                        Veniam marfa mustache skateboard, adipisicing fugiat velit pitchfork beard. Freegan beard aliqua cupidatat mcsweeney's vero. Cupidatat four loko nisi, ea helvetica nulla carles. Tattooed cosby sweater food truck, mcsweeney's quis non freegan vinyl. Lo-fi wes anderson +1 sartorial. Carles non aesthetic exercitation quis gentrify. Brooklyn adipisicing craft beer vice keytar deserunt.

                        -

                        one

                        -

                        Occaecat commodo aliqua delectus. Fap craft beer deserunt skateboard ea. Lomo bicycle rights adipisicing banh mi, velit ea sunt next level locavore single-origin coffee in magna veniam. High life id vinyl, echo park consequat quis aliquip banh mi pitchfork. Vero VHS est adipisicing. Consectetur nisi DIY minim messenger bag. Cred ex in, sustainable delectus consectetur fanny pack iphone.

                        -

                        two

                        -

                        In incididunt echo park, officia deserunt mcsweeney's proident master cleanse thundercats sapiente veniam. Excepteur VHS elit, proident shoreditch +1 biodiesel laborum craft beer. Single-origin coffee wayfarers irure four loko, cupidatat terry richardson master cleanse. Assumenda you probably haven't heard of them art party fanny pack, tattooed nulla cardigan tempor ad. Proident wolf nesciunt sartorial keffiyeh eu banh mi sustainable. Elit wolf voluptate, lo-fi ea portland before they sold out four loko. Locavore enim nostrud mlkshk brooklyn nesciunt.

                        -

                        three

                        -

                        Ad leggings keytar, brunch id art party dolor labore. Pitchfork yr enim lo-fi before they sold out qui. Tumblr farm-to-table bicycle rights whatever. Anim keffiyeh carles cardigan. Velit seitan mcsweeney's photo booth 3 wolf moon irure. Cosby sweater lomo jean shorts, williamsburg hoodie minim qui you probably haven't heard of them et cardigan trust fund culpa biodiesel wes anderson aesthetic. Nihil tattooed accusamus, cred irony biodiesel keffiyeh artisan ullamco consequat.

                        -

                        Keytar twee blog, culpa messenger bag marfa whatever delectus food truck. Sapiente synth id assumenda. Locavore sed helvetica cliche irony, thundercats you probably haven't heard of them consequat hoodie gluten-free lo-fi fap aliquip. Labore elit placeat before they sold out, terry richardson proident brunch nesciunt quis cosby sweater pariatur keffiyeh ut helvetica artisan. Cardigan craft beer seitan readymade velit. VHS chambray laboris tempor veniam. Anim mollit minim commodo ullamco thundercats. -

                        -
                        -
                        - - -

                        Usage

                        - -

                        Via data attributes

                        -

                        To easily add scrollspy behavior to your topbar navigation, add data-spy="scroll" to the element you want to spy on (most typically this would be the <body>. Then add the data-target attribute with the ID or class of the parent element of any Bootstrap .nav component.

                        -{% highlight html %} - - ... - -{% endhighlight %} - -

                        Via JavaScript

                        -

                        Call the scrollspy via JavaScript:

                        -{% highlight js %} -$('#navbar-example').scrollspy() -{% endhighlight %} - -
                        -

                        Resolvable ID targets required

                        -

                        Navbar links must have resolvable id targets. For example, a <a href="#home">home</a> must correspond to something in the DOM like <div id="home"></div>.

                        -
                        - -

                        Methods

                        -

                        .scrollspy('refresh')

                        -

                        When using scrollspy in conjunction with adding or removing of elements from the DOM, you'll need to call the refresh method like so:

                        -{% highlight js %} -$('[data-spy="scroll"]').each(function () { - var $spy = $(this).scrollspy('refresh') -}); -{% endhighlight %} - - -

                        Options

                        -

                        Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-offset="".

                        - - - - - - - - - - - - - - - - - -
                        Nametypedefaultdescription
                        offsetnumber10Pixels to offset from top when calculating position of scroll.
                        - -

                        Events

                        - - - - - - - - - - - - - -
                        EventDescription
                        activateThis event fires whenever a new item becomes activated by the scrollspy.
                        -
                        - - - - -
                        -
                        -

                        Togglable tabs bootstrap-tab.js

                        -
                        - - -

                        Example tabs

                        -

                        Add quick, dynamic tab functionality to transition through panes of local content, even via dropdown menus.

                        -
                        - -
                        -
                        -

                        Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.

                        -
                        -
                        -

                        Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.

                        -
                        - - -
                        -
                        - - -
                        - - -

                        Usage

                        -

                        Enable tabbable tabs via JavaScript (each tab needs to be activated individually):

                        -{% highlight js %} -$('#myTab a').click(function (e) { - e.preventDefault(); - $(this).tab('show'); -}) -{% endhighlight %} - -

                        You can activate individual tabs in several ways:

                        -{% highlight js %} -$('#myTab a[href="#profile"]').tab('show'); // Select tab by name -$('#myTab a:first').tab('show'); // Select first tab -$('#myTab a:last').tab('show'); // Select last tab -$('#myTab li:eq(2) a').tab('show'); // Select third tab (0-indexed) -{% endhighlight %} - -

                        Markup

                        -

                        You can activate a tab or pill navigation without writing any JavaScript by simply specifying data-toggle="tab" or data-toggle="pill" on an element. Adding the nav and nav-tabs classes to the tab ul will apply the Bootstrap tab styling.

                        -{% highlight html %} - -{% endhighlight %} - -

                        To make tabs fade in, add .fade to each .tab-pane.

                        - -

                        Methods

                        -

                        $().tab

                        -

                        - Activates a tab element and content container. Tab should have either a data-target or an href targeting a container node in the DOM. -

                        -{% highlight html %} - - -
                        -
                        ...
                        -
                        ...
                        -
                        ...
                        -
                        ...
                        -
                        - - -{% endhighlight %} - -

                        Events

                        - - - - - - - - - - - - - - - - - -
                        EventDescription
                        showThis event fires on tab show, but before the new tab has been shown. Use event.target and event.relatedTarget to target the active tab and the previous active tab (if available) respectively.
                        shownThis event fires on tab show after a tab has been shown. Use event.target and event.relatedTarget to target the active tab and the previous active tab (if available) respectively.
                        -{% highlight js %} -$('a[data-toggle="tab"]').on('shown', function (e) { - e.target // activated tab - e.relatedTarget // previous tab -}) -{% endhighlight %} -
                        - - - -
                        -
                        -

                        Tooltips bootstrap-tooltip.js

                        -
                        - - -

                        Examples

                        -

                        Inspired by the excellent jQuery.tipsy plugin written by Jason Frame; Tooltips are an updated version, which don't rely on images, use CSS3 for animations, and data-attributes for local title storage.

                        -

                        Hover over the links below to see tooltips:

                        -
                        -

                        Tight pants next level keffiyeh you probably haven't heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown. Farm-to-table seitan, mcsweeney's fixie sustainable quinoa 8-bit american apparel have a terry richardson vinyl chambray. Beard stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa, four loko mcsweeney's cleanse vegan chambray. A really ironic artisan whatever keytar, scenester farm-to-table banksy Austin twitter handle freegan cred raw denim single-origin coffee viral. -

                        -
                        - -

                        Four directions

                        -
                        - -
                        - - -

                        Tooltips in input groups

                        -

                        When using tooltips and popovers with the Bootstrap input groups, you'll have to set the container (documented below) option to avoid unwanted side effects.

                        - -
                        - - -

                        Usage

                        -

                        Trigger the tooltip via JavaScript:

                        -{% highlight js %} -$('#example').tooltip(options) -{% endhighlight %} - -

                        Options

                        -

                        Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-animation="".

                        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
                        Nametypedefaultdescription
                        animationbooleantrueapply a css fade transition to the tooltip
                        htmlbooleanfalseInsert html into the tooltip. If false, jquery's text method will be used to insert content into the dom. Use text if you're worried about XSS attacks.
                        placementstring | function'top'how to position the tooltip - top | bottom | left | right
                        selectorstringfalseIf a selector is provided, tooltip objects will be delegated to the specified targets.
                        titlestring | function''default title value if `title` tag isn't present
                        triggerstring'hover focus'how tooltip is triggered - click | hover | focus | manual. Note you case pass trigger multiple, space seperated, trigger types.
                        delaynumber | object0 -

                        delay showing and hiding the tooltip (ms) - does not apply to manual trigger type

                        -

                        If a number is supplied, delay is applied to both hide/show

                        -

                        Object structure is: delay: { show: 500, hide: 100 }

                        -
                        containerstring | falsefalse -

                        Appends the tooltip to a specific element container: 'body'

                        -
                        -
                        -

                        Data attributes for individual tooltips

                        -

                        Options for individual tooltips can alternatively be specified through the use of data attributes, as explained above.

                        -
                        - -

                        Markup

                        -{% highlight html %} -Hover over me -{% endhighlight %} - -

                        Methods

                        - -

                        $().tooltip(options)

                        -

                        Attaches a tooltip handler to an element collection.

                        - -

                        .tooltip('show')

                        -

                        Reveals an element's tooltip.

                        - {% highlight js %}$('#element').tooltip('show'){% endhighlight %} - -

                        .tooltip('hide')

                        -

                        Hides an element's tooltip.

                        - {% highlight js %}$('#element').tooltip('hide'){% endhighlight %} - -

                        .tooltip('toggle')

                        -

                        Toggles an element's tooltip.

                        - {% highlight js %}$('#element').tooltip('toggle'){% endhighlight %} - -

                        .tooltip('destroy')

                        -

                        Hides and destroys an element's tooltip.

                        - {% highlight js %}$('#element').tooltip('destroy'){% endhighlight %} -
                        - - - - -
                        -
                        -

                        Popovers bootstrap-popover.js

                        -
                        - -

                        Examples

                        -

                        Add small overlays of content, like those on the iPad, to any element for housing secondary information. Hover over the button to trigger the popover.

                        - -
                        -

                        Plugin dependency

                        -

                        Popovers require the tooltip plugin to be included in your version of Bootstrap.

                        -
                        - -

                        Static popover

                        -

                        Four options are available: top, right, bottom, and left aligned.

                        -
                        -
                        -
                        -

                        Popover top

                        -
                        -

                        Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

                        -
                        -
                        - -
                        -
                        -

                        Popover right

                        -
                        -

                        Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

                        -
                        -
                        - -
                        -
                        -

                        Popover bottom

                        -
                        -

                        Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

                        -
                        -
                        - -
                        -
                        -

                        Popover left

                        -
                        -

                        Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

                        -
                        -
                        - -
                        -
                        - -

                        Live demo

                        -
                        - Click to toggle popover -
                        - -

                        Four directions

                        -
                        - -
                        - - -
                        - - -

                        Usage

                        -

                        Enable popovers via JavaScript:

                        - {% highlight js %}$('#example').popover(options){% endhighlight %} - -

                        Options

                        -

                        Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-animation="".

                        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
                        Nametypedefaultdescription
                        animationbooleantrueapply a css fade transition to the tooltip
                        htmlbooleanfalseInsert html into the popover. If false, jquery's text method will be used to insert content into the dom. Use text if you're worried about XSS attacks.
                        placementstring | function'right'how to position the popover - top | bottom | left | right
                        selectorstringfalseif a selector is provided, tooltip objects will be delegated to the specified targets if a selector is provided, tooltip objects will be delegated to the specified targets. in practice, this is used to enable dynamic HTML content to have popovers added. See this and an informative example.
                        triggerstring'click'how popover is triggered - click | hover | focus | manual
                        titlestring | function''default title value if `title` attribute isn't present
                        contentstring | function''default content value if `data-content` attribute isn't present
                        delaynumber | object0 -

                        delay showing and hiding the popover (ms) - does not apply to manual trigger type

                        -

                        If a number is supplied, delay is applied to both hide/show

                        -

                        Object structure is: delay: { show: 500, hide: 100 }

                        -
                        containerstring | falsefalse -

                        Appends the popover to a specific element container: 'body'

                        -
                        -
                        -

                        Data attributes for individual popovers

                        -

                        Options for individual popovers can alternatively be specified through the use of data attributes, as explained above.

                        -
                        - -

                        Markup

                        -

                        For performance reasons, the Tooltip and Popover data-apis are opt in. If you would like to use them just specify a selector option.

                        - -

                        Methods

                        -

                        $().popover(options)

                        -

                        Initializes popovers for an element collection.

                        - -

                        .popover('show')

                        -

                        Reveals an elements popover.

                        - {% highlight js %}$('#element').popover('show'){% endhighlight %} - -

                        .popover('hide')

                        -

                        Hides an elements popover.

                        - {% highlight js %}$('#element').popover('hide'){% endhighlight %} - -

                        .popover('toggle')

                        -

                        Toggles an elements popover.

                        - {% highlight js %}$('#element').popover('toggle'){% endhighlight %} - -

                        .popover('destroy')

                        -

                        Hides and destroys an element's popover.

                        - {% highlight js %}$('#element').popover('destroy'){% endhighlight %} -
                        - - - - -
                        -
                        -

                        Alert messages bootstrap-alert.js

                        -
                        - - -

                        Example alerts

                        -

                        Add dismiss functionality to all alert messages with this plugin.

                        -
                        -
                        - - Holy guacamole! Best check yo self, you're not looking too good. -
                        -
                        - -
                        -
                        - -

                        Oh snap! You got an error!

                        -

                        Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.

                        -

                        - Take this action Or do this -

                        -
                        -
                        - - -
                        - - -

                        Usage

                        -

                        Enable dismissal of an alert via JavaScript:

                        - {% highlight js %}$(".alert").alert(){% endhighlight %} - -

                        Markup

                        -

                        Just add data-dismiss="alert" to your close button to automatically give an alert close functionality.

                        - {% highlight html %}×{% endhighlight %} - -

                        Methods

                        - -

                        $().alert()

                        -

                        Wraps all alerts with close functionality. To have your alerts animate out when closed, make sure they have the .fade and .in class already applied to them.

                        - -

                        .alert('close')

                        -

                        Closes an alert.

                        - {% highlight js %}$(".alert").alert('close'){% endhighlight %} - - -

                        Events

                        -

                        Bootstrap's alert class exposes a few events for hooking into alert functionality.

                        - - - - - - - - - - - - - - - - - -
                        EventDescription
                        closeThis event fires immediately when the close instance method is called.
                        closedThis event is fired when the alert has been closed (will wait for css transitions to complete).
                        -{% highlight js %} -$('#my-alert').bind('closed', function () { - // do something… -}) -{% endhighlight %} -
                        - - - - -
                        -
                        -

                        Buttons bootstrap-button.js

                        -
                        - -

                        Example uses

                        -

                        Do more with buttons. Control button states or create groups of buttons for more components like toolbars.

                        - -

                        Stateful

                        -

                        Add data-loading-text="Loading..." to use a loading state on a button.

                        -
                        - -
                        -{% highlight html %} - -{% endhighlight %} - -

                        Single toggle

                        -

                        Add data-toggle="button" to activate toggling on a single button.

                        -
                        - -
                        -{% highlight html %} - -{% endhighlight %} - -

                        Checkbox

                        -

                        Add data-toggle="buttons-checkbox" for checkbox style toggling on btn-group.

                        -
                        -
                        - - - -
                        -
                        -{% highlight html %} -
                        - - - -
                        -{% endhighlight %} - -

                        Radio

                        -

                        Add data-toggle="buttons-radio" for radio style toggling on btn-group.

                        -
                        -
                        - - - -
                        -
                        -{% highlight html %} -
                        - - - -
                        -{% endhighlight %} - - -
                        - - -

                        Usage

                        -

                        Enable buttons via JavaScript:

                        -{% highlight js %} -$('.nav-tabs').button() -{% endhighlight %} - -

                        Markup

                        -

                        Data attributes are integral to the button plugin. Check out the example code below for the various markup types.

                        - -

                        Options

                        -

                        None

                        - -

                        Methods

                        - -

                        $().button('toggle')

                        -

                        Toggles push state. Gives the button the appearance that it has been activated.

                        -
                        -

                        Auto toggling

                        -

                        You can enable auto toggling of a button by using the data-toggle attribute.

                        -
                        -{% highlight html %} - -{% endhighlight %} - -

                        $().button('loading')

                        -

                        Sets button state to loading - disables button and swaps text to loading text. Loading text should be defined on the button element using the data attribute data-loading-text. -

                        -{% highlight html %} - -{% endhighlight %} - -
                        -

                        Cross-browser compatibility

                        -

                        Firefox persists the disabled state across page loads. A workaround for this is to use autocomplete="off".

                        -
                        - -

                        $().button('reset')

                        -

                        Resets button state - swaps text to original text.

                        - -

                        $().button(string)

                        -

                        Resets button state - swaps text to any data defined text state.

                        -{% highlight html %} - - -{% endhighlight %} -
                        - - - - -
                        -
                        -

                        Collapse bootstrap-collapse.js

                        -
                        - -

                        About

                        -

                        Get base styles and flexible support for collapsible components like accordions and navigation.

                        - -
                        -

                        Plugin dependency

                        -

                        Collapse requires the transitions plugin to be included in your version of Bootstrap.

                        -
                        - -

                        Example accordion

                        -

                        Using the collapse plugin, we built a simple accordion style widget:

                        - -
                        -
                        -
                        -
                        - - Collapsible Group Item #1 - -
                        -
                        -
                        - Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. -
                        -
                        -
                        -
                        -
                        - - Collapsible Group Item #2 - -
                        -
                        -
                        - Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. -
                        -
                        -
                        -
                        -
                        - - Collapsible Group Item #3 - -
                        -
                        -
                        - Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. -
                        -
                        -
                        -
                        -
                        -{% highlight html %} -
                        -
                        -
                        - - Collapsible Group Item #1 - -
                        -
                        -
                        - ... -
                        -
                        -
                        -
                        -
                        - - Collapsible Group Item #2 - -
                        -
                        -
                        - ... -
                        -
                        -
                        -
                        -
                        - - Collapsible Group Item #3 - -
                        -
                        -
                        - ... -
                        -
                        -
                        -
                        -{% endhighlight %} - -

                        You can also use the plugin without the accordion markup. Make a button toggle the expanding and collapsing of another element.

                        -{% highlight html %} - - -
                        ...
                        -{% endhighlight %} - - -
                        - - -

                        Usage

                        - -

                        Via data attributes

                        -

                        Just add data-toggle="collapse" and a data-target to element to automatically assign control of a collapsible element. The data-target attribute accepts a css selector to apply the collapse to. Be sure to add the class collapse to the collapsible element. If you'd like it to default open, add the additional class in.

                        -

                        To add accordion-like group management to a collapsible control, add the data attribute data-parent="#selector". Refer to the demo to see this in action.

                        - -

                        Via JavaScript

                        -

                        Enable manually with:

                        -{% highlight js %} -$(".collapse").collapse() -{% endhighlight %} - -

                        Options

                        -

                        Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-parent="".

                        - - - - - - - - - - - - - - - - - - - - - - - -
                        Nametypedefaultdescription
                        parentselectorfalseIf selector then all collapsible elements under the specified parent will be closed when this collapsible item is shown. (similar to traditional accordion behavior)
                        togglebooleantrueToggles the collapsible element on invocation
                        - - -

                        Methods

                        - -

                        .collapse(options)

                        -

                        Activates your content as a collapsible element. Accepts an optional options object. -{% highlight js %} -$('#myCollapsible').collapse({ - toggle: false -}) -{% endhighlight %} - -

                        .collapse('toggle')

                        -

                        Toggles a collapsible element to shown or hidden.

                        - -

                        .collapse('show')

                        -

                        Shows a collapsible element.

                        - -

                        .collapse('hide')

                        -

                        Hides a collapsible element.

                        - -

                        Events

                        -

                        Bootstrap's collapse class exposes a few events for hooking into collapse functionality.

                        - - - - - - - - - - - - - - - - - - - - - - - - - -
                        EventDescription
                        showThis event fires immediately when the show instance method is called.
                        shownThis event is fired when a collapse element has been made visible to the user (will wait for css transitions to complete).
                        hide - This event is fired immediately when the hide method has been called. -
                        hiddenThis event is fired when a collapse element has been hidden from the user (will wait for css transitions to complete).
                        -{% highlight js %} -$('#myCollapsible').on('hidden', function () { - // do something… -}) -{% endhighlight %} -
                        - - - - - - - - - -
                        -
                        -

                        Affix bootstrap-affix.js

                        -
                        - -

                        Example

                        -

                        The subnavigation on the left is a live demo of the affix plugin.

                        - -
                        - -

                        Usage

                        - -

                        Via data attributes

                        -

                        To easily add affix behavior to any element, just add data-spy="affix" to the element you want to spy on. Then use offsets to define when to toggle the pinning of an element on and off.

                        - -{% highlight html %} -
                        ...
                        -{% endhighlight %} - -
                        -

                        Requires positioning

                        -

                        You must manage the position of a pinned element and the behavior of its immediate parent. Position is controlled by affix, affix-top, and affix-bottom. Remember to check for a potentially collapsed parent when the affix kicks in as it's removing content from the normal flow of the page.

                        -
                        - -

                        Via JavaScript

                        -

                        Call the affix plugin via JavaScript:

                        -{% highlight js %} -$('#navbar').affix() -{% endhighlight %} - -

                        Methods

                        -

                        .affix('refresh')

                        -

                        When using affix in conjunction with adding or removing of elements from the DOM, you'll want to call the refresh method:

                        -{% highlight js %} -$('[data-spy="affix"]').each(function () { - $(this).affix('refresh') -}); -{% endhighlight %} - -

                        Options

                        -

                        Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-offset-top="200".

                        - - - - - - - - - - - - - - - - - - -
                        Nametypedefaultdescription
                        offsetnumber | function | object10Pixels to offset from screen when calculating position of scroll. If a single number is provided, the offset will be applied in both top and left directions. To listen for a single direction, or multiple unique offsets, just provide an object offset: { x: 10 }. Use a function when you need to dynamically provide an offset (useful for some responsive designs).
                        -
                        - -
                        - - - Back to top - diff --git a/docs/index.html b/docs/index.html index 685039dea..f6603aa60 100644 --- a/docs/index.html +++ b/docs/index.html @@ -10,7 +10,6 @@ title: Bootstrap

                        Sleek, intuitive, and powerful mobile-first front-end framework for faster and easier web development.

                        Download Bootstrap - View docs

                        diff --git a/docs/javascript.html b/docs/javascript.html new file mode 100644 index 000000000..495782088 --- /dev/null +++ b/docs/javascript.html @@ -0,0 +1,1741 @@ +--- +layout: default +title: JavaScript plugins +slug: js +lead: "Bring Bootstrap's components to life with over a dozen custom jQuery plugins. Easily include them all, or one by one." +--- + + + +
                        +
                        +

                        Overview

                        +
                        + +

                        Individual or compiled

                        +

                        Plugins can be included individually, or all at once. Do not attempt to include both. Both bootstrap.js and bootstrap.min.js contain all plugins in a single file.

                        +
                        +

                        Plugin dependencies

                        +

                        Some plugins and CSS components depend on other plugins. If you include plugins individually, make sure to check for these dependencies in the docs (in notes like this one).

                        +
                        + +

                        Data attributes

                        +

                        You can use all Bootstrap plugins purely through the markup API without writing a single line of JavaScript. This is Bootstrap's first class API and should be your first consideration when using a plugin.

                        + +

                        That said, in some situations it may be desirable to turn this functionality off. Therefore, we also provide the ability to disable the data attribute API by unbinding all events on the body namespaced with `'data-api'`. This looks like this: +{% highlight js %} +$('body').off('.data-api') +{% endhighlight %} + +

                        Alternatively, to target a specific plugin, just include the plugin's name as a namespace along with the data-api namespace like this:

                        +{% highlight js %} +$('body').off('.alert.data-api') +{% endhighlight %} + +

                        Programmatic API

                        +

                        We also believe you should be able to use all Bootstrap plugins purely through the JavaScript API. All public APIs are single, chainable methods, and return the collection acted upon.

                        +{% highlight js %} +$(".btn.danger").button("toggle").addClass("fat") +{% endhighlight %} + +

                        All methods should accept an optional options object, a string which targets a particular method, or nothing (which initiates a plugin with default behavior):

                        +{% highlight js %} +$("#myModal").modal() // initialized with defaults +$("#myModal").modal({ keyboard: false }) // initialized with no keyboard +$("#myModal").modal('show') // initializes and invokes show immediately

                        +{% endhighlight %} + +

                        Each plugin also exposes its raw constructor on a `Constructor` property: $.fn.popover.Constructor. If you'd like to get a particular plugin instance, retrieve it directly from an element: $('[rel=popover]').data('popover').

                        + +

                        No conflict

                        +

                        Sometimes it is necessary to use Bootstrap plugins with other UI frameworks. In these circumstances, namespace collisions can occasionally occur. If this happens, you may call .noConflict on the plugin you wish to revert the value of.

                        +{% highlight js %} +var bootstrapButton = $.fn.button.noConflict() // return $.fn.button to previously assigned value +$.fn.bootstrapBtn = bootstrapButton // give $().bootstrapBtn the bootstrap functionality +{% endhighlight %} + +

                        Events

                        +

                        Bootstrap provides custom events for most plugin's unique actions. Generally, these come in an infinitive and past participle form - where the infinitive (ex. show) is triggered at the start of an event, and its past participle form (ex. shown) is trigger on the completion of an action.

                        +

                        All infinitive events provide preventDefault functionality. This provides the ability to stop the execution of an action before it starts.

                        +{% highlight js %} +$('#myModal').on('show', function (e) { + if (!data) return e.preventDefault() // stops modal from being shown +}) +{% endhighlight %} +
                        + + + + +
                        +
                        +

                        Transitions bootstrap-transition.js

                        +
                        +

                        About transitions

                        +

                        For simple transition effects, include bootstrap-transition.js once alongside the other JS files. If you're using the compiled (or minified) bootstrap.js, there is no need to include this—it's already there.

                        +

                        Use cases

                        +

                        A few examples of the transition plugin:

                        +
                          +
                        • Sliding or fading in modals
                          • +
                        • Fading out tabs
                          • +
                        • Fading out alerts
                          • +
                        • Sliding carousel panes
                          • +
                        + + +
                        + + + + +
                        +
                        +

                        Modals bootstrap-modal.js

                        +
                        + +

                        Examples

                        +

                        Modals are streamlined, but flexible, dialog prompts with the minimum required functionality and smart defaults.

                        + +

                        Static example

                        +

                        A rendered modal with header, body, and set of actions in the footer.

                        +
                        +
                        +
                        +
                        +
                        + +

                        Modal title

                        +
                        +
                        +

                        One fine body…

                        +
                        +
                        + Close + Save changes +
                        +
                        +
                        +
                        +
                        +{% highlight html %} +
                        +
                        +
                        +
                        + +

                        Modal title

                        +
                        +
                        +

                        One fine body…

                        +
                        +
                        + Close + Save changes +
                        +
                        +
                        +
                        +{% endhighlight %} + +

                        Live demo

                        +

                        Toggle a modal via JavaScript by clicking the button below. It will slide down and fade in from the top of the page.

                        + + + +
                        + Launch demo modal +
                        +{% highlight html %} + + Launch demo modal + + + +{% endhighlight %} + + + +

                        Usage

                        + +

                        Via data attributes

                        +

                        Activate a modal without writing JavaScript. Set data-toggle="modal" on a controller element, like a button, along with a data-target="#foo" or href="#foo" to target a specific modal to toggle.

                        +{% highlight html %} + +{% endhighlight %} + +

                        Via JavaScript

                        +

                        Call a modal with id myModal with a single line of JavaScript:

                        + {% highlight js %}$('#myModal').modal(options){% endhighlight %} + +

                        Options

                        +

                        Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-backdrop="".

                        + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
                        Nametypedefaultdescription
                        backdropbooleantrueIncludes a modal-backdrop element. Alternatively, specify static for a backdrop which doesn't close the modal on click.
                        keyboardbooleantrueCloses the modal when escape key is pressed
                        showbooleantrueShows the modal when initialized.
                        remotepathfalse

                        If a remote url is provided, content will be loaded via jQuery's load method and injected into the .modal-body. If you're using the data api, you may alternatively use the href tag to specify the remote source. An example of this is shown below:

                        +{% highlight html %} +Click me +{% endhighlight %} +
                        + +

                        Methods

                        + +

                        .modal(options)

                        +

                        Activates your content as a modal. Accepts an optional options object.

                        +{% highlight js %} +$('#myModal').modal({ + keyboard: false +}) +{% endhighlight %} + +

                        .modal('toggle')

                        +

                        Manually toggles a modal.

                        + {% highlight js %}$('#myModal').modal('toggle'){% endhighlight %} + +

                        .modal('show')

                        +

                        Manually opens a modal.

                        + {% highlight js %}$('#myModal').modal('show'){% endhighlight %} + +

                        .modal('hide')

                        +

                        Manually hides a modal.

                        + {% highlight js %}$('#myModal').modal('hide'){% endhighlight %} + +

                        Events

                        +

                        Bootstrap's modal class exposes a few events for hooking into modal functionality.

                        + + + + + + + + + + + + + + + + + + + + + + + + + +
                        EventDescription
                        showThis event fires immediately when the show instance method is called.
                        shownThis event is fired when the modal has been made visible to the user (will wait for css transitions to complete).
                        hideThis event is fired immediately when the hide instance method has been called.
                        hiddenThis event is fired when the modal has finished being hidden from the user (will wait for css transitions to complete).
                        +{% highlight js %} +$('#myModal').on('hidden', function () { + // do something… +}) +{% endhighlight %} +
                        + + + + + + + + + +
                        +
                        +

                        ScrollSpy bootstrap-scrollspy.js

                        +
                        + + +

                        Example in navbar

                        +

                        The ScrollSpy plugin is for automatically updating nav targets based on scroll position. Scroll the area below the navbar and watch the active class change. The dropdown sub items will be highlighted as well.

                        +
                        + +
                        +

                        @fat

                        +

                        Ad leggings keytar, brunch id art party dolor labore. Pitchfork yr enim lo-fi before they sold out qui. Tumblr farm-to-table bicycle rights whatever. Anim keffiyeh carles cardigan. Velit seitan mcsweeney's photo booth 3 wolf moon irure. Cosby sweater lomo jean shorts, williamsburg hoodie minim qui you probably haven't heard of them et cardigan trust fund culpa biodiesel wes anderson aesthetic. Nihil tattooed accusamus, cred irony biodiesel keffiyeh artisan ullamco consequat.

                        +

                        @mdo

                        +

                        Veniam marfa mustache skateboard, adipisicing fugiat velit pitchfork beard. Freegan beard aliqua cupidatat mcsweeney's vero. Cupidatat four loko nisi, ea helvetica nulla carles. Tattooed cosby sweater food truck, mcsweeney's quis non freegan vinyl. Lo-fi wes anderson +1 sartorial. Carles non aesthetic exercitation quis gentrify. Brooklyn adipisicing craft beer vice keytar deserunt.

                        +

                        one

                        +

                        Occaecat commodo aliqua delectus. Fap craft beer deserunt skateboard ea. Lomo bicycle rights adipisicing banh mi, velit ea sunt next level locavore single-origin coffee in magna veniam. High life id vinyl, echo park consequat quis aliquip banh mi pitchfork. Vero VHS est adipisicing. Consectetur nisi DIY minim messenger bag. Cred ex in, sustainable delectus consectetur fanny pack iphone.

                        +

                        two

                        +

                        In incididunt echo park, officia deserunt mcsweeney's proident master cleanse thundercats sapiente veniam. Excepteur VHS elit, proident shoreditch +1 biodiesel laborum craft beer. Single-origin coffee wayfarers irure four loko, cupidatat terry richardson master cleanse. Assumenda you probably haven't heard of them art party fanny pack, tattooed nulla cardigan tempor ad. Proident wolf nesciunt sartorial keffiyeh eu banh mi sustainable. Elit wolf voluptate, lo-fi ea portland before they sold out four loko. Locavore enim nostrud mlkshk brooklyn nesciunt.

                        +

                        three

                        +

                        Ad leggings keytar, brunch id art party dolor labore. Pitchfork yr enim lo-fi before they sold out qui. Tumblr farm-to-table bicycle rights whatever. Anim keffiyeh carles cardigan. Velit seitan mcsweeney's photo booth 3 wolf moon irure. Cosby sweater lomo jean shorts, williamsburg hoodie minim qui you probably haven't heard of them et cardigan trust fund culpa biodiesel wes anderson aesthetic. Nihil tattooed accusamus, cred irony biodiesel keffiyeh artisan ullamco consequat.

                        +

                        Keytar twee blog, culpa messenger bag marfa whatever delectus food truck. Sapiente synth id assumenda. Locavore sed helvetica cliche irony, thundercats you probably haven't heard of them consequat hoodie gluten-free lo-fi fap aliquip. Labore elit placeat before they sold out, terry richardson proident brunch nesciunt quis cosby sweater pariatur keffiyeh ut helvetica artisan. Cardigan craft beer seitan readymade velit. VHS chambray laboris tempor veniam. Anim mollit minim commodo ullamco thundercats. +

                        +
                        +
                        + + +

                        Usage

                        + +

                        Via data attributes

                        +

                        To easily add scrollspy behavior to your topbar navigation, add data-spy="scroll" to the element you want to spy on (most typically this would be the <body>. Then add the data-target attribute with the ID or class of the parent element of any Bootstrap .nav component.

                        +{% highlight html %} + + ... + +{% endhighlight %} + +

                        Via JavaScript

                        +

                        Call the scrollspy via JavaScript:

                        +{% highlight js %} +$('#navbar-example').scrollspy() +{% endhighlight %} + +
                        +

                        Resolvable ID targets required

                        +

                        Navbar links must have resolvable id targets. For example, a <a href="#home">home</a> must correspond to something in the DOM like <div id="home"></div>.

                        +
                        + +

                        Methods

                        +

                        .scrollspy('refresh')

                        +

                        When using scrollspy in conjunction with adding or removing of elements from the DOM, you'll need to call the refresh method like so:

                        +{% highlight js %} +$('[data-spy="scroll"]').each(function () { + var $spy = $(this).scrollspy('refresh') +}); +{% endhighlight %} + + +

                        Options

                        +

                        Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-offset="".

                        + + + + + + + + + + + + + + + + + +
                        Nametypedefaultdescription
                        offsetnumber10Pixels to offset from top when calculating position of scroll.
                        + +

                        Events

                        + + + + + + + + + + + + + +
                        EventDescription
                        activateThis event fires whenever a new item becomes activated by the scrollspy.
                        +
                        + + + + +
                        +
                        +

                        Togglable tabs bootstrap-tab.js

                        +
                        + + +

                        Example tabs

                        +

                        Add quick, dynamic tab functionality to transition through panes of local content, even via dropdown menus.

                        +
                        + +
                        +
                        +

                        Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.

                        +
                        +
                        +

                        Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.

                        +
                        + + +
                        +
                        + + +
                        + + +

                        Usage

                        +

                        Enable tabbable tabs via JavaScript (each tab needs to be activated individually):

                        +{% highlight js %} +$('#myTab a').click(function (e) { + e.preventDefault(); + $(this).tab('show'); +}) +{% endhighlight %} + +

                        You can activate individual tabs in several ways:

                        +{% highlight js %} +$('#myTab a[href="#profile"]').tab('show'); // Select tab by name +$('#myTab a:first').tab('show'); // Select first tab +$('#myTab a:last').tab('show'); // Select last tab +$('#myTab li:eq(2) a').tab('show'); // Select third tab (0-indexed) +{% endhighlight %} + +

                        Markup

                        +

                        You can activate a tab or pill navigation without writing any JavaScript by simply specifying data-toggle="tab" or data-toggle="pill" on an element. Adding the nav and nav-tabs classes to the tab ul will apply the Bootstrap tab styling.

                        +{% highlight html %} + +{% endhighlight %} + +

                        To make tabs fade in, add .fade to each .tab-pane.

                        + +

                        Methods

                        +

                        $().tab

                        +

                        + Activates a tab element and content container. Tab should have either a data-target or an href targeting a container node in the DOM. +

                        +{% highlight html %} + + +
                        +
                        ...
                        +
                        ...
                        +
                        ...
                        +
                        ...
                        +
                        + + +{% endhighlight %} + +

                        Events

                        + + + + + + + + + + + + + + + + + +
                        EventDescription
                        showThis event fires on tab show, but before the new tab has been shown. Use event.target and event.relatedTarget to target the active tab and the previous active tab (if available) respectively.
                        shownThis event fires on tab show after a tab has been shown. Use event.target and event.relatedTarget to target the active tab and the previous active tab (if available) respectively.
                        +{% highlight js %} +$('a[data-toggle="tab"]').on('shown', function (e) { + e.target // activated tab + e.relatedTarget // previous tab +}) +{% endhighlight %} +
                        + + + +
                        +
                        +

                        Tooltips bootstrap-tooltip.js

                        +
                        + + +

                        Examples

                        +

                        Inspired by the excellent jQuery.tipsy plugin written by Jason Frame; Tooltips are an updated version, which don't rely on images, use CSS3 for animations, and data-attributes for local title storage.

                        +

                        Hover over the links below to see tooltips:

                        +
                        +

                        Tight pants next level keffiyeh you probably haven't heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown. Farm-to-table seitan, mcsweeney's fixie sustainable quinoa 8-bit american apparel have a terry richardson vinyl chambray. Beard stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa, four loko mcsweeney's cleanse vegan chambray. A really ironic artisan whatever keytar, scenester farm-to-table banksy Austin twitter handle freegan cred raw denim single-origin coffee viral. +

                        +
                        + +

                        Four directions

                        +
                        + +
                        + + +

                        Tooltips in input groups

                        +

                        When using tooltips and popovers with the Bootstrap input groups, you'll have to set the container (documented below) option to avoid unwanted side effects.

                        + +
                        + + +

                        Usage

                        +

                        Trigger the tooltip via JavaScript:

                        +{% highlight js %} +$('#example').tooltip(options) +{% endhighlight %} + +

                        Options

                        +

                        Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-animation="".

                        + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
                        Nametypedefaultdescription
                        animationbooleantrueapply a css fade transition to the tooltip
                        htmlbooleanfalseInsert html into the tooltip. If false, jquery's text method will be used to insert content into the dom. Use text if you're worried about XSS attacks.
                        placementstring | function'top'how to position the tooltip - top | bottom | left | right
                        selectorstringfalseIf a selector is provided, tooltip objects will be delegated to the specified targets.
                        titlestring | function''default title value if `title` tag isn't present
                        triggerstring'hover focus'how tooltip is triggered - click | hover | focus | manual. Note you case pass trigger multiple, space seperated, trigger types.
                        delaynumber | object0 +

                        delay showing and hiding the tooltip (ms) - does not apply to manual trigger type

                        +

                        If a number is supplied, delay is applied to both hide/show

                        +

                        Object structure is: delay: { show: 500, hide: 100 }

                        +
                        containerstring | falsefalse +

                        Appends the tooltip to a specific element container: 'body'

                        +
                        +
                        +

                        Data attributes for individual tooltips

                        +

                        Options for individual tooltips can alternatively be specified through the use of data attributes, as explained above.

                        +
                        + +

                        Markup

                        +{% highlight html %} +Hover over me +{% endhighlight %} + +

                        Methods

                        + +

                        $().tooltip(options)

                        +

                        Attaches a tooltip handler to an element collection.

                        + +

                        .tooltip('show')

                        +

                        Reveals an element's tooltip.

                        + {% highlight js %}$('#element').tooltip('show'){% endhighlight %} + +

                        .tooltip('hide')

                        +

                        Hides an element's tooltip.

                        + {% highlight js %}$('#element').tooltip('hide'){% endhighlight %} + +

                        .tooltip('toggle')

                        +

                        Toggles an element's tooltip.

                        + {% highlight js %}$('#element').tooltip('toggle'){% endhighlight %} + +

                        .tooltip('destroy')

                        +

                        Hides and destroys an element's tooltip.

                        + {% highlight js %}$('#element').tooltip('destroy'){% endhighlight %} +
                        + + + + +
                        +
                        +

                        Popovers bootstrap-popover.js

                        +
                        + +

                        Examples

                        +

                        Add small overlays of content, like those on the iPad, to any element for housing secondary information. Hover over the button to trigger the popover.

                        + +
                        +

                        Plugin dependency

                        +

                        Popovers require the tooltip plugin to be included in your version of Bootstrap.

                        +
                        + +

                        Static popover

                        +

                        Four options are available: top, right, bottom, and left aligned.

                        +
                        +
                        +
                        +

                        Popover top

                        +
                        +

                        Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

                        +
                        +
                        + +
                        +
                        +

                        Popover right

                        +
                        +

                        Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

                        +
                        +
                        + +
                        +
                        +

                        Popover bottom

                        +
                        +

                        Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

                        +
                        +
                        + +
                        +
                        +

                        Popover left

                        +
                        +

                        Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

                        +
                        +
                        + +
                        +
                        + +

                        Live demo

                        +
                        + Click to toggle popover +
                        + +

                        Four directions

                        +
                        + +
                        + + +
                        + + +

                        Usage

                        +

                        Enable popovers via JavaScript:

                        + {% highlight js %}$('#example').popover(options){% endhighlight %} + +

                        Options

                        +

                        Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-animation="".

                        + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
                        Nametypedefaultdescription
                        animationbooleantrueapply a css fade transition to the tooltip
                        htmlbooleanfalseInsert html into the popover. If false, jquery's text method will be used to insert content into the dom. Use text if you're worried about XSS attacks.
                        placementstring | function'right'how to position the popover - top | bottom | left | right
                        selectorstringfalseif a selector is provided, tooltip objects will be delegated to the specified targets if a selector is provided, tooltip objects will be delegated to the specified targets. in practice, this is used to enable dynamic HTML content to have popovers added. See this and an informative example.
                        triggerstring'click'how popover is triggered - click | hover | focus | manual
                        titlestring | function''default title value if `title` attribute isn't present
                        contentstring | function''default content value if `data-content` attribute isn't present
                        delaynumber | object0 +

                        delay showing and hiding the popover (ms) - does not apply to manual trigger type

                        +

                        If a number is supplied, delay is applied to both hide/show

                        +

                        Object structure is: delay: { show: 500, hide: 100 }

                        +
                        containerstring | falsefalse +

                        Appends the popover to a specific element container: 'body'

                        +
                        +
                        +

                        Data attributes for individual popovers

                        +

                        Options for individual popovers can alternatively be specified through the use of data attributes, as explained above.

                        +
                        + +

                        Markup

                        +

                        For performance reasons, the Tooltip and Popover data-apis are opt in. If you would like to use them just specify a selector option.

                        + +

                        Methods

                        +

                        $().popover(options)

                        +

                        Initializes popovers for an element collection.

                        + +

                        .popover('show')

                        +

                        Reveals an elements popover.

                        + {% highlight js %}$('#element').popover('show'){% endhighlight %} + +

                        .popover('hide')

                        +

                        Hides an elements popover.

                        + {% highlight js %}$('#element').popover('hide'){% endhighlight %} + +

                        .popover('toggle')

                        +

                        Toggles an elements popover.

                        + {% highlight js %}$('#element').popover('toggle'){% endhighlight %} + +

                        .popover('destroy')

                        +

                        Hides and destroys an element's popover.

                        + {% highlight js %}$('#element').popover('destroy'){% endhighlight %} +
                        + + + + +
                        +
                        +

                        Alert messages bootstrap-alert.js

                        +
                        + + +

                        Example alerts

                        +

                        Add dismiss functionality to all alert messages with this plugin.

                        +
                        +
                        + + Holy guacamole! Best check yo self, you're not looking too good. +
                        +
                        + +
                        +
                        + +

                        Oh snap! You got an error!

                        +

                        Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.

                        +

                        + Take this action Or do this +

                        +
                        +
                        + + +
                        + + +

                        Usage

                        +

                        Enable dismissal of an alert via JavaScript:

                        + {% highlight js %}$(".alert").alert(){% endhighlight %} + +

                        Markup

                        +

                        Just add data-dismiss="alert" to your close button to automatically give an alert close functionality.

                        + {% highlight html %}×{% endhighlight %} + +

                        Methods

                        + +

                        $().alert()

                        +

                        Wraps all alerts with close functionality. To have your alerts animate out when closed, make sure they have the .fade and .in class already applied to them.

                        + +

                        .alert('close')

                        +

                        Closes an alert.

                        + {% highlight js %}$(".alert").alert('close'){% endhighlight %} + + +

                        Events

                        +

                        Bootstrap's alert class exposes a few events for hooking into alert functionality.

                        + + + + + + + + + + + + + + + + + +
                        EventDescription
                        closeThis event fires immediately when the close instance method is called.
                        closedThis event is fired when the alert has been closed (will wait for css transitions to complete).
                        +{% highlight js %} +$('#my-alert').bind('closed', function () { + // do something… +}) +{% endhighlight %} +
                        + + + + +
                        +
                        +

                        Buttons bootstrap-button.js

                        +
                        + +

                        Example uses

                        +

                        Do more with buttons. Control button states or create groups of buttons for more components like toolbars.

                        + +

                        Stateful

                        +

                        Add data-loading-text="Loading..." to use a loading state on a button.

                        +
                        + +
                        +{% highlight html %} + +{% endhighlight %} + +

                        Single toggle

                        +

                        Add data-toggle="button" to activate toggling on a single button.

                        +
                        + +
                        +{% highlight html %} + +{% endhighlight %} + +

                        Checkbox

                        +

                        Add data-toggle="buttons-checkbox" for checkbox style toggling on btn-group.

                        +
                        +
                        + + + +
                        +
                        +{% highlight html %} +
                        + + + +
                        +{% endhighlight %} + +

                        Radio

                        +

                        Add data-toggle="buttons-radio" for radio style toggling on btn-group.

                        +
                        +
                        + + + +
                        +
                        +{% highlight html %} +
                        + + + +
                        +{% endhighlight %} + + +
                        + + +

                        Usage

                        +

                        Enable buttons via JavaScript:

                        +{% highlight js %} +$('.nav-tabs').button() +{% endhighlight %} + +

                        Markup

                        +

                        Data attributes are integral to the button plugin. Check out the example code below for the various markup types.

                        + +

                        Options

                        +

                        None

                        + +

                        Methods

                        + +

                        $().button('toggle')

                        +

                        Toggles push state. Gives the button the appearance that it has been activated.

                        +
                        +

                        Auto toggling

                        +

                        You can enable auto toggling of a button by using the data-toggle attribute.

                        +
                        +{% highlight html %} + +{% endhighlight %} + +

                        $().button('loading')

                        +

                        Sets button state to loading - disables button and swaps text to loading text. Loading text should be defined on the button element using the data attribute data-loading-text. +

                        +{% highlight html %} + +{% endhighlight %} + +
                        +

                        Cross-browser compatibility

                        +

                        Firefox persists the disabled state across page loads. A workaround for this is to use autocomplete="off".

                        +
                        + +

                        $().button('reset')

                        +

                        Resets button state - swaps text to original text.

                        + +

                        $().button(string)

                        +

                        Resets button state - swaps text to any data defined text state.

                        +{% highlight html %} + + +{% endhighlight %} +
                        + + + + +
                        +
                        +

                        Collapse bootstrap-collapse.js

                        +
                        + +

                        About

                        +

                        Get base styles and flexible support for collapsible components like accordions and navigation.

                        + +
                        +

                        Plugin dependency

                        +

                        Collapse requires the transitions plugin to be included in your version of Bootstrap.

                        +
                        + +

                        Example accordion

                        +

                        Using the collapse plugin, we built a simple accordion style widget:

                        + +
                        +
                        +
                        +
                        + + Collapsible Group Item #1 + +
                        +
                        +
                        + Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. +
                        +
                        +
                        +
                        +
                        + + Collapsible Group Item #2 + +
                        +
                        +
                        + Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. +
                        +
                        +
                        +
                        +
                        + + Collapsible Group Item #3 + +
                        +
                        +
                        + Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. +
                        +
                        +
                        +
                        +
                        +{% highlight html %} +
                        +
                        +
                        + + Collapsible Group Item #1 + +
                        +
                        +
                        + ... +
                        +
                        +
                        +
                        +
                        + + Collapsible Group Item #2 + +
                        +
                        +
                        + ... +
                        +
                        +
                        +
                        +
                        + + Collapsible Group Item #3 + +
                        +
                        +
                        + ... +
                        +
                        +
                        +
                        +{% endhighlight %} + +

                        You can also use the plugin without the accordion markup. Make a button toggle the expanding and collapsing of another element.

                        +{% highlight html %} + + +
                        ...
                        +{% endhighlight %} + + +
                        + + +

                        Usage

                        + +

                        Via data attributes

                        +

                        Just add data-toggle="collapse" and a data-target to element to automatically assign control of a collapsible element. The data-target attribute accepts a css selector to apply the collapse to. Be sure to add the class collapse to the collapsible element. If you'd like it to default open, add the additional class in.

                        +

                        To add accordion-like group management to a collapsible control, add the data attribute data-parent="#selector". Refer to the demo to see this in action.

                        + +

                        Via JavaScript

                        +

                        Enable manually with:

                        +{% highlight js %} +$(".collapse").collapse() +{% endhighlight %} + +

                        Options

                        +

                        Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-parent="".

                        + + + + + + + + + + + + + + + + + + + + + + + +
                        Nametypedefaultdescription
                        parentselectorfalseIf selector then all collapsible elements under the specified parent will be closed when this collapsible item is shown. (similar to traditional accordion behavior)
                        togglebooleantrueToggles the collapsible element on invocation
                        + + +

                        Methods

                        + +

                        .collapse(options)

                        +

                        Activates your content as a collapsible element. Accepts an optional options object. +{% highlight js %} +$('#myCollapsible').collapse({ + toggle: false +}) +{% endhighlight %} + +

                        .collapse('toggle')

                        +

                        Toggles a collapsible element to shown or hidden.

                        + +

                        .collapse('show')

                        +

                        Shows a collapsible element.

                        + +

                        .collapse('hide')

                        +

                        Hides a collapsible element.

                        + +

                        Events

                        +

                        Bootstrap's collapse class exposes a few events for hooking into collapse functionality.

                        + + + + + + + + + + + + + + + + + + + + + + + + + +
                        EventDescription
                        showThis event fires immediately when the show instance method is called.
                        shownThis event is fired when a collapse element has been made visible to the user (will wait for css transitions to complete).
                        hide + This event is fired immediately when the hide method has been called. +
                        hiddenThis event is fired when a collapse element has been hidden from the user (will wait for css transitions to complete).
                        +{% highlight js %} +$('#myCollapsible').on('hidden', function () { + // do something… +}) +{% endhighlight %} +
                        + + + + + + + + + +
                        +
                        +

                        Affix bootstrap-affix.js

                        +
                        + +

                        Example

                        +

                        The subnavigation on the left is a live demo of the affix plugin.

                        + +
                        + +

                        Usage

                        + +

                        Via data attributes

                        +

                        To easily add affix behavior to any element, just add data-spy="affix" to the element you want to spy on. Then use offsets to define when to toggle the pinning of an element on and off.

                        + +{% highlight html %} +
                        ...
                        +{% endhighlight %} + +
                        +

                        Requires positioning

                        +

                        You must manage the position of a pinned element and the behavior of its immediate parent. Position is controlled by affix, affix-top, and affix-bottom. Remember to check for a potentially collapsed parent when the affix kicks in as it's removing content from the normal flow of the page.

                        +
                        + +

                        Via JavaScript

                        +

                        Call the affix plugin via JavaScript:

                        +{% highlight js %} +$('#navbar').affix() +{% endhighlight %} + +

                        Methods

                        +

                        .affix('refresh')

                        +

                        When using affix in conjunction with adding or removing of elements from the DOM, you'll want to call the refresh method:

                        +{% highlight js %} +$('[data-spy="affix"]').each(function () { + $(this).affix('refresh') +}); +{% endhighlight %} + +

                        Options

                        +

                        Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-offset-top="200".

                        + + + + + + + + + + + + + + + + + + +
                        Nametypedefaultdescription
                        offsetnumber | function | object10Pixels to offset from screen when calculating position of scroll. If a single number is provided, the offset will be applied in both top and left directions. To listen for a single direction, or multiple unique offsets, just provide an object offset: { x: 10 }. Use a function when you need to dynamically provide an offset (useful for some responsive designs).
                        +
                        diff --git a/docs/welcome.html b/docs/welcome.html new file mode 100644 index 000000000..8ebd3042a --- /dev/null +++ b/docs/welcome.html @@ -0,0 +1,282 @@ +--- +layout: default +title: Welcome +slug: welcome +lead: "Welcome to the Bootstrap documentation, the living, interactive style and code guide for all things Bootstrap. If you're new here, continue reading to learn how to get started. Otherwise, carry on you beautiful person you." +--- + + + +
                        +
                        +

                        Getting started

                        +
                        +

                        There are a few easy ways to quickly get started with Bootstrap, each one appealing to a different skill level and use case. Read through to see what suits your particular needs.

                        + +

                        Download compiled CSS and JS

                        +

                        The fastest way to get started is to get the compiled and minified versions of our CSS, JavaScript, and fonts. No documentation or original source files are included.

                        +

                        Download Bootstrap

                        + +
                        + +

                        More download options

                        +
                        +

                        + Download latest source code +

                        +

                        Get the original files for all CSS and JavaScript by downloading the latest version directly from GitHub.

                        +

                        + Clone or fork via GitHub +

                        +

                        Clone the entire project or fork your own version of Bootstrap to make it your own by visiting us on GitHub.

                        +

                        + Install with Bower +

                        +

                        Install and manage the original files for all CSS and JavaScript, along with a local copy of the docs, using Bower.

                        + {% highlight bash %}$ bower install bootstrap{% endhighlight %} +
                        + +
                        + +

                        Use the Bootstrap CDN

                        +

                        The folks over at NetDNA have graciously provided CDN support for Bootstrap's CSS and JavaScript. To use, swap your local instances for the Bootstrap CDN links listed below.

                        +{% highlight html linenos %} + + + + + +{% endhighlight %} +
                        + + +
                        +
                        +

                        What's included

                        +
                        +

                        Within the download you'll find the following directories and files, logically grouping common assets and providing both compiled and minified variations.

                        +

                        Once downloaded, unzip the compressed folder to see the structure of (the compiled) Bootstrap. You'll see something like this:

                        + +{% highlight bash %} + bootstrap/ + ├── css/ + │ ├── bootstrap.css + │ ├── bootstrap.min.css + ├── js/ + │ ├── bootstrap.js + │ ├── bootstrap.min.js + └── fonts/ + ├── glyphiconshalflings-regular.eot + ├── glyphiconshalflings-regular.otf + ├── glyphiconshalflings-regular.svg + ├── glyphiconshalflings-regular.ttf + └── glyphiconshalflings-regular.woff +{% endhighlight %} + +

                        This is the most basic form of Bootstrap: compiled files for quick drop-in usage in nearly any web project. We provide compiled CSS and JS (bootstrap.*), as well as compiled and minified CSS and JS (bootstrap.min.*). The image files are compressed using ImageOptim, a Mac app for compressing PNGs.

                        +
                        +

                        jQuery required

                        +

                        Please note that all JavaScript plugins require jQuery to be included, as shown in the starter template.

                        +
                        +
                        + + +
                        +
                        +

                        Templates and examples

                        +
                        +

                        Make use of a super basic HTML template, or dive into a few examples we've started for you. We encourage folks to iterate on these examples and not simply use them as an end result.

                        + +

                        HTML template

                        +

                        Copy and paste the HTML from below to get started with a bare bones Bootstrap document.

                        +{% highlight html %} + + + + Bootstrap 101 Template + + + + + +

                        Hello, world!

                        + + + + + + + + + + +{% endhighlight %} + +

                        Examples

                        +
                        +
                        + + + +

                        Starter template

                        +

                        A barebones HTML page with Bootstrap's CSS and JavaScript included.

                        +
                        +
                        + + + +

                        Basic grid layouts

                        +

                        Simple grid layouts to familiarize you with using the Bootstrap grid system.

                        +
                        +
                        + + + +

                        Basic marketing site

                        +

                        Features a jumbotron for primary message and three supporting elements.

                        +
                        +
                        + + + +

                        Narrow marketing

                        +

                        Slim, lightweight marketing template for small projects or teams.

                        +
                        +
                        + + + +

                        Justified nav

                        +

                        Marketing page with equal-width navigation links in a modified navbar.

                        +
                        +
                        + + + +

                        Sign in

                        +

                        Barebones sign in form with custom, larger form controls and a flexible layout.

                        +
                        +
                        + + + +

                        Sticky footer

                        +

                        Pin a fixed-height footer to the bottom of the user's viewport.

                        +
                        +
                        + + + +

                        Sticky footer w/ navbar

                        +

                        Add a fixed navbar to the default sticky footer template.

                        +
                        +
                        + + + +

                        Carousel jumbotron

                        +

                        An interactive riff on the basic marketing site featuring a prominent carousel.

                        +
                        + +
                        + + + +

                        Navbar

                        +

                        Basic template for showcasing how the navbar works.

                        +
                        +
                        + + + +

                        Static top navbar

                        +

                        Basic template for showcasing the static navbar variation.

                        +
                        +
                        + + + +

                        Fixed top navbar

                        +

                        Basic template for showcasing the fixed navbar variation.

                        +
                        +
                        +
                        + + + + +
                        +
                        +

                        Customizing Bootstrap

                        +
                        +

                        Customizing Bootstrap is best accomplished when you treat it as another dependency in your development stack. Doing so ensures future upgrades are as easy as possible while also familiarizing yourself to the intricacies of the framework.

                        + +

                        Once you've downloaded and included Bootstrap's CSS into your templates, you can move on to customizing the included components. To do so, create a new stylesheet (LESS, if you like, or just plain CSS) to house your customizations.

                        + +
                        +

                        Compiled or minified?

                        +

                        Unless you plan on reading a good chunk of the compiled CSS, go with the minified. It's the same code, just compacted. Less bandwidth is good, especially in production environments.

                        +
                        + +

                        From there, include whatever Bootstrap components and HTML content you need to get your template setup. It's best to have a rough idea in mind of modifications to make and content to include, so be sure to spend a brief amount of time on that before moving on.

                        + +

                        Customizing components

                        +

                        There are varying degrees to customizing components, but most fall into two camps: light customizations and complete visual overhauls. Luckily, there are plenty of examples of both.

                        +

                        We define light customizations as mostly surface layer changes, things like a color and font changes to existing Bootstrap components. A great example of this is the the Twitter Translation Center (coded by @mdo). Let's look at how to implement the custom button we wrote for this site, .btn-ttc.

                        +

                        Instead of using the provided Bootstrap buttons, which only require just one class to start, .btn, we'll add our own modifier class, .btn-ttc. This will give us a slightly custom look with minimal effort.

                        +{% highlight html %} + +{% endhighlight %} + +

                        In the custom stylesheet, add the following CSS:

                        + +{% highlight css %} +/* Custom button +-------------------------------------------------- */ + +/* Override base .btn styles */ +/* Apply text and background changes to three key states: default, hover, and active (click). */ +.btn-ttc, +.btn-ttc:hover, +.btn-ttc:active { + color: white; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #007da7; +} + +/* Apply the custom-colored gradients */ +/* Note: you'll need to include all the appropriate gradients for various browsers and standards. */ +.btn-ttc { + background-repeat: repeat-x; + background-image: linear-gradient(top, #009ED2 0%, #007DA7 100%); + ... +} + +/* Set the hover state */ +/* An easy hover state is just to move the gradient up a small amount. Add other embellishments as you see fit. */ +.btn-ttc:hover { + background-position: 0 -15px; +} +{% endhighlight %} + +

                        Customizing Bootstrap components takes time, but should be straightforward. Look to the source code often and duplicate the selectors you need for your modifications. Placing them after the Bootstrap source makes for easy overriding without complication. To recap, here's the basic workflow:

                        +
                          +
                        • For each element you want to customize, find its code in the compiled Bootstrap CSS. Copy and paste the selector for a component as-is. For instance, to customize the navbar background, just snag .navbar.
                          • +
                        • Add all your custom CSS in a separate stylesheet using the selectors you just copied from the Bootstrap source. No need for prefacing with additional classes or using !important here.
                          • +
                        • Rinse and repeat until you're happy with your customizations.
                          • +
                        +

                        Going beyond light customizations and into visual overhauls is just as straightforward as the above custom button. For a site like Karma, which uses Bootstrap as a CSS reset with heavy modifications, more extensive work is involved, but well worth it in the end.

                        + +
                        +

                        Alternate customization methods

                        +

                        While not recommended for folks new to Bootstrap, you may use one of two alternate methods for customization. The first is modifying the source .less files (making upgrades super difficult), and the second is mapping source LESS code to your own classes via mixins. For the time being, neither options are documented here.

                        +
                        + +

                        Removing potential bloat

                        +

                        Not all sites and applications need to make use of everything Bootstrap has to offer, especially in production environments where bandwidth literally becomes a financial issue. We encourage folks to remove whatever is unused with our Customizer.

                        +

                        Using the Customizer, simply uncheck any component, feature, or asset you don't need. Hit download and swap out the default Bootstrap files with these newly customized ones. You'll get vanilla Bootstrap, but without the features *you* deem unnecessary. All custom builds include compiled and minified versions, so use whichever works for you.

                        + +
                        diff --git a/less/navs.less b/less/navs.less index 8daeb6fd9..649eef92b 100644 --- a/less/navs.less +++ b/less/navs.less @@ -56,7 +56,7 @@ } // Dividers (basically an hr) within the dropdown - .divider { + .nav-divider { .nav-divider(); } } -- cgit v1.2.3 From 07aed1abc364cc5f493136eba34890b3670554d3 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 8 May 2013 22:07:28 -0700 Subject: move social buttons to separate include --- docs/_includes/colophon.html | 18 +----------------- docs/_includes/social-buttons.html | 16 ++++++++++++++++ docs/index.html | 17 +---------------- 3 files changed, 18 insertions(+), 33 deletions(-) create mode 100644 docs/_includes/social-buttons.html diff --git a/docs/_includes/colophon.html b/docs/_includes/colophon.html index 5018113b4..de2c0f019 100644 --- a/docs/_includes/colophon.html +++ b/docs/_includes/colophon.html @@ -3,23 +3,7 @@
                        -
                        - -
                        - + {% include social-buttons.html %}

                        Designed and built with all the love in the world by @mdo and @fat.

                        Code licensed under Apache License v2.0, documentation under CC BY 3.0.

                        diff --git a/docs/_includes/social-buttons.html b/docs/_includes/social-buttons.html new file mode 100644 index 000000000..68d5fc40e --- /dev/null +++ b/docs/_includes/social-buttons.html @@ -0,0 +1,16 @@ +
                        + +
                        diff --git a/docs/index.html b/docs/index.html index f6603aa60..516f62064 100644 --- a/docs/index.html +++ b/docs/index.html @@ -12,22 +12,7 @@ title: Bootstrap Download Bootstrap

                        -
                        - -
                        + {% include social-buttons.html %}
                        • -- cgit v1.2.3 From feeaaa6febea765433351d1313d39ad74e452ad4 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 8 May 2013 22:13:56 -0700 Subject: refactor homepage jumbotron masthead doodad --- docs/assets/css/docs.css | 102 +++++++++++++++++++++-------------------------- docs/index.html | 6 +-- 2 files changed, 49 insertions(+), 59 deletions(-) diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 328ede78d..55cc07d45 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -29,10 +29,13 @@ hr { margin-bottom: 30px; } + + .bs-docs-dl-options h4 { margin-top: 15px; margin-bottom: 5px; } + /* .bs-docs-container, .bs-home-container { @@ -40,6 +43,7 @@ hr { padding-right: 15px; } */ + /* Side notes for calling out things */ .bs-docs-sidenote { margin: 20px 0; @@ -59,50 +63,23 @@ hr { } -/* Sections --------------------------------------------------- */ - -/* Padding for in-page bookmarks */ -/*section,*/ -.bs-docs-section { - padding-top: 30px; -} - -/* Few stylistic typography tweaks */ -/*section > .page-header, -section > .lead { - color: #5a5a5a; -} -section > ul li { - margin-bottom: 5px; -}*/ - - -/* Jumbotrons +/* Homepage masthead -------------------------------------------------- */ -.bs-docs-header { - margin-bottom: 20px; - padding-top: 30px; - color: #b94a48; - border-bottom: 5px solid #b94a48; -} - -/* Base class */ -.bs-docs-jumbotron { +.bs-masthead { position: relative; margin-bottom: 20px; padding: 30px 15px; text-align: center; } -.bs-docs-jumbotron h1 { +.bs-masthead h1 { font-size: 50px; line-height: 1; } /* Download button */ -.bs-docs-jumbotron .btn { +.bs-masthead .btn { margin-top: 5px; margin-bottom: 5px; padding: 18px 24px; @@ -111,42 +88,42 @@ section > ul li { background-color: #fff; border-color: #e5e5e5; } -.bs-docs-jumbotron .btn:hover, -.bs-docs-jumbotron .btn:active { +.bs-masthead .btn:hover, +.bs-masthead .btn:active { color: #fff; /* redeclare to override the `.jumbotron a` */ background-color: #b94a48; border-color: #b94a48; } -/* Textual links in masthead */ -.masthead-links { +/* Textual links */ +.bs-masthead-links { margin: 20px 0; list-style: none; } -.masthead-links li { +.bs-masthead-links li { display: inline; color: #999; } -.masthead-links li + li { +.bs-masthead-links li + li { margin-left: 20px; } -/* Special grid styles +/* Docs pages and sections -------------------------------------------------- */ -.show-grid { - margin-bottom: 15px; -} -.show-grid .col { - padding-top: 10px; - padding-bottom: 10px; - background-color: #eee; - border: 1px solid #ddd; +/* Page headers */ +.bs-docs-header { + margin-bottom: 20px; + padding-top: 30px; + color: #b94a48; + border-bottom: 5px solid #b94a48; } -.show-grid .col:hover { - background-color: #ddd; + +/* Padding for in-page bookmarks */ +.bs-docs-section { + padding-top: 30px; } @@ -240,6 +217,24 @@ section > ul li { +/* Special grid styles +-------------------------------------------------- */ + +.show-grid { + margin-bottom: 15px; +} +.show-grid .col { + padding-top: 10px; + padding-bottom: 10px; + background-color: #eee; + border: 1px solid #ddd; +} +.show-grid .col:hover { + background-color: #ddd; +} + + + /* Bootstrap code examples -------------------------------------------------- */ @@ -716,23 +711,18 @@ input.focused { } /* Tweak display of docs jumbotrons */ - .masthead { + .bs-masthead { padding-top: 100px; padding-bottom: 100px; } - .masthead h1 { + .bs-masthead h1 { font-size: 100px; } - .masthead p { + .bs-masthead p { margin-left: 15%; margin-right: 15%; font-size: 30px; } - .subhead { - padding-top: 60px; - padding-bottom: 60px; - text-align: left; - } .bs-navbar-top-example .navbar-fixed-top, .bs-navbar-bottom-example .navbar-fixed-bottom { diff --git a/docs/index.html b/docs/index.html index 516f62064..3e0cc0adc 100644 --- a/docs/index.html +++ b/docs/index.html @@ -3,8 +3,8 @@ layout: home title: Bootstrap --- -
                          -
                          +
                          +

                          Bootstrap

                          Sleek, intuitive, and powerful mobile-first front-end framework for faster and easier web development.

                          @@ -14,7 +14,7 @@ title: Bootstrap {% include social-buttons.html %} -
                            +
                            • Customize
                              • -- cgit v1.2.3 From 65289bb1eaa72a336472ed116183b69325fdbbc0 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 8 May 2013 22:17:26 -0700 Subject: make restored top navbar collapsable --- docs/_includes/nav-main.html | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/docs/_includes/nav-main.html b/docs/_includes/nav-main.html index b9d321a38..e8b1cbb7d 100644 --- a/docs/_includes/nav-main.html +++ b/docs/_includes/nav-main.html @@ -1,7 +1,12 @@
                              Bootstrap -
                              + +
                                Overview -- cgit v1.2.3 From 241d3423630f5a1ab4fcb379ec72248421a25874 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 8 May 2013 22:24:07 -0700 Subject: red navbar for docs --- docs/_includes/nav-main.html | 2 +- docs/assets/css/docs.css | 19 ++++++++++++++----- 2 files changed, 15 insertions(+), 6 deletions(-) diff --git a/docs/_includes/nav-main.html b/docs/_includes/nav-main.html index e8b1cbb7d..7233d6f7c 100644 --- a/docs/_includes/nav-main.html +++ b/docs/_includes/nav-main.html @@ -1,4 +1,4 @@ -
                                +
                                Bootstrap @@ -501,7 +501,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na

                                Multiple button groups

                                Combine sets of <div class="btn-group"> into a <div class="btn-toolbar"> for more complex components.

                                -
                                +
                                @@ -529,7 +529,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na

                                Nested button groups

                                Place buttons groups within button groups when you want dropdown menus mixed with a series of buttons.

                                -
                                +
                                @@ -551,7 +551,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na

                                Vertical button groups

                                Make a set of buttons appear vertically stacked rather than horizontally.

                                -
                                +
                                @@ -567,7 +567,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na

                                Justified button groups

                                Make a group of buttons stretch at the same size to span the entire width of its parent. This only works with <a> elements as the <button> doesn't pick up these styles.

                                -
                                +
                                Left Right @@ -599,7 +599,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na

                                Single button dropdowns

                                Turn a button into dropdown toggle with some basic markup changes.

                                -
                                +
                                @@ -671,7 +671,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na

                                Split button dropdowns

                                Similarly, create split button dropdowns with the same markup changes, only with a separate button.

                                -
                                +
                                @@ -749,7 +749,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na

                                Works with all button sizes

                                Button dropdowns work at any size: .btn-large, .btn-small, or .btn-mini.

                                -
                                +
                                @@ -876,7 +876,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na

                                Note the .nav-tabs class requires the .nav base class.

                                -
                                +
                                • Home
                                • Profile
                                  • @@ -893,7 +893,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na

                                  Take that same HTML, but use .nav-pills instead:

                                  -
                                  +
                                  • Home
                                  • Profile
                                    • @@ -908,7 +908,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na
                                  {% endhighlight %}

                                  Pills are also vertically stackable. Just add .nav-stacked.

                                  -
                                  +
                                  • Home
                                  • Profile
                                    • @@ -925,7 +925,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na

                                    Easily make tabs or pills equal widths of their parent with .nav-justified.

                                    -
                                    +
                                    • Home
                                    • Profile
                                      • @@ -955,7 +955,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na

                                      This class will only change the <a>'s appearance, not its functionality. Use custom JavaScript to disable links here.

                                    -
                                    +
                                    • Clickable link
                                    • Clickable link
                                      • @@ -982,7 +982,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na

                                      Add dropdown menus with a little extra HTML and the dropdowns JavaScript plugin.

                                      Tabs with dropdowns

                                      -
                                      +
                                      • Home
                                      • Help
                                        • @@ -1016,7 +1016,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na {% endhighlight %}

                                        Pills with dropdowns

                                        -
                                        +
                                        • Home
                                        • Help
                                          • @@ -1063,7 +1063,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na

                                          To start, navbars are static (not fixed to the top) and include support for a project name and basic navigation. Place one anywhere within a .container, which sets the width of your site and content.

                                          -
                                          +
                                          Title
                                            @@ -1088,7 +1088,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na

                                            A simple link to show your brand or project name only requires an anchor tag.

                                            -
                                            +
                                            Title
                                            @@ -1099,7 +1099,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na

                                            Nav items are simple to add via unordered lists.

                                            -
                                            +
                                            • Home
                                              • @@ -1118,7 +1118,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na

                                              To properly style and position a form within the navbar, add the appropriate classes as shown below. For a default form, include .navbar-form and either .pull-left or .pull-right to properly align it.

                                              -
                                              +
                                              @@ -1167,7 +1167,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na

                                              For buttons not residing in a <form>, add this class to vertically center buttons within a navbar.

                                              -
                                              +
                                              Brand @@ -1176,7 +1176,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na

                                              Text

                                              Wrap strings of text in an element with .navbar-text, usually on a <p> tag for proper leading and color.

                                              -
                                              +
                                              Brand

                                              Signed in as Mark Otto

                                              @@ -1191,7 +1191,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na

                                              For folks using standard links that are not within the regular navbar navigation component, use the .navbar-link class to add the proper colors for the default and inverse navbar options.

                                              -
                                              +
                                              Brand

                                              Signed in as Mark Otto

                                              @@ -1213,7 +1213,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na

                                              Add .navbar-fixed-top.

                                              -
                                              +
                                              Title @@ -1249,7 +1249,7 @@ body {

                                              Add .navbar-fixed-bottom instead.

                                              -
                                              +
                                              Title @@ -1285,7 +1285,7 @@ body {

                                              Create a full-width navbar that scrolls away with the page by adding .navbar-static-top. Unlike the .navbar-fixed-* classes, you do not need to change any padding on the body.

                                              -
                                              +
                                              Title @@ -1306,7 +1306,7 @@ body {

                                              To implement a collapsing responsive navbar, wrap your navbar content in a containing div, .nav-collapse.collapse, and add the navbar toggle button, .navbar-toggle.

                                              -
                                              +

                                              Indicate the current page's location within a navigational hierarchy.

                                              Separators are automatically added in CSS through `:after` and `content`.

                                              -
                                              +
                                              • Home
                                              @@ -1483,7 +1483,7 @@ body {

                                              Standard pagination

                                              Simple pagination inspired by Rdio, great for apps and search results. The large block is hard to miss, easily scalable, and provides large click areas.

                                              -
                                              +
                                              • «
                                              • 1
                                                • @@ -1508,7 +1508,7 @@ body {

                                                Disabled and active states

                                                Links are customizable for different circumstances. Use .disabled for unclickable links and .active to indicate the current page.

                                                -
                                                +
                                                • «
                                                • 1
                                                  • @@ -1538,7 +1538,7 @@ body {

                                                  Sizes

                                                  Fancy larger or smaller pagination? Add .pagination-large, .pagination-small, or .pagination-mini for additional sizes.

                                                  -
                                                  +
                                                  • «
                                                    • @@ -1597,7 +1597,7 @@ body {

                                                    Default example

                                                    By default, the pager centers links.

                                                    -
                                                    +
                                                    • Previous
                                                    • Next
                                                      • @@ -1612,7 +1612,7 @@ body {

                                                      Aligned links

                                                      Alternatively, you can align each link to the sides:

                                                      -
                                                      +
                                                        @@ -1628,7 +1628,7 @@ body {

                                                        Optional disabled state

                                                        Pager links also use the general .disabled utility class from the pagination.

                                                        -
                                                        +
                                                          @@ -1653,7 +1653,7 @@ body {

                                                          Example

                                                          -
                                                          +

                                                          Example heading New

                                                          Example heading New

                                                          Example heading New

                                                          @@ -1667,7 +1667,7 @@ body {

                                                          Available variations

                                                          Add any of the below mentioned modifier classes to change the appearance of a label.

                                                          -
                                                          +
                                                          Default Success Warning @@ -1694,7 +1694,7 @@ body {

                                                          Easily highlight new or unread items by adding a <span class="badge"> to links, Bootstrap navs, and more.

                                                          -
                                                          +
                                                          Inbox 42
                                                          {% highlight html %} @@ -1711,7 +1711,7 @@ body {

                                                          Adapts to active nav states

                                                          Built-in styles are included for placing badges in active states in pill and list navigations.

                                                          -
                                                          +
                                                          • Home 42
                                                          • Profile
                                                            • @@ -1758,7 +1758,7 @@ body {

                                                            Jumbotron

                                                            A lightweight, flexible component to showcase key content on your site. It works well on marketing and content-heavy sites.

                                                            -
                                                            +

                                                            Hello, world!

                                                            This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

                                                            @@ -1775,7 +1775,7 @@ body {

                                                            Page header

                                                            A simple shell for an h1 to appropriately space out and segment sections of content on a page. It can utilize the h1's default small element, as well as most other components (with additional styles).

                                                            -
                                                            +

                                                            Example page header Subtext for header

                                                            @@ -1799,7 +1799,7 @@ body {

                                                            Default thumbnails

                                                            By default, Bootstrap's thumbnails are designed to showcase linked images with minimal required markup.

                                                            -
                                                            +
                                                            @@ -1822,7 +1822,7 @@ body {
                                                            -
                                                            +
                                                            {% highlight html %}
                                                            @@ -1836,7 +1836,7 @@ body {

                                                            Custom content thumbnails

                                                            With a bit of extra markup, it's possible to add any kind of HTML content like headings, paragraphs, or buttons into thumbnails.

                                                            -
                                                            +
                                                            @@ -1869,7 +1869,7 @@ body {
                                                            -
                                                            +
                                                            {% highlight html %}
                                                            @@ -1899,7 +1899,7 @@ body {

                                                            Default alert

                                                            Wrap any text and an optional dismiss button in .alert for a basic warning alert message. To ensure proper behavior across all devices, be sure to use <button> element with the data-dismiss="alert" data attribute.

                                                            -
                                                            +
                                                            Warning! Best check yo self, you're not looking too good. @@ -1914,7 +1914,7 @@ body {

                                                            Block alerts

                                                            For longer messages, increase the padding on the top and bottom of the alert wrapper by adding .alert-block.

                                                            -
                                                            +

                                                            Warning!

                                                            @@ -1931,7 +1931,7 @@ body {

                                                            Contextual alternatives

                                                            Add optional classes to change an alert's connotation.

                                                            -
                                                            +
                                                            Oh snap! Change a few things up and try submitting again. @@ -1970,7 +1970,7 @@ body {

                                                            Basic

                                                            Default progress bar with a vertical gradient.

                                                            -
                                                            +
                                                            @@ -1983,7 +1983,7 @@ body {

                                                            Contextual alternatives

                                                            Progress bars use some of the same button and alert classes for consistent styles.

                                                            -
                                                            +
                                                            @@ -2014,7 +2014,7 @@ body {

                                                            Striped

                                                            Uses a gradient to create a striped effect. Not available in IE8.

                                                            -
                                                            +
                                                            @@ -2045,7 +2045,7 @@ body {

                                                            Animated

                                                            Add .active to .progress-striped to animate the stripes right to left. Not available in all versions of IE.

                                                            -
                                                            +
                                                            @@ -2058,7 +2058,7 @@ body {

                                                            Stacked

                                                            Place multiple bars into the same .progress to stack them.

                                                            -
                                                            +
                                                            @@ -2087,7 +2087,7 @@ body {

                                                            Default example

                                                            The default media allow to float a media object (images, video, audio) to the left or right of a content block.

                                                            -
                                                            +
                                                            @@ -2115,7 +2115,7 @@ body {
                                                            -
                                                            +
                                                            {% highlight html %}
                                                            @@ -2130,7 +2130,7 @@ body {

                                                            Media list

                                                            With a bit of extra markup, you can use media inside list (useful for comment threads or articles lists).

                                                            -
                                                            +
                                                            • @@ -2211,7 +2211,7 @@ body {

                                                              Basic list group

                                                              The most basic list group is simply an unordered list with list items, and the proper classes. Build upon it with the options that follow, or your own CSS as needed.

                                                              -
                                                              +
                                                              • Cras justo odio
                                                              • Dapibus ac facilisis in
                                                                • @@ -2232,7 +2232,7 @@ body {

                                                                With chevrons

                                                                Add Glyphicon chevrons that are automatically moved to the right.

                                                                -
                                                                +
                                                                - + -- cgit v1.2.3 From d731690352903218b8b88b924c9ee768f01139e9 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 9 May 2013 09:09:44 -0700 Subject: remove lingering typeahead reference in makefile --- Makefile | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Makefile b/Makefile index 84252f19f..432cda2fd 100644 --- a/Makefile +++ b/Makefile @@ -72,7 +72,7 @@ bootstrap-js: bootstrap/js/*.js bootstrap/js/*.js: js/*.js mkdir -p bootstrap/js - cat js/bootstrap-transition.js js/bootstrap-alert.js js/bootstrap-button.js js/bootstrap-carousel.js js/bootstrap-collapse.js js/bootstrap-dropdown.js js/bootstrap-modal.js js/bootstrap-tooltip.js js/bootstrap-popover.js js/bootstrap-scrollspy.js js/bootstrap-tab.js js/bootstrap-typeahead.js js/bootstrap-affix.js > bootstrap/js/bootstrap.js + cat js/bootstrap-transition.js js/bootstrap-alert.js js/bootstrap-button.js js/bootstrap-carousel.js js/bootstrap-collapse.js js/bootstrap-dropdown.js js/bootstrap-modal.js js/bootstrap-tooltip.js js/bootstrap-popover.js js/bootstrap-scrollspy.js js/bootstrap-tab.js js/bootstrap-affix.js > bootstrap/js/bootstrap.js uglifyjs -nc bootstrap/js/bootstrap.js > bootstrap/js/bootstrap.min.tmp.js echo "/*!\n* Bootstrap.js by @fat & @mdo\n* Copyright 2012 Twitter, Inc.\n* http://www.apache.org/licenses/LICENSE-2.0.txt\n*/" > bootstrap/js/copyright.js cat bootstrap/js/copyright.js bootstrap/js/bootstrap.min.tmp.js > bootstrap/js/bootstrap.min.js -- cgit v1.2.3 From 751eb0bdcc1e62f8822cefb5b99d6fbc64de2469 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 9 May 2013 09:22:49 -0700 Subject: Fixes #7823: add mention of container to CSS page; build out CSS overview subnav --- docs/_includes/nav-css.html | 12 +++++++++++- docs/css.html | 20 ++++++++++++++------ 2 files changed, 25 insertions(+), 7 deletions(-) diff --git a/docs/_includes/nav-css.html b/docs/_includes/nav-css.html index 6a94e293b..f1596f7ef 100644 --- a/docs/_includes/nav-css.html +++ b/docs/_includes/nav-css.html @@ -1,4 +1,14 @@ -
                                                              • Overview
                                                                • +
                                                              • + Overview + +
                                                              • Grid system
                                                                  diff --git a/docs/css.html b/docs/css.html index c9f945f4e..fb6de9c75 100644 --- a/docs/css.html +++ b/docs/css.html @@ -8,13 +8,13 @@ lead: "Fundamental HTML elements styled and enhanced with extensible classes." -
                                                                  +

                                                                  Overview

                                                                  Get the lowdown on the key pieces of Bootstrap's infrastructure, including our approach to better, faster, stronger web development.

                                                                  -

                                                                  HTML5 doctype required

                                                                  +

                                                                  HTML5 doctype required

                                                                  Bootstrap makes use of certain HTML elements and CSS properties that require the use of the HTML5 doctype. Include it at the beginning of all your projects.

                                                                  {% highlight html %} @@ -23,17 +23,17 @@ lead: "Fundamental HTML elements styled and enhanced with extensible classes." {% endhighlight %} -

                                                                  Mobile first

                                                                  +

                                                                  Mobile first

                                                                  With Bootstrap 2, we added optional mobile friendly styles for key aspects of the framework. With Bootstrap 3, we've rewritten the project to be mobile friendly from the start. Instead of adding on optional mobile styles, they're baked right into the core. In fact, Bootstrap is mobile first. Mobile first styles can be found throughout the entire library instead of in separate files.

                                                                  To ensure proper rendering and touch zooming, add the viewport meta tag to your <head>.

                                                                  {% highlight html %} {% endhighlight %} -

                                                                  Responsive images

                                                                  +

                                                                  Responsive images

                                                                  We automatically attempt to scale images to appropriate sizes with a global max-width: 100%; on all <img> elements. If you run into problems (e.g., with Google Maps), be sure to disable this property on a per-case basis.

                                                                  -

                                                                  Typography and links

                                                                  +

                                                                  Bootstrap sets basic global display, typography, and link styles. Specifically, we:

                                                                  • Remove margin on the body
                                                                    • @@ -43,8 +43,16 @@ lead: "Fundamental HTML elements styled and enhanced with extensible classes."

                                                                  These styles can be found within scaffolding.less.

                                                                  -

                                                                  Normalize reset

                                                                  +

                                                                  Normalize reset

                                                                  For improved cross-browser rendering, we use Normalize, a project by Nicolas Gallagher and Jonathan Neal.

                                                                  + +

                                                                  Centering with container

                                                                  +

                                                                  Easily center a page's contents by wrapping its contents in a container. Containers set `max-width` at various media query breakpoints to match our grid system.

                                                                  +{% highlight html %} +
                                                                  + ... +
                                                                  +{% endhighlight %}
                                                                  -- cgit v1.2.3 From 25b6df9944f59599642f1934fe7d13b0fa2c20db Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 9 May 2013 11:20:15 -0700 Subject: rename welcome to getting started --- docs/getting-started.html | 282 ++++++++++++++++++++++++++++++++++++++++++++++ docs/welcome.html | 282 ---------------------------------------------- 2 files changed, 282 insertions(+), 282 deletions(-) create mode 100644 docs/getting-started.html delete mode 100644 docs/welcome.html diff --git a/docs/getting-started.html b/docs/getting-started.html new file mode 100644 index 000000000..130ceb38b --- /dev/null +++ b/docs/getting-started.html @@ -0,0 +1,282 @@ +--- +layout: default +title: Welcome +slug: welcome +lead: "Welcome to the Bootstrap documentation, the living, interactive style and code guide for all things Bootstrap. If you're new here, continue reading to learn how to get started. Otherwise, carry on you beautiful person you." +--- + + + +
                                                                  +
                                                                  +

                                                                  Getting started

                                                                  +
                                                                  +

                                                                  There are a few easy ways to quickly get started with Bootstrap, each one appealing to a different skill level and use case. Read through to see what suits your particular needs.

                                                                  + +

                                                                  Download compiled CSS and JS

                                                                  +

                                                                  The fastest way to get started is to get the compiled and minified versions of our CSS, JavaScript, and fonts. No documentation or original source files are included.

                                                                  +

                                                                  Download Bootstrap

                                                                  + +
                                                                  + +

                                                                  More download options

                                                                  +
                                                                  +

                                                                  + Download latest source code +

                                                                  +

                                                                  Get the original files for all CSS and JavaScript by downloading the latest version directly from GitHub.

                                                                  +

                                                                  + Clone or fork via GitHub +

                                                                  +

                                                                  Clone the entire project or fork your own version of Bootstrap to make it your own by visiting us on GitHub.

                                                                  +

                                                                  + Install with Bower +

                                                                  +

                                                                  Install and manage the original files for all CSS and JavaScript, along with a local copy of the docs, using Bower.

                                                                  + {% highlight bash %}$ bower install bootstrap{% endhighlight %} +
                                                                  + +
                                                                  + +

                                                                  Use the Bootstrap CDN

                                                                  +

                                                                  The folks over at NetDNA have graciously provided CDN support for Bootstrap's CSS and JavaScript. To use, swap your local instances for the Bootstrap CDN links listed below.

                                                                  +{% highlight html linenos %} + + + + + +{% endhighlight %} +
                                                                  + + +
                                                                  +
                                                                  +

                                                                  What's included

                                                                  +
                                                                  +

                                                                  Within the download you'll find the following directories and files, logically grouping common assets and providing both compiled and minified variations.

                                                                  +

                                                                  Once downloaded, unzip the compressed folder to see the structure of (the compiled) Bootstrap. You'll see something like this:

                                                                  + +{% highlight bash %} + bootstrap/ + ├── css/ + │ ├── bootstrap.css + │ ├── bootstrap.min.css + ├── js/ + │ ├── bootstrap.js + │ ├── bootstrap.min.js + └── fonts/ + ├── glyphiconshalflings-regular.eot + ├── glyphiconshalflings-regular.otf + ├── glyphiconshalflings-regular.svg + ├── glyphiconshalflings-regular.ttf + └── glyphiconshalflings-regular.woff +{% endhighlight %} + +

                                                                  This is the most basic form of Bootstrap: compiled files for quick drop-in usage in nearly any web project. We provide compiled CSS and JS (bootstrap.*), as well as compiled and minified CSS and JS (bootstrap.min.*). The image files are compressed using ImageOptim, a Mac app for compressing PNGs.

                                                                  +
                                                                  +

                                                                  jQuery required

                                                                  +

                                                                  Please note that all JavaScript plugins require jQuery to be included, as shown in the starter template.

                                                                  +
                                                                  +
                                                                  + + +
                                                                  +
                                                                  +

                                                                  Templates and examples

                                                                  +
                                                                  +

                                                                  Make use of a super basic HTML template, or dive into a few examples we've started for you. We encourage folks to iterate on these examples and not simply use them as an end result.

                                                                  + +

                                                                  HTML template

                                                                  +

                                                                  Copy and paste the HTML from below to get started with a bare bones Bootstrap document.

                                                                  +{% highlight html %} + + + + Bootstrap 101 Template + + + + + +

                                                                  Hello, world!

                                                                  + + + + + + + + + + +{% endhighlight %} + +

                                                                  Examples

                                                                  +
                                                                  +
                                                                  + + + +

                                                                  Starter template

                                                                  +

                                                                  A barebones HTML page with Bootstrap's CSS and JavaScript included.

                                                                  +
                                                                  +
                                                                  + + + +

                                                                  Basic grid layouts

                                                                  +

                                                                  Simple grid layouts to familiarize you with using the Bootstrap grid system.

                                                                  +
                                                                  +
                                                                  + + + +

                                                                  Basic marketing site

                                                                  +

                                                                  Features a jumbotron for primary message and three supporting elements.

                                                                  +
                                                                  +
                                                                  + + + +

                                                                  Narrow marketing

                                                                  +

                                                                  Slim, lightweight marketing template for small projects or teams.

                                                                  +
                                                                  +
                                                                  + + + +

                                                                  Justified nav

                                                                  +

                                                                  Marketing page with equal-width navigation links in a modified navbar.

                                                                  +
                                                                  +
                                                                  + + + +

                                                                  Sign in

                                                                  +

                                                                  Barebones sign in form with custom, larger form controls and a flexible layout.

                                                                  +
                                                                  +
                                                                  + + + +

                                                                  Sticky footer

                                                                  +

                                                                  Pin a fixed-height footer to the bottom of the user's viewport.

                                                                  +
                                                                  +
                                                                  + + + +

                                                                  Sticky footer w/ navbar

                                                                  +

                                                                  Add a fixed navbar to the default sticky footer template.

                                                                  +
                                                                  +
                                                                  + + + +

                                                                  Carousel jumbotron

                                                                  +

                                                                  An interactive riff on the basic marketing site featuring a prominent carousel.

                                                                  +
                                                                  + +
                                                                  + + + +

                                                                  Navbar

                                                                  +

                                                                  Basic template for showcasing how the navbar works.

                                                                  +
                                                                  +
                                                                  + + + +

                                                                  Static top navbar

                                                                  +

                                                                  Basic template for showcasing the static navbar variation.

                                                                  +
                                                                  +
                                                                  + + + +

                                                                  Fixed top navbar

                                                                  +

                                                                  Basic template for showcasing the fixed navbar variation.

                                                                  +
                                                                  +
                                                                  +
                                                                  + + + + +
                                                                  +
                                                                  +

                                                                  Customizing Bootstrap

                                                                  +
                                                                  +

                                                                  Customizing Bootstrap is best accomplished when you treat it as another dependency in your development stack. Doing so ensures future upgrades are as easy as possible while also familiarizing yourself to the intricacies of the framework.

                                                                  + +

                                                                  Once you've downloaded and included Bootstrap's CSS into your templates, you can move on to customizing the included components. To do so, create a new stylesheet (LESS, if you like, or just plain CSS) to house your customizations.

                                                                  + +
                                                                  +

                                                                  Compiled or minified?

                                                                  +

                                                                  Unless you plan on reading a good chunk of the compiled CSS, go with the minified. It's the same code, just compacted. Less bandwidth is good, especially in production environments.

                                                                  +
                                                                  + +

                                                                  From there, include whatever Bootstrap components and HTML content you need to get your template setup. It's best to have a rough idea in mind of modifications to make and content to include, so be sure to spend a brief amount of time on that before moving on.

                                                                  + +

                                                                  Customizing components

                                                                  +

                                                                  There are varying degrees to customizing components, but most fall into two camps: light customizations and complete visual overhauls. Luckily, there are plenty of examples of both.

                                                                  +

                                                                  We define light customizations as mostly surface layer changes, things like a color and font changes to existing Bootstrap components. A great example of this is the the Twitter Translation Center (coded by @mdo). Let's look at how to implement the custom button we wrote for this site, .btn-ttc.

                                                                  +

                                                                  Instead of using the provided Bootstrap buttons, which only require just one class to start, .btn, we'll add our own modifier class, .btn-ttc. This will give us a slightly custom look with minimal effort.

                                                                  +{% highlight html %} + +{% endhighlight %} + +

                                                                  In the custom stylesheet, add the following CSS:

                                                                  + +{% highlight css %} +/* Custom button +-------------------------------------------------- */ + +/* Override base .btn styles */ +/* Apply text and background changes to three key states: default, hover, and active (click). */ +.btn-ttc, +.btn-ttc:hover, +.btn-ttc:active { + color: white; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #007da7; +} + +/* Apply the custom-colored gradients */ +/* Note: you'll need to include all the appropriate gradients for various browsers and standards. */ +.btn-ttc { + background-repeat: repeat-x; + background-image: linear-gradient(top, #009ED2 0%, #007DA7 100%); + ... +} + +/* Set the hover state */ +/* An easy hover state is just to move the gradient up a small amount. Add other embellishments as you see fit. */ +.btn-ttc:hover { + background-position: 0 -15px; +} +{% endhighlight %} + +

                                                                  Customizing Bootstrap components takes time, but should be straightforward. Look to the source code often and duplicate the selectors you need for your modifications. Placing them after the Bootstrap source makes for easy overriding without complication. To recap, here's the basic workflow:

                                                                  +
                                                                    +
                                                                  • For each element you want to customize, find its code in the compiled Bootstrap CSS. Copy and paste the selector for a component as-is. For instance, to customize the navbar background, just snag .navbar.
                                                                    • +
                                                                  • Add all your custom CSS in a separate stylesheet using the selectors you just copied from the Bootstrap source. No need for prefacing with additional classes or using !important here.
                                                                    • +
                                                                  • Rinse and repeat until you're happy with your customizations.
                                                                    • +
                                                                  +

                                                                  Going beyond light customizations and into visual overhauls is just as straightforward as the above custom button. For a site like Karma, which uses Bootstrap as a CSS reset with heavy modifications, more extensive work is involved, but well worth it in the end.

                                                                  + +
                                                                  +

                                                                  Alternate customization methods

                                                                  +

                                                                  While not recommended for folks new to Bootstrap, you may use one of two alternate methods for customization. The first is modifying the source .less files (making upgrades super difficult), and the second is mapping source LESS code to your own classes via mixins. For the time being, neither options are documented here.

                                                                  +
                                                                  + +

                                                                  Removing potential bloat

                                                                  +

                                                                  Not all sites and applications need to make use of everything Bootstrap has to offer, especially in production environments where bandwidth literally becomes a financial issue. We encourage folks to remove whatever is unused with our Customizer.

                                                                  +

                                                                  Using the Customizer, simply uncheck any component, feature, or asset you don't need. Hit download and swap out the default Bootstrap files with these newly customized ones. You'll get vanilla Bootstrap, but without the features *you* deem unnecessary. All custom builds include compiled and minified versions, so use whichever works for you.

                                                                  + +
                                                                  diff --git a/docs/welcome.html b/docs/welcome.html deleted file mode 100644 index 130ceb38b..000000000 --- a/docs/welcome.html +++ /dev/null @@ -1,282 +0,0 @@ ---- -layout: default -title: Welcome -slug: welcome -lead: "Welcome to the Bootstrap documentation, the living, interactive style and code guide for all things Bootstrap. If you're new here, continue reading to learn how to get started. Otherwise, carry on you beautiful person you." ---- - - - -
                                                                  -
                                                                  -

                                                                  Getting started

                                                                  -
                                                                  -

                                                                  There are a few easy ways to quickly get started with Bootstrap, each one appealing to a different skill level and use case. Read through to see what suits your particular needs.

                                                                  - -

                                                                  Download compiled CSS and JS

                                                                  -

                                                                  The fastest way to get started is to get the compiled and minified versions of our CSS, JavaScript, and fonts. No documentation or original source files are included.

                                                                  -

                                                                  Download Bootstrap

                                                                  - -
                                                                  - -

                                                                  More download options

                                                                  -
                                                                  -

                                                                  - Download latest source code -

                                                                  -

                                                                  Get the original files for all CSS and JavaScript by downloading the latest version directly from GitHub.

                                                                  -

                                                                  - Clone or fork via GitHub -

                                                                  -

                                                                  Clone the entire project or fork your own version of Bootstrap to make it your own by visiting us on GitHub.

                                                                  -

                                                                  - Install with Bower -

                                                                  -

                                                                  Install and manage the original files for all CSS and JavaScript, along with a local copy of the docs, using Bower.

                                                                  - {% highlight bash %}$ bower install bootstrap{% endhighlight %} -
                                                                  - -
                                                                  - -

                                                                  Use the Bootstrap CDN

                                                                  -

                                                                  The folks over at NetDNA have graciously provided CDN support for Bootstrap's CSS and JavaScript. To use, swap your local instances for the Bootstrap CDN links listed below.

                                                                  -{% highlight html linenos %} - - - - - -{% endhighlight %} -
                                                                  - - -
                                                                  -
                                                                  -

                                                                  What's included

                                                                  -
                                                                  -

                                                                  Within the download you'll find the following directories and files, logically grouping common assets and providing both compiled and minified variations.

                                                                  -

                                                                  Once downloaded, unzip the compressed folder to see the structure of (the compiled) Bootstrap. You'll see something like this:

                                                                  - -{% highlight bash %} - bootstrap/ - ├── css/ - │ ├── bootstrap.css - │ ├── bootstrap.min.css - ├── js/ - │ ├── bootstrap.js - │ ├── bootstrap.min.js - └── fonts/ - ├── glyphiconshalflings-regular.eot - ├── glyphiconshalflings-regular.otf - ├── glyphiconshalflings-regular.svg - ├── glyphiconshalflings-regular.ttf - └── glyphiconshalflings-regular.woff -{% endhighlight %} - -

                                                                  This is the most basic form of Bootstrap: compiled files for quick drop-in usage in nearly any web project. We provide compiled CSS and JS (bootstrap.*), as well as compiled and minified CSS and JS (bootstrap.min.*). The image files are compressed using ImageOptim, a Mac app for compressing PNGs.

                                                                  -
                                                                  -

                                                                  jQuery required

                                                                  -

                                                                  Please note that all JavaScript plugins require jQuery to be included, as shown in the starter template.

                                                                  -
                                                                  -
                                                                  - - -
                                                                  -
                                                                  -

                                                                  Templates and examples

                                                                  -
                                                                  -

                                                                  Make use of a super basic HTML template, or dive into a few examples we've started for you. We encourage folks to iterate on these examples and not simply use them as an end result.

                                                                  - -

                                                                  HTML template

                                                                  -

                                                                  Copy and paste the HTML from below to get started with a bare bones Bootstrap document.

                                                                  -{% highlight html %} - - - - Bootstrap 101 Template - - - - - -

                                                                  Hello, world!

                                                                  - - - - - - - - - - -{% endhighlight %} - -

                                                                  Examples

                                                                  -
                                                                  -
                                                                  - - - -

                                                                  Starter template

                                                                  -

                                                                  A barebones HTML page with Bootstrap's CSS and JavaScript included.

                                                                  -
                                                                  -
                                                                  - - - -

                                                                  Basic grid layouts

                                                                  -

                                                                  Simple grid layouts to familiarize you with using the Bootstrap grid system.

                                                                  -
                                                                  -
                                                                  - - - -

                                                                  Basic marketing site

                                                                  -

                                                                  Features a jumbotron for primary message and three supporting elements.

                                                                  -
                                                                  -
                                                                  - - - -

                                                                  Narrow marketing

                                                                  -

                                                                  Slim, lightweight marketing template for small projects or teams.

                                                                  -
                                                                  -
                                                                  - - - -

                                                                  Justified nav

                                                                  -

                                                                  Marketing page with equal-width navigation links in a modified navbar.

                                                                  -
                                                                  -
                                                                  - - - -

                                                                  Sign in

                                                                  -

                                                                  Barebones sign in form with custom, larger form controls and a flexible layout.

                                                                  -
                                                                  -
                                                                  - - - -

                                                                  Sticky footer

                                                                  -

                                                                  Pin a fixed-height footer to the bottom of the user's viewport.

                                                                  -
                                                                  -
                                                                  - - - -

                                                                  Sticky footer w/ navbar

                                                                  -

                                                                  Add a fixed navbar to the default sticky footer template.

                                                                  -
                                                                  -
                                                                  - - - -

                                                                  Carousel jumbotron

                                                                  -

                                                                  An interactive riff on the basic marketing site featuring a prominent carousel.

                                                                  -
                                                                  - -
                                                                  - - - -

                                                                  Navbar

                                                                  -

                                                                  Basic template for showcasing how the navbar works.

                                                                  -
                                                                  -
                                                                  - - - -

                                                                  Static top navbar

                                                                  -

                                                                  Basic template for showcasing the static navbar variation.

                                                                  -
                                                                  -
                                                                  - - - -

                                                                  Fixed top navbar

                                                                  -

                                                                  Basic template for showcasing the fixed navbar variation.

                                                                  -
                                                                  -
                                                                  -
                                                                  - - - - -
                                                                  -
                                                                  -

                                                                  Customizing Bootstrap

                                                                  -
                                                                  -

                                                                  Customizing Bootstrap is best accomplished when you treat it as another dependency in your development stack. Doing so ensures future upgrades are as easy as possible while also familiarizing yourself to the intricacies of the framework.

                                                                  - -

                                                                  Once you've downloaded and included Bootstrap's CSS into your templates, you can move on to customizing the included components. To do so, create a new stylesheet (LESS, if you like, or just plain CSS) to house your customizations.

                                                                  - -
                                                                  -

                                                                  Compiled or minified?

                                                                  -

                                                                  Unless you plan on reading a good chunk of the compiled CSS, go with the minified. It's the same code, just compacted. Less bandwidth is good, especially in production environments.

                                                                  -
                                                                  - -

                                                                  From there, include whatever Bootstrap components and HTML content you need to get your template setup. It's best to have a rough idea in mind of modifications to make and content to include, so be sure to spend a brief amount of time on that before moving on.

                                                                  - -

                                                                  Customizing components

                                                                  -

                                                                  There are varying degrees to customizing components, but most fall into two camps: light customizations and complete visual overhauls. Luckily, there are plenty of examples of both.

                                                                  -

                                                                  We define light customizations as mostly surface layer changes, things like a color and font changes to existing Bootstrap components. A great example of this is the the Twitter Translation Center (coded by @mdo). Let's look at how to implement the custom button we wrote for this site, .btn-ttc.

                                                                  -

                                                                  Instead of using the provided Bootstrap buttons, which only require just one class to start, .btn, we'll add our own modifier class, .btn-ttc. This will give us a slightly custom look with minimal effort.

                                                                  -{% highlight html %} - -{% endhighlight %} - -

                                                                  In the custom stylesheet, add the following CSS:

                                                                  - -{% highlight css %} -/* Custom button --------------------------------------------------- */ - -/* Override base .btn styles */ -/* Apply text and background changes to three key states: default, hover, and active (click). */ -.btn-ttc, -.btn-ttc:hover, -.btn-ttc:active { - color: white; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #007da7; -} - -/* Apply the custom-colored gradients */ -/* Note: you'll need to include all the appropriate gradients for various browsers and standards. */ -.btn-ttc { - background-repeat: repeat-x; - background-image: linear-gradient(top, #009ED2 0%, #007DA7 100%); - ... -} - -/* Set the hover state */ -/* An easy hover state is just to move the gradient up a small amount. Add other embellishments as you see fit. */ -.btn-ttc:hover { - background-position: 0 -15px; -} -{% endhighlight %} - -

                                                                  Customizing Bootstrap components takes time, but should be straightforward. Look to the source code often and duplicate the selectors you need for your modifications. Placing them after the Bootstrap source makes for easy overriding without complication. To recap, here's the basic workflow:

                                                                  -
                                                                    -
                                                                  • For each element you want to customize, find its code in the compiled Bootstrap CSS. Copy and paste the selector for a component as-is. For instance, to customize the navbar background, just snag .navbar.
                                                                    • -
                                                                  • Add all your custom CSS in a separate stylesheet using the selectors you just copied from the Bootstrap source. No need for prefacing with additional classes or using !important here.
                                                                    • -
                                                                  • Rinse and repeat until you're happy with your customizations.
                                                                    • -
                                                                  -

                                                                  Going beyond light customizations and into visual overhauls is just as straightforward as the above custom button. For a site like Karma, which uses Bootstrap as a CSS reset with heavy modifications, more extensive work is involved, but well worth it in the end.

                                                                  - -
                                                                  -

                                                                  Alternate customization methods

                                                                  -

                                                                  While not recommended for folks new to Bootstrap, you may use one of two alternate methods for customization. The first is modifying the source .less files (making upgrades super difficult), and the second is mapping source LESS code to your own classes via mixins. For the time being, neither options are documented here.

                                                                  -
                                                                  - -

                                                                  Removing potential bloat

                                                                  -

                                                                  Not all sites and applications need to make use of everything Bootstrap has to offer, especially in production environments where bandwidth literally becomes a financial issue. We encourage folks to remove whatever is unused with our Customizer.

                                                                  -

                                                                  Using the Customizer, simply uncheck any component, feature, or asset you don't need. Hit download and swap out the default Bootstrap files with these newly customized ones. You'll get vanilla Bootstrap, but without the features *you* deem unnecessary. All custom builds include compiled and minified versions, so use whichever works for you.

                                                                  - -
                                                                  -- cgit v1.2.3 From 7fa6ae578b17012df67ce0cd3cdcad117f89df0a Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 9 May 2013 11:40:39 -0700 Subject: Update getting started page --- docs/_includes/nav-getting-started.html | 4 ++++ docs/_includes/nav-main.html | 4 ++-- docs/_includes/nav-welcome.html | 4 ---- docs/_layouts/default.html | 4 ++-- docs/getting-started.html | 10 +++++----- 5 files changed, 13 insertions(+), 13 deletions(-) create mode 100644 docs/_includes/nav-getting-started.html delete mode 100644 docs/_includes/nav-welcome.html diff --git a/docs/_includes/nav-getting-started.html b/docs/_includes/nav-getting-started.html new file mode 100644 index 000000000..e7ebd8872 --- /dev/null +++ b/docs/_includes/nav-getting-started.html @@ -0,0 +1,4 @@ +
                                                                • Downloading Bootstrap
                                                                  • +
                                                                • What's included
                                                                  • +
                                                                • Templates and examples
                                                                  • +
                                                                • Customizing Bootstrap
                                                                  • \ No newline at end of file diff --git a/docs/_includes/nav-main.html b/docs/_includes/nav-main.html index 7233d6f7c..fceeb7a86 100644 --- a/docs/_includes/nav-main.html +++ b/docs/_includes/nav-main.html @@ -8,8 +8,8 @@
                                                                    - - Overview + + Getting started CSS diff --git a/docs/_includes/nav-welcome.html b/docs/_includes/nav-welcome.html deleted file mode 100644 index 6a4741f41..000000000 --- a/docs/_includes/nav-welcome.html +++ /dev/null @@ -1,4 +0,0 @@ -
                                                                  • Getting started
                                                                    • -
                                                                  • What's included
                                                                    • -
                                                                  • Templates and examples
                                                                    • -
                                                                  • Customizing Bootstrap
                                                                    • \ No newline at end of file diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html index 296904082..9ba678fa8 100644 --- a/docs/_layouts/default.html +++ b/docs/_layouts/default.html @@ -23,8 +23,8 @@
                                                                      - {% if page.slug == "welcome" %} - {% include nav-welcome.html %} + {% if page.slug == "getting-started" %} + {% include nav-getting-started.html %} {% elsif page.slug == "css" %} {% include nav-css.html %} {% elsif page.slug == "components" %} diff --git a/docs/getting-started.html b/docs/getting-started.html index 130ceb38b..a3f908c31 100644 --- a/docs/getting-started.html +++ b/docs/getting-started.html @@ -1,16 +1,16 @@ --- layout: default -title: Welcome -slug: welcome -lead: "Welcome to the Bootstrap documentation, the living, interactive style and code guide for all things Bootstrap. If you're new here, continue reading to learn how to get started. Otherwise, carry on you beautiful person you." +title: Getting started +slug: getting-started +lead: "An overview of Bootstrap, how to download and use, basic templates and examples, and more." --- -
                                                                      +
                                                                      -

                                                                      Getting started

                                                                      +

                                                                      Downloading Bootstrap

                                                                      There are a few easy ways to quickly get started with Bootstrap, each one appealing to a different skill level and use case. Read through to see what suits your particular needs.

                                                                      -- cgit v1.2.3 From cc5e6619b49d649632b9d76dfbdbf6329f978b7b Mon Sep 17 00:00:00 2001 From: Blake Embrey Date: Thu, 9 May 2013 13:09:33 -0700 Subject: Remove backface-visibility from progress bars. --- docs/assets/css/bootstrap.css | 3 --- less/progress-bars.less | 1 - 2 files changed, 4 deletions(-) diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 6910e7bd7..03a26d13d 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -4915,9 +4915,6 @@ a.list-group-item.active > .badge, -moz-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - backface-visibility: hidden; } .progress-striped .progress-bar { diff --git a/less/progress-bars.less b/less/progress-bars.less index e5e6b65a5..9df0251e3 100644 --- a/less/progress-bars.less +++ b/less/progress-bars.less @@ -63,7 +63,6 @@ background-color: @progress-bar-bg; .box-shadow(inset 0 -1px 0 rgba(0,0,0,.15)); .transition(width .6s ease); - .backface-visibility(hidden); } // Striped bars -- cgit v1.2.3 From 88a4712540d0efcaca0684dcb8fb236bd98fe2a9 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 9 May 2013 13:12:40 -0700 Subject: fix broken buttons on css docs --- docs/css.html | 42 +++++++++++++++++++++--------------------- 1 file changed, 21 insertions(+), 21 deletions(-) diff --git a/docs/css.html b/docs/css.html index fb6de9c75..2473576e2 100644 --- a/docs/css.html +++ b/docs/css.html @@ -1020,7 +1020,7 @@ For example, <section> should be wrapped as inline. Check me out
                                                                      - + {% highlight html %} @@ -1035,7 +1035,7 @@ For example, <section> should be wrapped as inline. Check me out
                                                                      - + {% endhighlight %} @@ -1058,7 +1058,7 @@ For example, <section> should be wrapped as inline. Remember me
                                                                    - + {% highlight html %}
                                                                    @@ -1069,7 +1069,7 @@ For example, <section> should be wrapped as inline. Remember me
                                                                    - + {% endhighlight %} @@ -1101,7 +1101,7 @@ For example, <section> should be wrapped as inline.
                                                                  - +
                                                                  @@ -1126,7 +1126,7 @@ For example, <section> should be wrapped as inline.
                                                                  - +
                                                                  @@ -1303,7 +1303,7 @@ For example, <section> should be wrapped as inline.

                                                                  Link functionality of <a> not impacted

                                                                  -

                                                                  This class will only change the appearance of <a class="btn"> buttons, not their functionality. Use custom JavaScript to disable links here.

                                                                  +

                                                                  This class will only change the appearance of <a class="btn btn-default"> buttons, not their functionality. Use custom JavaScript to disable links here.

                                                                  @@ -1487,7 +1487,7 @@ For example, <section> should be wrapped as inline.
                                                                  - +
                                                                  @@ -1495,14 +1495,14 @@ For example, <section> should be wrapped as inline.
                                                                  - +
                                                                  {% highlight html %}
                                                                  - +
                                                                  @@ -1510,7 +1510,7 @@ For example, <section> should be wrapped as inline.
                                                                  - +
                                                                  {% endhighlight %} @@ -1520,7 +1520,7 @@ For example, <section> should be wrapped as inline.
                                                                  - +
                                                                  • Action
                                                                  • Another action
                                                                    • @@ -1535,7 +1535,7 @@ For example, <section> should be wrapped as inline.
                                                                    - +
                                                                    • Action
                                                                    • Another action
                                                                      • @@ -1549,7 +1549,7 @@ For example, <section> should be wrapped as inline. {% highlight html %}
                                                                      - +
                                                                      • Action
                                                                      • Another action
                                                                        • @@ -1564,7 +1564,7 @@ For example, <section> should be wrapped as inline.
                                                                        - +
                                                                        • Action
                                                                        • Another action
                                                                          • @@ -1580,8 +1580,8 @@ For example, <section> should be wrapped as inline.
                                                                          - - +
                                                                            @@ -1600,8 +1600,8 @@ For example, <section> should be wrapped as inline.
                                                                            - - +
                                                                              @@ -1682,13 +1682,13 @@ For example, <section> should be wrapped as inline.
                                                                              - +
                                                                              {% highlight html %}
                                                                              - +
                                                                              {% endhighlight %} -- cgit v1.2.3 From d5e6bbba27a4193f02ca488f84057cfb2eeafb36 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 9 May 2013 13:28:05 -0700 Subject: fix some broke buttons on the js page --- docs/javascript.html | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/docs/javascript.html b/docs/javascript.html index a07ec37d2..e02fb32d7 100644 --- a/docs/javascript.html +++ b/docs/javascript.html @@ -113,8 +113,8 @@ $('#myModal').on('show', function (e) {

                                                                              One fine body…

                                                                            - Close - Save changes + +
                                                                          @@ -132,8 +132,8 @@ $('#myModal').on('show', function (e) {

                                                                          One fine body…

                                                                          - Close - Save changes + +
                                                                        @@ -156,7 +156,7 @@ $('#myModal').on('show', function (e) {

                                                                        Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

                                                                        Popover in a modal

                                                                        -

                                                                        This button should trigger a popover on click.

                                                                        +

                                                                        This button should trigger a popover on click.

                                                                        Tooltips in a modal

                                                                        This link and that link should have tooltips on hover.

                                                                        @@ -175,8 +175,8 @@ $('#myModal').on('show', function (e) {

                                                                        Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.

                                                                      - - + +
                                                                      -- cgit v1.2.3 From 4a03d456514a5c352a4ac5ee1eed1f7154b67f6a Mon Sep 17 00:00:00 2001 From: Blake Embrey Date: Thu, 9 May 2013 13:48:02 -0700 Subject: Make icons antialiased on Webkit browsers. --- docs/assets/css/bootstrap.css | 1 + less/glyphicons.less | 1 + 2 files changed, 2 insertions(+) diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 03a26d13d..5eef85435 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -2177,6 +2177,7 @@ input[type="button"].btn-block { .glyphicon:before { font-family: 'Glyphicons Halflings'; + -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; line-height: 1; diff --git a/less/glyphicons.less b/less/glyphicons.less index e8a96c05f..0d935ea19 100644 --- a/less/glyphicons.less +++ b/less/glyphicons.less @@ -34,6 +34,7 @@ font-style: normal; font-weight: normal; line-height: 1; + -webkit-font-smoothing: antialiased; } // Individual icons -- cgit v1.2.3 From 7a7971d6db31587d3b283178ddf9dc26a7d19cf8 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 9 May 2013 14:08:06 -0700 Subject: subnav for icons section --- docs/_includes/nav-components.html | 9 ++++++++- docs/components.html | 6 +++--- 2 files changed, 11 insertions(+), 4 deletions(-) diff --git a/docs/_includes/nav-components.html b/docs/_includes/nav-components.html index 08be1ad8f..8c7728bc8 100644 --- a/docs/_includes/nav-components.html +++ b/docs/_includes/nav-components.html @@ -1,4 +1,11 @@ -
                                                                    • Glyphicons
                                                                      • +
                                                                    • + Glyphicons + +
                                                                    • Dropdowns
                                                                        diff --git a/docs/components.html b/docs/components.html index 33ebeeacf..e2916c7cd 100644 --- a/docs/components.html +++ b/docs/components.html @@ -13,7 +13,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na

                                                                        Icons font by Glyphicons

                                                                    -

                                                                    Included glyphs

                                                                    +

                                                                    Included glyphs

                                                                    Bootstrap comes with all 160 of Glyphicons Halflings set, all available in font formats for easy coloring, sizing, and placement.

                                                                      @@ -189,7 +189,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na

                                                                      Glyphicons Halflings are normally not available for free, but an arrangement between Bootstrap and the Glyphicons creator have made this possible at no cost to you as developers. As a thank you, we ask you to include an optional link back to Glyphicons whenever practical.

                                                                      -

                                                                      How to use

                                                                      +

                                                                      How to use

                                                                      Add the appropriate class to any inline element. All icon classes are prefixed with glyphicon- for easy styling. To use, place the following code just about anywhere:

                                                                      {% highlight html %} @@ -198,7 +198,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na

                                                                      When using beside strings of text, as in buttons or nav links, be sure to leave a space after the icon for proper spacing.

                                                                      -

                                                                      Icon examples

                                                                      +

                                                                      Icon examples

                                                                      Use them in buttons, button groups for a toolbar, navigation, or prepended form inputs.

                                                                      Buttons

                                                                      -- cgit v1.2.3 From 9716b73f67de690d008cbfc8f1375ee85cd2539d Mon Sep 17 00:00:00 2001 From: Blake Embrey Date: Thu, 9 May 2013 14:48:27 -0700 Subject: Make the border-radius on input-groups to be overrides instead of resets on every size. --- docs/assets/css/bootstrap.css | 95 ++++++++----------------------------------- less/forms.less | 65 ++++++++--------------------- 2 files changed, 32 insertions(+), 128 deletions(-) diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 03a26d13d..0f6a12655 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1637,20 +1637,11 @@ select:focus:invalid:focus { .input-group-btn, .input-group input { display: table-cell; - /*margin: 0;*/ - - border-radius: 0; -} - -.input-group-addon.input-small, -.input-group-btn.input-small, -.input-group input.input-small { - border-radius: 0; } -.input-group-addon.input-large, -.input-group-btn.input-large, -.input-group input.input-large { +.input-group-addon:not(:first-child):not(:last-child), +.input-group-btn:not(:first-child):not(:last-child), +.input-group input:not(:first-child):not(:last-child) { border-radius: 0; } @@ -1669,6 +1660,7 @@ select:focus:invalid:focus { text-shadow: 0 1px 0 #fff; background-color: #eeeeee; border: 1px solid #ccc; + border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; @@ -1677,29 +1669,21 @@ select:focus:invalid:focus { .input-group-addon.input-small { padding: 2px 10px; font-size: 11.9px; + border-radius: 3px; } .input-group-addon.input-large { padding: 11px 14px; font-size: 17.5px; + border-radius: 6px; } .input-group input:first-child, -.input-group-addon:first-child { - border-bottom-left-radius: 4px; - border-top-left-radius: 4px; -} - -.input-group input:first-child.input-small, -.input-group-addon:first-child.input-small { - border-bottom-left-radius: 3px; - border-top-left-radius: 3px; -} - -.input-group input:first-child.input-large, -.input-group-addon:first-child.input-large { - border-bottom-left-radius: 6px; - border-top-left-radius: 6px; +.input-group-addon:first-child, +.input-group-btn:first-child > .btn:first-child, +.input-group-btn:first-child > .dropdown-toggle:first-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } .input-group-addon:first-child { @@ -1707,21 +1691,11 @@ select:focus:invalid:focus { } .input-group input:last-child, -.input-group-addon:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.input-group input:last-child.input-small, -.input-group-addon:last-child.input-small { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -.input-group input:last-child.input-large, -.input-group-addon:last-child.input-large { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; +.input-group-addon:last-child, +.input-group-btn:last-child > .btn:last-child, +.input-group-btn:last-child > .dropdown-toggle { + border-bottom-left-radius: 0; + border-top-left-radius: 0; } .input-group-addon:last-child { @@ -1736,7 +1710,6 @@ select:focus:invalid:focus { .input-group-btn > .btn { position: relative; float: left; - border-radius: 0; } .input-group-btn > .btn + .btn { @@ -1748,42 +1721,6 @@ select:focus:invalid:focus { z-index: 2; } -.input-group-btn:first-child > .btn:first-child, -.input-group-btn:first-child > .dropdown-toggle:first-child { - border-bottom-left-radius: 4px; - border-top-left-radius: 4px; -} - -.input-group-btn:first-child > .btn:first-child.btn-large, -.input-group-btn:first-child > .dropdown-toggle:first-child.btn-large { - border-bottom-left-radius: 6px; - border-top-left-radius: 6px; -} - -.input-group-btn:first-child > .btn:first-child.btn-small, -.input-group-btn:first-child > .dropdown-toggle:first-child.btn-small { - border-bottom-left-radius: 3px; - border-top-left-radius: 3px; -} - -.input-group-btn:last-child > .btn:last-child, -.input-group-btn:last-child > .dropdown-toggle { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.input-group-btn:last-child > .btn:last-child.btn-large, -.input-group-btn:last-child > .dropdown-toggle.btn-large { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} - -.input-group-btn:last-child > .btn:last-child.btn-small, -.input-group-btn:last-child > .dropdown-toggle.btn-small { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - .form-inline input, .form-inline select, .form-inline textarea, diff --git a/less/forms.less b/less/forms.less index 6162cd4f1..5db5f5cc3 100644 --- a/less/forms.less +++ b/less/forms.less @@ -407,12 +407,8 @@ select:focus:invalid { .input-group-btn, .input-group input { display: table-cell; - /*margin: 0;*/ - border-radius: 0; - &.input-small { - border-radius: 0; - } - &.input-large { + + &:not(:first-child):not(:last-child) { border-radius: 0; } } @@ -435,40 +431,35 @@ select:focus:invalid { text-shadow: 0 1px 0 #fff; background-color: @gray-lighter; border: 1px solid #ccc; + border-radius: @border-radius-base; &.input-small { padding: @padding-small; font-size: @font-size-small; + border-radius: @border-radius-small; } - &.input-large { - padding: @padding-large; - font-size: @font-size-large; + &.input-large { + padding: @padding-large; + font-size: @font-size-large; + border-radius: @border-radius-large; } } // Reset rounded corners .input-group input:first-child, -.input-group-addon:first-child { - .border-left-radius(@border-radius-base); - &.input-small { - .border-left-radius(@border-radius-small); - } - &.input-large { - .border-left-radius(@border-radius-large); - } +.input-group-addon:first-child, +.input-group-btn:first-child > .btn:first-child, +.input-group-btn:first-child > .dropdown-toggle:first-child { + .border-right-radius(0); } .input-group-addon:first-child { border-right: 0; } .input-group input:last-child, -.input-group-addon:last-child { - .border-right-radius(@border-radius-base); - &.input-small { - .border-right-radius(@border-radius-small); - } - &.input-large { - .border-right-radius(@border-radius-large); - } +.input-group-addon:last-child, +.input-group-btn:last-child > .btn:last-child, +.input-group-btn:last-child > .dropdown-toggle { + .border-left-radius(0); } .input-group-addon:last-child { border-left: 0; @@ -483,7 +474,6 @@ select:focus:invalid { .input-group-btn > .btn { position: relative; float: left; // Collapse white-space - border-radius: 0; + .btn { margin-left: -1px; } @@ -494,29 +484,6 @@ select:focus:invalid { } } -// Prepended buttons -.input-group-btn:first-child { - // Round the left corners only - > .btn:first-child, - > .dropdown-toggle:first-child { - .border-left-radius(@border-radius-base); - &.btn-large { .border-left-radius(@border-radius-large); } - &.btn-small { .border-left-radius(@border-radius-small); } - } -} - -// Appended buttons -.input-group-btn:last-child { - // Round the right corners only - > .btn:last-child, - > .dropdown-toggle { - .border-right-radius(@border-radius-base); - &.btn-large { .border-right-radius(@border-radius-large); } - &.btn-small { .border-right-radius(@border-radius-small); } - } -} - - // Inline forms // -------------------------------------------------- -- cgit v1.2.3 From 293a3baca36fb8788fb75d331439f143f6762fc1 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 9 May 2013 15:05:06 -0700 Subject: More forms overhaul * Refactor the .forms-horizontal code--much simpler now and built on the Bootstrap grid system instead * Remove all the margins on form controls for simpler styling everywhere else--was overriding that way too often * Drop .help-inline, but keep .help-block * Drop the unused input grid class overrides --- docs/assets/css/bootstrap.css | 84 ++++++-------------------------- docs/css.html | 56 +++++++-------------- less/forms.less | 110 ++++++++++-------------------------------- 3 files changed, 58 insertions(+), 192 deletions(-) diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 03a26d13d..236256f64 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1252,7 +1252,6 @@ input[type="color"] { display: block; min-height: 34px; padding: 6px 9px; - margin-bottom: 10px; font-size: 14px; line-height: 20px; color: #555555; @@ -1374,6 +1373,7 @@ textarea::-webkit-input-placeholder { display: block; min-height: 20px; padding-left: 20px; + margin-top: 10px; margin-bottom: 10px; vertical-align: middle; } @@ -1466,25 +1466,6 @@ input[type="color"].input-small { border-radius: 3px; } -input[class*="span"], -select[class*="span"], -textarea[class*="span"] { - float: none; - margin-right: 0; - margin-left: 0; -} - -.input-append input[class*="span"], -.input-prepend input[class*="span"] { - display: inline-block; -} - -input[class*="span"], -select[class*="span"], -textarea[class*="span"] { - height: 34px; -} - input[disabled], select[disabled], textarea[disabled], @@ -1601,20 +1582,11 @@ select:focus:invalid:focus { clear: both; } -.help-block, -.help-inline { - color: #737373; -} - .help-block { display: block; + margin-top: 5px; margin-bottom: 10px; -} - -.help-inline { - display: inline-block; - padding-left: 5px; - vertical-align: middle; + color: #737373; } .input-group { @@ -1790,47 +1762,21 @@ select:focus:invalid:focus { .form-inline .radio, .form-inline .checkbox { display: inline-block; +} + +.form-inline .radio, +.form-inline .checkbox { + margin-top: 0; margin-bottom: 0; } -@media screen and (min-width: 768px) { - .form-horizontal .control-group { - position: relative; - margin-bottom: 20px; - } - .form-horizontal .control-group:before, - .form-horizontal .control-group:after { - display: table; - content: " "; - } - .form-horizontal .control-group:after { - clear: both; - } - .form-horizontal .control-group:before, - .form-horizontal .control-group:after { - display: table; - content: " "; - } - .form-horizontal .control-group:after { - clear: both; - } - .form-horizontal .control-group input, - .form-horizontal .control-group select, - .form-horizontal .control-group textarea { - margin-bottom: 0; - } - .form-horizontal .control-group > .control-label { - float: left; - width: 160px; - padding-top: 6px; - text-align: right; - } - .form-horizontal .control-group > .controls { - margin-left: 180px; - } - .form-horizontal .form-actions { - padding-left: 180px; - } +.form-horizontal .row + .row { + margin-top: 15px; +} + +.form-horizontal .row-label { + padding-top: 6px; + text-align: right; } .btn { diff --git a/docs/css.html b/docs/css.html index 2473576e2..6d29f6ff2 100644 --- a/docs/css.html +++ b/docs/css.html @@ -1008,7 +1008,7 @@ For example, <section> should be wrapped as inline.

                                                                    Basic example

                                                                    -

                                                                    Individual form controls automatically receive some global styling. By default, inputs are set to width: 100%;.

                                                                    +

                                                                    Individual form controls automatically receive some global styling. All textual <input>, <textarea>, and <select> elements are set to width: 100%; by default.

                                                                    Legend @@ -1074,23 +1074,17 @@ For example, <section> should be wrapped as inline. {% endhighlight %}

                                                                    Horizontal form

                                                                    -

                                                                    Right align labels and float them to the left to make them appear on the same line as controls. Requires the most markup changes from a default form:

                                                                    -
                                                                      -
                                                                    • Add .form-horizontal to the form
                                                                      • -
                                                                    • Wrap labels and controls in .control-group
                                                                      • -
                                                                    • Add .control-label to the label
                                                                      • -
                                                                    • Wrap any associated controls in .controls for proper alignment
                                                                      • -
                                                                    +

                                                                    Use Bootstrap's predefined grid classes to align labels and groups of form controls in a horizontal layout.

                                                                    -
                                                                    - -
                                                                    +
                                                                    + +
                                                                    -
                                                                    - -
                                                                    +
                                                                    + +
                                                                    -
                                                                    -
                                                                    -
                                                                    +
                                                                    {% highlight html %}
                                                                    -
                                                                    - -
                                                                    +
                                                                    + +
                                                                    -
                                                                    - -
                                                                    +
                                                                    + +
                                                                    -
                                                                    -
                                                                    -
                                                                    +
                                                                    @@ -1693,18 +1683,8 @@ For example, <section> should be wrapped as inline. {% endhighlight %}

                                                                    Help text

                                                                    -

                                                                    Inline and block level support for help text that appears around form controls.

                                                                    -

                                                                    Inline help

                                                                    - - Inline help text - -{% highlight html %} - -Inline help text -{% endhighlight %} - -

                                                                    Block help

                                                                    -
                                                                    +

                                                                    Block level help text for form controls.

                                                                    + A longer block of help text that breaks onto a new line and may extend beyond one line.
                                                                    diff --git a/less/forms.less b/less/forms.less index 6162cd4f1..6b3bff728 100644 --- a/less/forms.less +++ b/less/forms.less @@ -57,7 +57,6 @@ input[type="color"] { display: block; min-height: @input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border) padding: 6px 9px; - margin-bottom: 10px; font-size: @font-size-base; line-height: @line-height-base; color: @gray; @@ -172,7 +171,8 @@ textarea { .checkbox { display: block; min-height: @line-height-base; // clear the floating input if there is no label text - margin-bottom: (@line-height-base / 2); + margin-top: 10px; + margin-bottom: 10px; padding-left: 20px; vertical-align: middle; label { @@ -182,7 +182,6 @@ textarea { cursor: pointer; } } - .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], @@ -192,7 +191,7 @@ textarea { } .radio + .radio, .checkbox + .checkbox { - margin-top: ((@line-height-base / 4) * -1); + margin-top: -5px; // Move up sibling radios or checkboxes for tighter spacing } /* @@ -255,33 +254,6 @@ input[type="color"] { } - -// GRID SIZING FOR INPUTS -// ---------------------- - -// Grid style input sizes -input[class*="span"], -select[class*="span"], -textarea[class*="span"] { - float: none; - margin-left: 0; - margin-right: 0; -} - -// Ensure input-prepend/append never wraps -.input-append input[class*="span"], -.input-prepend input[class*="span"] { - display: inline-block; -} - -input[class*="span"], -select[class*="span"], -textarea[class*="span"] { - height: @input-height-base; -} - - - // DISABLED STATE // -------------- @@ -361,20 +333,11 @@ select:focus:invalid { // HELP TEXT // --------- -.help-block, -.help-inline { - color: lighten(@text-color, 25%); // lighten the text some for contrast -} - .help-block { display: block; // account for any element using help-block - margin-bottom: (@line-height-base / 2); -} - -.help-inline { - display: inline-block; - vertical-align: middle; - padding-left: 5px; + margin-top: 5px; + margin-bottom: 10px; + color: lighten(@text-color, 25%); // lighten the text some for contrast } @@ -436,14 +399,14 @@ select:focus:invalid { background-color: @gray-lighter; border: 1px solid #ccc; - &.input-small { - padding: @padding-small; - font-size: @font-size-small; + &.input-small { + padding: @padding-small; + font-size: @font-size-small; + } + &.input-large { + padding: @padding-large; + font-size: @font-size-large; } - &.input-large { - padding: @padding-large; - font-size: @font-size-large; - } } // Reset rounded corners @@ -528,6 +491,10 @@ select:focus:invalid { .radio, .checkbox { display: inline-block; + } + .radio, + .checkbox { + margin-top: 0; margin-bottom: 0; } } @@ -535,41 +502,14 @@ select:focus:invalid { // Horizontal forms // -------------------------------------------------- +// Horizontal forms are built on grid classes. -@media screen and (min-width: @screen-tablet) { - - .form-horizontal { - - // Increase spacing between groups - .control-group { - position: relative; - margin-bottom: @line-height-base; - .clearfix(); - - input, - select, - textarea { - margin-bottom: 0; - } - } - - // Float the labels left - .control-group > .control-label { - float: left; - width: (@component-offset-horizontal - 20); - padding-top: 6px; - text-align: right; - } - - // Move over all input controls and content over - .control-group > .controls { - margin-left: @component-offset-horizontal; - } - - // Make sure form actions buttons are aligned with controls - .form-actions { - padding-left: @component-offset-horizontal; - } - +.form-horizontal { + .row + .row { + margin-top: 15px; + } + .row-label { + padding-top: 6px; + text-align: right; } } -- cgit v1.2.3 From 3c72b1e9a0a56ad46fe7f330141ca18f6b348649 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 9 May 2013 16:31:10 -0700 Subject: remove the input from an example --- docs/css.html | 1 - 1 file changed, 1 deletion(-) diff --git a/docs/css.html b/docs/css.html index 6d29f6ff2..b86fd2127 100644 --- a/docs/css.html +++ b/docs/css.html @@ -1689,7 +1689,6 @@ For example, <section> should be wrapped as inline. A longer block of help text that breaks onto a new line and may extend beyond one line. {% highlight html %} - A longer block of help text that breaks onto a new line and may extend beyond one line. {% endhighlight %} -- cgit v1.2.3 From 7b6352d2cf6f04b46918b1cc8bad50ff92fdbe07 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 9 May 2013 16:41:35 -0700 Subject: Fix up navbar forms by using inline form as a mixin; fix docs for those --- docs/assets/css/bootstrap.css | 14 ++++++++++++++ docs/assets/css/docs.css | 1 + docs/components.html | 20 ++++++++++---------- less/navbar.less | 1 + 4 files changed, 26 insertions(+), 10 deletions(-) diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 236256f64..5e6eab48d 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3598,6 +3598,20 @@ button.close { margin-bottom: 8px; } +.navbar-form input, +.navbar-form select, +.navbar-form textarea, +.navbar-form .radio, +.navbar-form .checkbox { + display: inline-block; +} + +.navbar-form .radio, +.navbar-form .checkbox { + margin-top: 0; + margin-bottom: 0; +} + .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-right-radius: 0; diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 16645011f..fcbf723eb 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -252,6 +252,7 @@ body { .bs-example > select:last-child, .bs-example > textarea: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, diff --git a/docs/components.html b/docs/components.html index e2916c7cd..5dc458d43 100644 --- a/docs/components.html +++ b/docs/components.html @@ -1123,7 +1123,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na
                                                                    - +
                                                                    @@ -1135,7 +1135,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na - +
                                                                    @@ -1143,7 +1143,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na
                                                                    - +
                                                                    @@ -1153,7 +1153,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na - +
                                                                    @@ -1161,7 +1161,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na {% highlight html %}
                                                                    - +
                                                                    {% endhighlight %} @@ -1170,7 +1170,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na
                                                                    Brand - +
                                                                    @@ -1844,7 +1844,7 @@ body {

                                                                    Thumbnail label

                                                                    Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

                                                                    -

                                                                    Action Action

                                                                    +

                                                                    Action Action

                                                                    @@ -1854,7 +1854,7 @@ body {

                                                                    Thumbnail label

                                                                    Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

                                                                    -

                                                                    Action Action

                                                                    +

                                                                    Action Action

                                                                    @@ -1864,7 +1864,7 @@ body {

                                                                    Thumbnail label

                                                                    Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

                                                                    -

                                                                    Action Action

                                                                    +

                                                                    Action Action

                                                                    @@ -1878,7 +1878,7 @@ body {

                                                                    Thumbnail label

                                                                    ...

                                                                    -

                                                                    Action Action

                                                                    +

                                                                    Action Action

                                                                  diff --git a/less/navbar.less b/less/navbar.less index 3cbcbb9c9..7a02a491b 100644 --- a/less/navbar.less +++ b/less/navbar.less @@ -132,6 +132,7 @@ // Navbar form .navbar-form { + .form-inline(); .navbar-vertical-align(34px); // Vertically center in navbar } -- cgit v1.2.3 From 579d566299c82fe91e5202b30ec2b2b062e0d902 Mon Sep 17 00:00:00 2001 From: Blake Embrey Date: Thu, 9 May 2013 16:26:35 -0700 Subject: Update button groups to use not selector and remove redundant CSS. --- docs/assets/css/bootstrap.css | 82 +++++++++++++++++++------------------------ docs/components.html | 4 +-- less/button-groups.less | 66 +++++++++++++++------------------- 3 files changed, 66 insertions(+), 86 deletions(-) diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 5eef85435..9ba267dc0 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3830,26 +3830,30 @@ button.close { border-bottom-color: #ffffff; } -.btn-group { +.btn-group, +.btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } -.btn-group > .btn { +.btn-group > .btn, +.btn-group-vertical > .btn { position: relative; float: left; } -.btn-group > .btn + btn { - margin-left: -1px; -} - .btn-group > .btn:hover, -.btn-group > .btn:active { +.btn-group-vertical > .btn:hover, +.btn-group > .btn:active, +.btn-group-vertical > .btn:active { z-index: 2; } +.btn-group .btn + .btn { + margin-left: -1px; +} + .btn-toolbar:before, .btn-toolbar:after { display: table; @@ -3881,52 +3885,42 @@ button.close { margin-left: 5px; } -.btn-group > .btn { - position: relative; +.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; - border-bottom-left-radius: 4px; - border-top-left-radius: 4px; } -.btn-group > .btn:last-child, -.btn-group > .dropdown-toggle { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.btn-group > .btn.large:first-child { - margin-left: 0; - border-bottom-left-radius: 6px; - border-top-left-radius: 6px; +.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } -.btn-group > .btn.large:last-child, -.btn-group > .large.dropdown-toggle { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; +.btn-group > .btn:last-child:not(:first-child), +.btn-group > .dropdown-toggle:not(:first-child) { + border-bottom-left-radius: 0; + border-top-left-radius: 0; } .btn-group > .btn-group { float: left; } -.btn-group > .btn-group > .btn { +.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } -.btn-group > .btn-group:last-child > .btn { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; +.btn-group > .btn-group:first-child > .btn:last-child, +.btn-group > .btn-group:first-child > .dropdown-toggle { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } -.btn-group > .btn-group:first-child > .btn { - margin-left: 0; - border-bottom-left-radius: 4px; - border-top-left-radius: 4px; +.btn-group > .btn-group:last-child > .btn:first-child { + border-bottom-left-radius: 0; + border-top-left-radius: 0; } .btn-group .dropdown-toggle:active, @@ -3974,26 +3968,22 @@ button.close { max-width: 100%; } -.btn-group-vertical .btn:first-child { - border-radius: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; +.btn-group-vertical > .btn + .btn { + margin-top: -1px; } -.btn-group-vertical .btn:last-child { +.btn-group-vertical .btn:not(:first-child):not(:last-child) { border-radius: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; } -.btn-group-vertical .btn-large:first-child { - border-top-right-radius: 6px; - border-top-left-radius: 6px; +.btn-group-vertical .btn:first-child { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } -.btn-group-vertical .btn-large:last-child { - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; +.btn-group-vertical .btn:last-child { + border-top-right-radius: 0; + border-top-left-radius: 0; } .btn-group-justified { diff --git a/docs/components.html b/docs/components.html index 33ebeeacf..67a4374c6 100644 --- a/docs/components.html +++ b/docs/components.html @@ -552,7 +552,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na

                                                                  Vertical button groups

                                                                  Make a set of buttons appear vertically stacked rather than horizontally.

                                                                  -
                                                                  +
                                                                  @@ -560,7 +560,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na
                                                                  {% highlight html %} -
                                                                  +
                                                                  ...
                                                                  {% endhighlight %} diff --git a/less/button-groups.less b/less/button-groups.less index 6f9a52acd..bac8c06b4 100644 --- a/less/button-groups.less +++ b/less/button-groups.less @@ -11,17 +11,14 @@ } // Make the div behave like a button -.btn-group { +.btn-group, +.btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; // match .btn alignment given font-size hack above > .btn { position: relative; float: left; - // Prevent double borders when buttons are next to each other - + btn { - margin-left: -1px; - } // Bring the "active" button to the front &:hover, &:active { @@ -30,6 +27,11 @@ } } +// Prevent double borders when buttons are next to each other +.btn-group .btn + .btn { + margin-left: -1px; +} + // Optional: Group multiple button groups together for a toolbar .btn-toolbar { .clearfix(); @@ -46,46 +48,36 @@ } } -// Float them, remove border radius, then re-add to first and last elements -.btn-group > .btn { - position: relative; +.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } - // Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match .btn-group > .btn:first-child { margin-left: 0; - .border-left-radius(@border-radius-base); + &:not(:last-child):not(.dropdown-toggle) { + .border-right-radius(0); + } } // Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it -.btn-group > .btn:last-child, -.btn-group > .dropdown-toggle { - .border-right-radius(@border-radius-base); -} -// Reset corners for large buttons -.btn-group > .btn.large:first-child { - margin-left: 0; - .border-left-radius(@border-radius-large); -} -.btn-group > .btn.large:last-child, -.btn-group > .large.dropdown-toggle { - .border-right-radius(@border-radius-large); +.btn-group > .btn:last-child:not(:first-child), +.btn-group > .dropdown-toggle:not(:first-child) { + .border-left-radius(0); } // Custom edits for including btn-groups within btn-groups (useful for including dropdown buttons within a btn-group) .btn-group > .btn-group { float: left; } -.btn-group > .btn-group > .btn { +.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } -.btn-group > .btn-group:last-child > .btn { - .border-right-radius(@border-radius-base); +.btn-group > .btn-group:first-child > .btn:last-child, +.btn-group > .btn-group:first-child > .dropdown-toggle { + .border-right-radius(0); } -.btn-group > .btn-group:first-child > .btn { - margin-left: 0; - .border-left-radius(@border-radius-base); +.btn-group > .btn-group:last-child > .btn:first-child { + .border-left-radius(0); } // On active and open, don't show outline @@ -143,20 +135,18 @@ float: none; width: 100%; max-width: 100%; + + .btn { + margin-top: -1px; + } +} +.btn-group-vertical .btn:not(:first-child):not(:last-child) { + border-radius: 0; } .btn-group-vertical .btn:first-child { - border-radius: 0; // Needs to be here for specificity since we're not zeroing them out again - .border-top-radius(@border-radius-base); + .border-bottom-radius(0); } .btn-group-vertical .btn:last-child { - border-radius: 0; // Needs to be here for specificity since we're not zeroing them out again - .border-bottom-radius(@border-radius-base); -} -.btn-group-vertical .btn-large:first-child { - .border-top-radius(@border-radius-large); -} -.btn-group-vertical .btn-large:last-child { - .border-bottom-radius(@border-radius-large); + .border-top-radius(0); } -- cgit v1.2.3 From 6fba68eb8b036fad1bc4f33484889cccf2480bff Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 9 May 2013 17:20:46 -0700 Subject: Unitless line-height * Instead of 20px as @line-height-base, use 1.5 * Update typographic scale for headings to use unitless as well--required some twerking of decimals a bit and some rounding * Introduce new @line-height-computed value, which takes base font-size and multiplies it by 1.5, for use in padding and margin on components --- docs/assets/css/bootstrap.css | 157 +++++++++++++++++++++--------------------- docs/assets/css/docs.css | 1 + less/alerts.less | 8 +-- less/forms.less | 12 ++-- less/navbar.less | 8 +-- less/progress-bars.less | 4 +- less/type.less | 52 +++++++------- less/variables.less | 10 +-- 8 files changed, 124 insertions(+), 128 deletions(-) diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 5e6eab48d..49e6073cf 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -290,7 +290,7 @@ html { body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; - line-height: 20px; + line-height: 1.5; color: #333333; background-color: #ffffff; } @@ -336,11 +336,11 @@ img { } p { - margin: 0 0 10px; + margin: 0 0 10.5px; } .lead { - margin-bottom: 20px; + margin-bottom: 21px; font-size: 21px; font-weight: 200; line-height: 1.4; @@ -424,7 +424,7 @@ h6, .h6 { font-family: inherit; font-weight: 500; - line-height: 20px; + line-height: 1.1; } h1 small, @@ -447,40 +447,35 @@ h6 small, h1, h2, h3 { - margin-top: 20px; - margin-bottom: 10px; - line-height: 40px; -} - -h3 { - line-height: 30px; + margin-top: 21px; + margin-bottom: 10.5px; } h4, h5, h6 { - margin-top: 10px; - margin-bottom: 10px; + margin-top: 10.5px; + margin-bottom: 10.5px; } h1, .h1 { - font-size: 38.5px; + font-size: 38px; } h2, .h2 { - font-size: 31.5px; + font-size: 32px; } h3, .h3 { - font-size: 24.5px; + font-size: 24px; } h4, .h4 { - font-size: 17.5px; + font-size: 18px; } h5, @@ -490,39 +485,36 @@ h5, h6, .h6 { - font-size: 11.9px; + font-size: 12px; } h1 small, .h1 small { - font-size: 24.5px; + font-size: 24px; } h2 small, .h2 small { - font-size: 17.5px; + font-size: 18px; } h3 small, -.h3 small { - font-size: 14px; -} - +.h3 small, h4 small, .h4 small { font-size: 14px; } .page-header { - padding-bottom: 9px; - margin: 40px 0 20px; + padding-bottom: 9.5px; + margin: 42px 0 21px; border-bottom: 1px solid #eeeeee; } ul, ol { padding: 0; - margin: 0 0 10px 25px; + margin: 0 0 10.5px 25px; } ul ul, @@ -533,7 +525,7 @@ ol ul { } li { - line-height: 20px; + line-height: 1.5; } .list-unstyled { @@ -553,12 +545,12 @@ li { } dl { - margin-bottom: 20px; + margin-bottom: 21px; } dt, dd { - line-height: 20px; + line-height: 1.5; } dt { @@ -566,7 +558,7 @@ dt { } dd { - margin-left: 10px; + margin-left: 10.5px; } .dl-horizontal:before, @@ -604,7 +596,7 @@ dd { } hr { - margin: 20px 0; + margin: 21px 0; border: 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #fff; @@ -623,8 +615,8 @@ abbr.initialism { } blockquote { - padding: 10px 20px; - margin: 0 0 20px; + padding: 10.5px 21px; + margin: 0 0 21px; border-left: 5px solid #eeeeee; } @@ -640,7 +632,7 @@ blockquote p:last-child { blockquote small { display: block; - line-height: 20px; + line-height: 1.5; color: #999999; } @@ -678,9 +670,9 @@ blockquote:after { address { display: block; - margin-bottom: 20px; + margin-bottom: 21px; font-style: normal; - line-height: 20px; + line-height: 1.5; } code, @@ -702,10 +694,10 @@ code { pre { display: block; - padding: 9.5px; - margin: 0 0 10px; + padding: 0.25; + margin: 0 0 0.75; font-size: 13px; - line-height: 20px; + line-height: 1.5; word-break: break-all; word-wrap: break-word; white-space: pre; @@ -717,7 +709,7 @@ pre { } pre.prettyprint { - margin-bottom: 20px; + margin-bottom: 1.5; } pre code { @@ -1025,7 +1017,7 @@ th { .table { width: 100%; - margin-bottom: 20px; + margin-bottom: 1.5; } .table thead > tr > th, @@ -1033,7 +1025,7 @@ th { .table thead > tr > td, .table tbody > tr > td { padding: 8px; - line-height: 20px; + line-height: 1.5; vertical-align: top; border-top: 1px solid #dddddd; } @@ -1219,9 +1211,9 @@ legend { display: block; width: 100%; padding: 0; - margin-bottom: 20px; + margin-bottom: 21px; font-size: 21px; - line-height: 40px; + line-height: 1.1; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; @@ -1250,10 +1242,10 @@ input[type="search"], input[type="tel"], input[type="color"] { display: block; - min-height: 34px; + min-height: 35px; padding: 6px 9px; font-size: 14px; - line-height: 20px; + line-height: 1.5; color: #555555; vertical-align: middle; background-color: #ffffff; @@ -1328,10 +1320,10 @@ input[type="checkbox"] { select, input[type="file"] { - height: 34px; + height: 35px; /* In IE7, the height of the select element cannot be changed by height, only font-size. TODO: Check if this is still needed when dropping IE7 support */ - line-height: 34px; + line-height: 35px; } select[multiple], @@ -1371,7 +1363,7 @@ textarea::-webkit-input-placeholder { .radio, .checkbox { display: block; - min-height: 20px; + min-height: 21px; padding-left: 20px; margin-top: 10px; margin-bottom: 10px; @@ -1460,7 +1452,7 @@ input[type="url"].input-small, input[type="search"].input-small, input[type="tel"].input-small, input[type="color"].input-small { - min-height: 26px; + min-height: 27px; padding: 2px 10px; font-size: 11.9px; border-radius: 3px; @@ -1555,9 +1547,9 @@ select:focus:invalid:focus { } .form-actions { - padding: 19px 20px 20px; - margin-top: 20px; - margin-bottom: 20px; + padding: 21px 20px; + margin-top: 21px; + margin-bottom: 21px; background-color: #f5f5f5; border-top: 1px solid #e5e5e5; } @@ -1636,7 +1628,7 @@ select:focus:invalid:focus { padding: 6px 8px; font-size: 14px; font-weight: normal; - line-height: 20px; + line-height: 1.5; text-align: center; text-shadow: 0 1px 0 #fff; background-color: #eeeeee; @@ -1785,7 +1777,7 @@ select:focus:invalid:focus { margin-bottom: 0; font-size: 14px; font-weight: 500; - line-height: 20px; + line-height: 1.5; text-align: center; white-space: nowrap; vertical-align: middle; @@ -2823,7 +2815,7 @@ input[type="button"].btn-block { .dropdown-menu .divider { height: 2px; - margin: 9px 0; + margin: -0.25 0; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff; @@ -2834,7 +2826,7 @@ input[type="button"].btn-block { padding: 3px 20px; clear: both; font-weight: normal; - line-height: 20px; + line-height: 1.5; color: #333333; white-space: nowrap; } @@ -3252,7 +3244,7 @@ button.close { .nav .nav-divider { height: 2px; - margin: 9px 0; + margin: -0.25 0; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff; @@ -3269,7 +3261,7 @@ button.close { .nav-tabs > li > a { margin-right: 2px; - line-height: 20px; + line-height: 1.5; border: 1px solid transparent; border-radius: 4px 4px 0 0; } @@ -3359,7 +3351,7 @@ button.close { padding: 3px 15px; font-size: 10.5px; font-weight: bold; - line-height: 20px; + line-height: 1.5; color: #999999; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase; @@ -3498,8 +3490,8 @@ button.close { } .navbar-nav > li > a { - padding-top: 15px; - padding-bottom: 15px; + padding-top: 14.5px; + padding-bottom: 14.5px; line-height: 20px; color: #777777; } @@ -3554,7 +3546,7 @@ button.close { margin-left: auto; font-size: 17.5px; font-weight: 500; - line-height: 20px; + line-height: 21px; color: #777777; text-align: center; } @@ -3762,7 +3754,12 @@ button.close { } .navbar-btn { - margin-top: 8px; + margin-top: 7.5px; +} + +.navbar-text { + margin-top: 14.5px; + margin-bottom: 14.5px; } .navbar-link { @@ -3973,7 +3970,7 @@ button.close { .breadcrumb { padding: 8px 15px; - margin: 0 0 20px; + margin: 0 0 1.5; list-style: none; background-color: #f5f5f5; border-radius: 4px; @@ -4001,7 +3998,7 @@ button.close { .pagination { display: inline-block; - margin: 20px 0; + margin: 1.5 0; border-radius: 4px; } @@ -4013,7 +4010,7 @@ button.close { .pagination > li > span { float: left; padding: 4px 12px; - line-height: 20px; + line-height: 1.5; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; @@ -4102,7 +4099,7 @@ button.close { } .pager { - margin: 20px 0; + margin: 1.5 0; text-align: center; list-style: none; } @@ -4239,7 +4236,7 @@ button.close { } .modal-header { - min-height: 35px; + min-height: 16.5px; padding: 15px; border-bottom: 1px solid #e5e5e5; } @@ -4250,7 +4247,7 @@ button.close { .modal-title { margin: 0; - line-height: 20px; + line-height: 1.5; } .modal-body { @@ -4539,8 +4536,8 @@ button.close { } .alert { - padding: 8px 35px 8px 14px; - margin-bottom: 20px; + padding: 10px 35px 10px 15px; + margin-bottom: 21px; color: #c09853; background-color: #fcf8e3; border: 1px solid #fbeed5; @@ -4615,8 +4612,8 @@ button.close { } .alert-block { - padding-top: 14px; - padding-bottom: 14px; + padding-top: 15px; + padding-bottom: 15px; } .alert-block > p, @@ -4631,7 +4628,7 @@ button.close { .thumbnail, .img-thumbnail { padding: 4px; - line-height: 20px; + line-height: 1.5; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; @@ -4851,8 +4848,8 @@ a.list-group-item.active > .badge, } .progress { - height: 20px; - margin-bottom: 20px; + height: 21px; + margin-bottom: 21px; overflow: hidden; background-color: #f5f5f5; border-radius: 4px; @@ -4946,7 +4943,7 @@ a.list-group-item.active > .badge, } .accordion { - margin-bottom: 20px; + margin-bottom: 1.5; } .accordion-group { @@ -5158,7 +5155,7 @@ a.list-group-item.active > .badge, margin-bottom: 30px; font-size: 21px; font-weight: 200; - line-height: 30px; + line-height: 2.25; color: inherit; background-color: #eeeeee; } diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index fcbf723eb..bfbb60d48 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -599,6 +599,7 @@ input.focused { } .highlight pre { padding: 0; + margin-top: 0; margin-bottom: 0; background-color: transparent; border: 0; diff --git a/less/alerts.less b/less/alerts.less index 882b25bef..bb7846249 100644 --- a/less/alerts.less +++ b/less/alerts.less @@ -7,8 +7,8 @@ // ------------------------- .alert { - padding: 8px 35px 8px 14px; - margin-bottom: @line-height-base; + padding: 10px 35px 10px 15px; + margin-bottom: @line-height-computed; color: @alert-text; background-color: @alert-bg; border: 1px solid @alert-border; @@ -84,8 +84,8 @@ // ------------------------- .alert-block { - padding-top: 14px; - padding-bottom: 14px; + padding-top: 15px; + padding-bottom: 15px; } .alert-block > p, .alert-block > ul { diff --git a/less/forms.less b/less/forms.less index 6b3bff728..4a99a7793 100644 --- a/less/forms.less +++ b/less/forms.less @@ -20,9 +20,9 @@ legend { display: block; width: 100%; padding: 0; - margin-bottom: @line-height-base; + margin-bottom: @line-height-computed; font-size: (@font-size-base * 1.5); - line-height: (@line-height-base * 2); + line-height: @line-height-headings; color: @gray-dark; border: 0; border-bottom: 1px solid #e5e5e5; @@ -170,7 +170,7 @@ textarea { .radio, .checkbox { display: block; - min-height: @line-height-base; // clear the floating input if there is no label text + min-height: @line-height-computed; // clear the floating input if there is no label text margin-top: 10px; margin-bottom: 10px; padding-left: 20px; @@ -320,9 +320,9 @@ select:focus:invalid { // ------------ .form-actions { - padding: (@line-height-base - 1) 20px @line-height-base; - margin-top: @line-height-base; - margin-bottom: @line-height-base; + padding: @line-height-computed 20px; + margin-top: @line-height-computed; + margin-bottom: @line-height-computed; background-color: @form-actions-bg; border-top: 1px solid #e5e5e5; .clearfix(); // Adding clearfix to allow for .pull-right button containers diff --git a/less/navbar.less b/less/navbar.less index 7a02a491b..975f2ebb2 100644 --- a/less/navbar.less +++ b/less/navbar.less @@ -24,8 +24,8 @@ margin-top: 10px; > li > a { - padding-top: ((@navbar-height - @line-height-base) / 2); - padding-bottom: ((@navbar-height - @line-height-base) / 2); + padding-top: ((@navbar-height - @line-height-computed) / 2); + padding-bottom: ((@navbar-height - @line-height-computed) / 2); color: @navbar-link-color; line-height: 20px; } @@ -91,7 +91,7 @@ padding: 15px; font-size: @font-size-large; font-weight: 500; - line-height: @line-height-base; + line-height: @line-height-computed; color: @navbar-brand-color; text-align: center; &:hover, @@ -323,7 +323,7 @@ // Add a class to make any element properly align itself vertically within the navbars. .navbar-text { - + .navbar-vertical-align(@line-height-computed); } diff --git a/less/progress-bars.less b/less/progress-bars.less index 9df0251e3..e963fa968 100644 --- a/less/progress-bars.less +++ b/less/progress-bars.less @@ -44,8 +44,8 @@ // Outer container .progress { overflow: hidden; - height: @line-height-base; - margin-bottom: @line-height-base; + height: @line-height-computed; + margin-bottom: @line-height-computed; background-color: @progress-bg; border-radius: @border-radius-base; .box-shadow(inset 0 1px 2px rgba(0,0,0,.1)); diff --git a/less/type.less b/less/type.less index f6b5eecd5..e562bb2c2 100644 --- a/less/type.less +++ b/less/type.less @@ -7,10 +7,10 @@ // ------------------------- p { - margin: 0 0 (@line-height-base / 2); + margin: 0 0 (@line-height-computed / 2); } .lead { - margin-bottom: @line-height-base; + margin-bottom: @line-height-computed; font-size: (@font-size-base * 1.5); font-weight: 200; line-height: 1.4; @@ -56,7 +56,7 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: @headings-font-family; font-weight: @headings-font-weight; - line-height: @line-height-base; + line-height: @line-height-headings; small { font-weight: normal; line-height: 1; @@ -67,30 +67,26 @@ h1, h2, h3, h4, h5, h6, h1, h2, h3 { - margin-top: @line-height-base; - margin-bottom: (@line-height-base / 2); - line-height: (@line-height-base * 2); -} -h3 { - line-height: (@line-height-base * 1.5); + margin-top: @line-height-computed; + margin-bottom: (@line-height-computed / 2); } h4, h5, h6 { - margin-top: (@line-height-base / 2); - margin-bottom: (@line-height-base / 2); + margin-top: (@line-height-computed / 2); + margin-bottom: (@line-height-computed / 2); } -h1, .h1 { font-size: (@font-size-base * 2.75); } // ~38px -h2, .h2 { font-size: (@font-size-base * 2.25); } // ~32px -h3, .h3 { font-size: (@font-size-base * 1.75); } // ~24px -h4, .h4 { font-size: (@font-size-base * 1.25); } // ~18px +h1, .h1 { font-size: ceil(@font-size-base * 2.70); } // ~38px +h2, .h2 { font-size: ceil(@font-size-base * 2.25); } // ~32px +h3, .h3 { font-size: ceil(@font-size-base * 1.70); } // ~24px +h4, .h4 { font-size: ceil(@font-size-base * 1.25); } // ~18px h5, .h5 { font-size: @font-size-base; } -h6, .h6 { font-size: (@font-size-base * 0.85); } // ~12px +h6, .h6 { font-size: ceil(@font-size-base * 0.85); } // ~12px -h1 small, .h1 small { font-size: (@font-size-base * 1.75); } // ~24px -h2 small, .h2 small { font-size: (@font-size-base * 1.25); } // ~18px -h3 small, .h3 small { font-size: @font-size-base; } +h1 small, .h1 small { font-size: ceil(@font-size-base * 1.70); } // ~24px +h2 small, .h2 small { font-size: ceil(@font-size-base * 1.25); } // ~18px +h3 small, .h3 small, h4 small, .h4 small { font-size: @font-size-base; } @@ -98,8 +94,8 @@ h4 small, .h4 small { font-size: @font-size-base; } // ------------------------- .page-header { - padding-bottom: ((@line-height-base / 2) - 1); - margin: (@line-height-base * 2) 0 @line-height-base; + padding-bottom: ((@line-height-computed / 2) - 1); + margin: (@line-height-computed * 2) 0 @line-height-computed; border-bottom: 1px solid @gray-lighter; } @@ -112,7 +108,7 @@ h4 small, .h4 small { font-size: @font-size-base; } ul, ol { padding: 0; - margin: 0 0 (@line-height-base / 2) 25px; + margin: 0 0 (@line-height-computed / 2) 25px; } ul ul, ul ol, @@ -143,7 +139,7 @@ li { // Description Lists dl { - margin-bottom: @line-height-base; + margin-bottom: @line-height-computed; } dt, dd { @@ -153,7 +149,7 @@ dt { font-weight: bold; } dd { - margin-left: (@line-height-base / 2); + margin-left: (@line-height-computed / 2); } // Horizontal layout (like forms) .dl-horizontal { @@ -175,7 +171,7 @@ dd { // Horizontal rules hr { - margin: @line-height-base 0; + margin: @line-height-computed 0; border: 0; border-top: 1px solid @hr-border; border-bottom: 1px solid #fff; @@ -196,8 +192,8 @@ abbr.initialism { // Blockquotes blockquote { - padding: (@line-height-base/2) @line-height-base; - margin: 0 0 @line-height-base; + padding: (@line-height-computed / 2) @line-height-computed; + margin: 0 0 @line-height-computed; border-left: 5px solid @gray-lighter; p { font-size: (@font-size-base * 1.25); @@ -249,7 +245,7 @@ blockquote:after { // Addresses address { display: block; - margin-bottom: @line-height-base; + margin-bottom: @line-height-computed; font-style: normal; line-height: @line-height-base; } diff --git a/less/variables.less b/less/variables.less index fd69c2438..c8ddb0c9e 100644 --- a/less/variables.less +++ b/less/variables.less @@ -50,7 +50,9 @@ @font-size-small: (@font-size-base * 0.85); // ~12px @font-size-mini: (@font-size-base * 0.75); // ~11px -@line-height-base: 20px; +@line-height-base: 1.5; +@line-height-computed: (@font-size-base * @line-height-base); +@line-height-headings: 1.1; @headings-font-family: inherit; // empty to use BS default, @font-family-base @headings-font-weight: 500; @@ -121,9 +123,9 @@ @input-color-placeholder: @gray-light; -@input-height-base: (@line-height-base + 14px); // base line-height + 12px vertical padding + 2px top/bottom border -@input-height-large: (@line-height-base + 24px); // base line-height + 22px vertical padding + 2px top/bottom border -@input-height-small: (@line-height-base + 6px); // base line-height + 4px vertical padding + 2px top/bottom border +@input-height-base: (@line-height-computed + 14px); // base line-height + 12px vertical padding + 2px top/bottom border +@input-height-large: (@line-height-computed + 24px); // base line-height + 22px vertical padding + 2px top/bottom border +@input-height-small: (@line-height-computed + 6px); // base line-height + 4px vertical padding + 2px top/bottom border @form-actions-bg: #f5f5f5; -- cgit v1.2.3 From a19fda699daa56bb0e3fc1b9f3c48762cdab893f Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 9 May 2013 17:21:18 -0700 Subject: update reference to value of base line-height --- docs/css.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/css.html b/docs/css.html index b86fd2127..e9fdb70d6 100644 --- a/docs/css.html +++ b/docs/css.html @@ -331,7 +331,7 @@ lead: "Fundamental HTML elements styled and enhanced with extensible classes."

                                                                  Body copy

                                                                  -

                                                                  Bootstrap's global default font-size is 14px, with a line-height of 20px. This is applied to the <body> and all paragraphs. In addition, <p> (paragraphs) receive a bottom margin of half their line-height (10px by default).

                                                                  +

                                                                  Bootstrap's global default font-size is 14px, with a line-height of 1.5. This is applied to the <body> and all paragraphs. In addition, <p> (paragraphs) receive a bottom margin of half their line-height (10px by default).

                                                                  Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.

                                                                  Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec ullamcorper nulla non metus auctor fringilla.

                                                                  -- cgit v1.2.3 From dbbd48f7bcc476d7e7f4780d6b342f1bce581ff0 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 9 May 2013 17:29:07 -0700 Subject: remove duplicate text scaling --- docs/assets/css/bootstrap.css | 7 ------- less/scaffolding.less | 8 -------- 2 files changed, 15 deletions(-) diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 53777491a..8bf8530e1 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -280,13 +280,6 @@ html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } -@media screen and (max-device-width: 480px) { - html { - -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; - } -} - body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; diff --git a/less/scaffolding.less b/less/scaffolding.less index 6781a9582..8c6a5af6c 100644 --- a/less/scaffolding.less +++ b/less/scaffolding.less @@ -21,14 +21,6 @@ html { -webkit-tap-highlight-color: rgba(0,0,0,0); } -// Disable iOS/WinMobile font size changes -@media screen and (max-device-width: @screen-phone) { - html { - -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; - } -} - body { font-family: @font-family-base; font-size: @font-size-base; -- cgit v1.2.3 From 562483b907860bc522fb34b3f76f96943d58ed85 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 9 May 2013 17:32:39 -0700 Subject: more nav twerks for getting started page --- docs/_includes/nav-getting-started.html | 24 ++++++++++++++++++++---- docs/getting-started.html | 10 +++++----- 2 files changed, 25 insertions(+), 9 deletions(-) diff --git a/docs/_includes/nav-getting-started.html b/docs/_includes/nav-getting-started.html index e7ebd8872..fd6f8c98b 100644 --- a/docs/_includes/nav-getting-started.html +++ b/docs/_includes/nav-getting-started.html @@ -1,4 +1,20 @@ -
                                                                • Downloading Bootstrap
                                                                  • -
                                                                • What's included
                                                                  • -
                                                                • Templates and examples
                                                                  • -
                                                                • Customizing Bootstrap
                                                                  • \ No newline at end of file +
                                                                • + Download Bootstrap + +
                                                                  • +
                                                                • + What's included +
                                                                  • +
                                                                • + Templates and examples + +
                                                                  • +
                                                                • + Customizing Bootstrap +
                                                                  • \ No newline at end of file diff --git a/docs/getting-started.html b/docs/getting-started.html index a3f908c31..cd8432690 100644 --- a/docs/getting-started.html +++ b/docs/getting-started.html @@ -8,9 +8,9 @@ lead: "An overview of Bootstrap, how to download and use, basic templates and ex -
                                                                  +
                                                                  -

                                                                  Downloading Bootstrap

                                                                  +

                                                                  Download Bootstrap

                                                                  There are a few easy ways to quickly get started with Bootstrap, each one appealing to a different skill level and use case. Read through to see what suits your particular needs.

                                                                  @@ -39,7 +39,7 @@ lead: "An overview of Bootstrap, how to download and use, basic templates and ex
                                                                  -

                                                                  Use the Bootstrap CDN

                                                                  +

                                                                  Use the Bootstrap CDN

                                                                  The folks over at NetDNA have graciously provided CDN support for Bootstrap's CSS and JavaScript. To use, swap your local instances for the Bootstrap CDN links listed below.

                                                                  {% highlight html linenos %} @@ -90,7 +90,7 @@ lead: "An overview of Bootstrap, how to download and use, basic templates and ex

                                                                  Make use of a super basic HTML template, or dive into a few examples we've started for you. We encourage folks to iterate on these examples and not simply use them as an end result.

                                                                  -

                                                                  HTML template

                                                                  +

                                                                  HTML template

                                                                  Copy and paste the HTML from below to get started with a bare bones Bootstrap document.

                                                                  {% highlight html %} @@ -115,7 +115,7 @@ lead: "An overview of Bootstrap, how to download and use, basic templates and ex {% endhighlight %} -

                                                                  Examples

                                                                  +

                                                                  Examples

                                                                  -- cgit v1.2.3 From e34abd02cc6d0a7d226dd0dc5a5dea59d53757de Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 9 May 2013 17:36:02 -0700 Subject: redo docs footer a bit --- docs/_layouts/default.html | 5 +++-- docs/assets/css/docs.css | 7 +++++-- 2 files changed, 8 insertions(+), 4 deletions(-) diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html index 9ba678fa8..249088b99 100644 --- a/docs/_layouts/default.html +++ b/docs/_layouts/default.html @@ -45,10 +45,11 @@ Back to top - - {% include colophon.html %}
                                                                  + + {% include colophon.html %} + {% include footer.html %} diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index bfbb60d48..92ea49d9c 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -52,6 +52,9 @@ body { font-size: 50px; line-height: 1; } +.bs-masthead .bs-social { + margin-top: 80px; +} /* Download button */ .bs-masthead .btn { @@ -524,9 +527,10 @@ body { -------------------------------------------------- */ .bs-footer { - padding-top: 30px; + padding-top: 40px; padding-bottom: 30px; margin-top: 100px; + text-align: center; border-top: 1px solid #e5e5e5; } .bs-footer p { @@ -546,7 +550,6 @@ body { /* Social proof buttons from GitHub & Twitter */ .bs-social { - margin-top: 80px; margin-bottom: 20px; } .bs-social-buttons { -- cgit v1.2.3 From 3af1dd1dc861fdb2814d49c88160586f467da504 Mon Sep 17 00:00:00 2001 From: Robert Burns Date: Fri, 10 May 2013 07:37:14 -0400 Subject: Fix link to examples --- docs/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/index.html b/docs/index.html index 3e0cc0adc..24a0220f2 100644 --- a/docs/index.html +++ b/docs/index.html @@ -22,7 +22,7 @@ title: Bootstrap GitHub project
                                                                • - Examples + Examples
                                                                • Bootstrap Expo -- cgit v1.2.3 From 94cc3335536507124451de1c9ec673f7dfcb5c2a Mon Sep 17 00:00:00 2001 From: Aaron Date: Fri, 10 May 2013 09:21:27 -0600 Subject: Fix component margin and padding values to use @line-height-computed --- less/accordion.less | 2 +- less/breadcrumbs.less | 2 +- less/code.less | 6 +++--- less/mixins.less | 2 +- less/pager.less | 2 +- less/pagination.less | 2 +- less/tables.less | 2 +- 7 files changed, 9 insertions(+), 9 deletions(-) diff --git a/less/accordion.less b/less/accordion.less index 064377d05..59765f154 100644 --- a/less/accordion.less +++ b/less/accordion.less @@ -5,7 +5,7 @@ // Parent container .accordion { - margin-bottom: @line-height-base; + margin-bottom: @line-height-computed; } // Group == heading + body diff --git a/less/breadcrumbs.less b/less/breadcrumbs.less index 87a6f0e37..2fe8217a3 100644 --- a/less/breadcrumbs.less +++ b/less/breadcrumbs.less @@ -5,7 +5,7 @@ .breadcrumb { padding: 8px 15px; - margin: 0 0 @line-height-base; + margin: 0 0 @line-height-computed; list-style: none; background-color: #f5f5f5; border-radius: @border-radius-base; diff --git a/less/code.less b/less/code.less index d9ddbc3a4..f1bc0a0cd 100644 --- a/less/code.less +++ b/less/code.less @@ -25,8 +25,8 @@ code { // Blocks of code pre { display: block; - padding: ((@line-height-base - 1) / 2); - margin: 0 0 (@line-height-base / 2); + padding: ((@line-height-computed - 1) / 2); + margin: 0 0 (@line-height-computed / 2); font-size: (@font-size-base - 1); // 14px to 13px line-height: @line-height-base; word-break: break-all; @@ -40,7 +40,7 @@ pre { // Make prettyprint styles more spaced out for readability &.prettyprint { - margin-bottom: @line-height-base; + margin-bottom: @line-height-computed; } // Account for some code outputs that place code tags in pre tags diff --git a/less/mixins.less b/less/mixins.less index 48e2073c5..dc46be904 100644 --- a/less/mixins.less +++ b/less/mixins.less @@ -340,7 +340,7 @@ // Dividers (basically an hr) within dropdowns and nav lists .nav-divider(@top: #e5e5e5, @bottom: #fff) { height: 2px; // 1px for background, one for border - margin: ((@line-height-base / 2) - 1) 0; + margin: ((@line-height-computed / 2) - 1) 0; overflow: hidden; background-color: @top; border-bottom: 1px solid @bottom; diff --git a/less/pager.less b/less/pager.less index cc1947a91..0b2fcf7cb 100644 --- a/less/pager.less +++ b/less/pager.less @@ -4,7 +4,7 @@ .pager { - margin: @line-height-base 0; + margin: @line-height-computed 0; list-style: none; text-align: center; .clearfix(); diff --git a/less/pagination.less b/less/pagination.less index bb44fa8cf..ec1eef27f 100644 --- a/less/pagination.less +++ b/less/pagination.less @@ -3,7 +3,7 @@ // -------------------------------------------------- .pagination { display: inline-block; - margin: @line-height-base 0; + margin: @line-height-computed 0; border-radius: @border-radius-base; } .pagination > li { diff --git a/less/tables.less b/less/tables.less index 5c8fe82ad..fa5fd554b 100644 --- a/less/tables.less +++ b/less/tables.less @@ -17,7 +17,7 @@ th { .table { width: 100%; - margin-bottom: @line-height-base; + margin-bottom: @line-height-computed; // Cells thead > tr > th, tbody > tr > th, -- cgit v1.2.3 From 758cb9d186e3fd9fbc94162d15a5ee0dfb1f9ef9 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 10 May 2013 10:29:54 -0700 Subject: twerk nested nav links --- docs/assets/css/docs.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 92ea49d9c..3a93a01cf 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -164,7 +164,7 @@ body { .bs-sidebar .nav .nav > li > a { padding-top: 2px; padding-bottom: 2px; - padding-left: 40px; + padding-left: 30px; font-size: 90%; } -- cgit v1.2.3 From 76ecfdfdc1ef06997eafdeef68d7a9a945614af3 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 10 May 2013 10:33:35 -0700 Subject: Font-size and line-height tweaks * Use 1.428 for line-height instead of 1.5 * Use function for full pixel values instead of decimals --- docs/assets/css/bootstrap.css | 152 +++++++++++++++++++++--------------------- docs/css.html | 2 +- less/mixins.less | 3 - less/variables.less | 10 +-- 4 files changed, 82 insertions(+), 85 deletions(-) diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 8bf8530e1..22c766c1e 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -283,7 +283,7 @@ html { body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; - line-height: 1.5; + line-height: 1.428; color: #333333; background-color: #ffffff; } @@ -329,11 +329,11 @@ img { } p { - margin: 0 0 10.5px; + margin: 0 0 10px; } .lead { - margin-bottom: 21px; + margin-bottom: 20px; font-size: 21px; font-weight: 200; line-height: 1.4; @@ -440,15 +440,15 @@ h6 small, h1, h2, h3 { - margin-top: 21px; - margin-bottom: 10.5px; + margin-top: 20px; + margin-bottom: 10px; } h4, h5, h6 { - margin-top: 10.5px; - margin-bottom: 10.5px; + margin-top: 10px; + margin-bottom: 10px; } h1, @@ -499,15 +499,15 @@ h4 small, } .page-header { - padding-bottom: 9.5px; - margin: 42px 0 21px; + padding-bottom: 9px; + margin: 40px 0 20px; border-bottom: 1px solid #eeeeee; } ul, ol { padding: 0; - margin: 0 0 10.5px 25px; + margin: 0 0 10px 25px; } ul ul, @@ -518,7 +518,7 @@ ol ul { } li { - line-height: 1.5; + line-height: 1.428; } .list-unstyled { @@ -538,12 +538,12 @@ li { } dl { - margin-bottom: 21px; + margin-bottom: 20px; } dt, dd { - line-height: 1.5; + line-height: 1.428; } dt { @@ -551,7 +551,7 @@ dt { } dd { - margin-left: 10.5px; + margin-left: 10px; } .dl-horizontal:before, @@ -589,7 +589,7 @@ dd { } hr { - margin: 21px 0; + margin: 20px 0; border: 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #fff; @@ -608,8 +608,8 @@ abbr.initialism { } blockquote { - padding: 10.5px 21px; - margin: 0 0 21px; + padding: 10px 20px; + margin: 0 0 20px; border-left: 5px solid #eeeeee; } @@ -625,7 +625,7 @@ blockquote p:last-child { blockquote small { display: block; - line-height: 1.5; + line-height: 1.428; color: #999999; } @@ -663,9 +663,9 @@ blockquote:after { address { display: block; - margin-bottom: 21px; + margin-bottom: 20px; font-style: normal; - line-height: 1.5; + line-height: 1.428; } code, @@ -687,10 +687,10 @@ code { pre { display: block; - padding: 0.25; - margin: 0 0 0.75; + padding: 9.5px; + margin: 0 0 10px; font-size: 13px; - line-height: 1.5; + line-height: 1.428; word-break: break-all; word-wrap: break-word; white-space: pre; @@ -702,7 +702,7 @@ pre { } pre.prettyprint { - margin-bottom: 1.5; + margin-bottom: 20px; } pre code { @@ -1010,7 +1010,7 @@ th { .table { width: 100%; - margin-bottom: 1.5; + margin-bottom: 20px; } .table thead > tr > th, @@ -1018,7 +1018,7 @@ th { .table thead > tr > td, .table tbody > tr > td { padding: 8px; - line-height: 1.5; + line-height: 1.428; vertical-align: top; border-top: 1px solid #dddddd; } @@ -1204,7 +1204,7 @@ legend { display: block; width: 100%; padding: 0; - margin-bottom: 21px; + margin-bottom: 20px; font-size: 21px; line-height: 1.1; color: #333333; @@ -1235,10 +1235,10 @@ input[type="search"], input[type="tel"], input[type="color"] { display: block; - min-height: 35px; + min-height: 34px; padding: 6px 9px; font-size: 14px; - line-height: 1.5; + line-height: 1.428; color: #555555; vertical-align: middle; background-color: #ffffff; @@ -1313,10 +1313,10 @@ input[type="checkbox"] { select, input[type="file"] { - height: 35px; + height: 34px; /* In IE7, the height of the select element cannot be changed by height, only font-size. TODO: Check if this is still needed when dropping IE7 support */ - line-height: 35px; + line-height: 34px; } select[multiple], @@ -1356,7 +1356,7 @@ textarea::-webkit-input-placeholder { .radio, .checkbox { display: block; - min-height: 21px; + min-height: 20px; padding-left: 20px; margin-top: 10px; margin-bottom: 10px; @@ -1425,7 +1425,7 @@ input[type="search"].input-large, input[type="tel"].input-large, input[type="color"].input-large { padding: 11px 14px; - font-size: 17.5px; + font-size: 18px; border-radius: 6px; } @@ -1445,9 +1445,9 @@ input[type="url"].input-small, input[type="search"].input-small, input[type="tel"].input-small, input[type="color"].input-small { - min-height: 27px; + min-height: 26px; padding: 2px 10px; - font-size: 11.9px; + font-size: 12px; border-radius: 3px; } @@ -1540,9 +1540,9 @@ select:focus:invalid:focus { } .form-actions { - padding: 21px 20px; - margin-top: 21px; - margin-bottom: 21px; + padding: 20px 20px; + margin-top: 20px; + margin-bottom: 20px; background-color: #f5f5f5; border-top: 1px solid #e5e5e5; } @@ -1612,7 +1612,7 @@ select:focus:invalid:focus { padding: 6px 8px; font-size: 14px; font-weight: normal; - line-height: 1.5; + line-height: 1.428; text-align: center; text-shadow: 0 1px 0 #fff; background-color: #eeeeee; @@ -1625,13 +1625,13 @@ select:focus:invalid:focus { .input-group-addon.input-small { padding: 2px 10px; - font-size: 11.9px; + font-size: 12px; border-radius: 3px; } .input-group-addon.input-large { padding: 11px 14px; - font-size: 17.5px; + font-size: 18px; border-radius: 6px; } @@ -1707,7 +1707,7 @@ select:focus:invalid:focus { margin-bottom: 0; font-size: 14px; font-weight: 500; - line-height: 1.5; + line-height: 1.428; text-align: center; white-space: nowrap; vertical-align: middle; @@ -1968,19 +1968,19 @@ fieldset[disabled] .btn-link:focus { .btn-large { padding: 11px 14px; - font-size: 17.5px; + font-size: 18px; border-radius: 6px; } .btn-small { padding: 2px 10px; - font-size: 11.9px; + font-size: 12px; border-radius: 3px; } .btn-mini { padding: 0 6px; - font-size: 10.5px; + font-size: 11px; border-radius: 3px; } @@ -2746,7 +2746,7 @@ input[type="button"].btn-block { .dropdown-menu .divider { height: 2px; - margin: -0.25 0; + margin: 9px 0; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff; @@ -2757,7 +2757,7 @@ input[type="button"].btn-block { padding: 3px 20px; clear: both; font-weight: normal; - line-height: 1.5; + line-height: 1.428; color: #333333; white-space: nowrap; } @@ -3175,7 +3175,7 @@ button.close { .nav .nav-divider { height: 2px; - margin: -0.25 0; + margin: 9px 0; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff; @@ -3192,7 +3192,7 @@ button.close { .nav-tabs > li > a { margin-right: 2px; - line-height: 1.5; + line-height: 1.428; border: 1px solid transparent; border-radius: 4px 4px 0 0; } @@ -3280,9 +3280,9 @@ button.close { .nav-header { display: block; padding: 3px 15px; - font-size: 10.5px; + font-size: 11px; font-weight: bold; - line-height: 1.5; + line-height: 1.428; color: #999999; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase; @@ -3421,8 +3421,8 @@ button.close { } .navbar-nav > li > a { - padding-top: 14.5px; - padding-bottom: 14.5px; + padding-top: 15px; + padding-bottom: 15px; line-height: 20px; color: #777777; } @@ -3475,9 +3475,9 @@ button.close { padding: 15px; margin-right: auto; margin-left: auto; - font-size: 17.5px; + font-size: 18px; font-weight: 500; - line-height: 21px; + line-height: 20px; color: #777777; text-align: center; } @@ -3685,12 +3685,12 @@ button.close { } .navbar-btn { - margin-top: 7.5px; + margin-top: 8px; } .navbar-text { - margin-top: 14.5px; - margin-bottom: 14.5px; + margin-top: 15px; + margin-bottom: 15px; } .navbar-link { @@ -3901,7 +3901,7 @@ button.close { .breadcrumb { padding: 8px 15px; - margin: 0 0 1.5; + margin: 0 0 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; @@ -3929,7 +3929,7 @@ button.close { .pagination { display: inline-block; - margin: 1.5 0; + margin: 20px 0; border-radius: 4px; } @@ -3941,7 +3941,7 @@ button.close { .pagination > li > span { float: left; padding: 4px 12px; - line-height: 1.5; + line-height: 1.428; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; @@ -3986,7 +3986,7 @@ button.close { .pagination-large > li > a, .pagination-large > li > span { padding: 11px 14px; - font-size: 17.5px; + font-size: 18px; } .pagination-large > li:first-child > a, @@ -4020,17 +4020,17 @@ button.close { .pagination-small > li > a, .pagination-small > li > span { padding: 2px 10px; - font-size: 11.9px; + font-size: 12px; } .pagination-mini > li > a, .pagination-mini > li > span { padding: 0 6px; - font-size: 10.5px; + font-size: 11px; } .pager { - margin: 1.5 0; + margin: 20px 0; text-align: center; list-style: none; } @@ -4167,7 +4167,7 @@ button.close { } .modal-header { - min-height: 16.5px; + min-height: 16.428px; padding: 15px; border-bottom: 1px solid #e5e5e5; } @@ -4178,7 +4178,7 @@ button.close { .modal-title { margin: 0; - line-height: 1.5; + line-height: 1.428; } .modal-body { @@ -4245,7 +4245,7 @@ button.close { position: absolute; z-index: 1030; display: block; - font-size: 10.5px; + font-size: 11px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); @@ -4468,7 +4468,7 @@ button.close { .alert { padding: 10px 35px 10px 15px; - margin-bottom: 21px; + margin-bottom: 20px; color: #c09853; background-color: #fcf8e3; border: 1px solid #fbeed5; @@ -4559,7 +4559,7 @@ button.close { .thumbnail, .img-thumbnail { padding: 4px; - line-height: 1.5; + line-height: 1.428; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; @@ -4692,7 +4692,7 @@ a.thumbnail:focus { display: inline-block; min-width: 10px; padding: 3px 7px; - font-size: 11.9px; + font-size: 12px; font-weight: bold; line-height: 1; color: #fff; @@ -4779,8 +4779,8 @@ a.list-group-item.active > .badge, } .progress { - height: 21px; - margin-bottom: 21px; + height: 20px; + margin-bottom: 20px; overflow: hidden; background-color: #f5f5f5; border-radius: 4px; @@ -4792,7 +4792,7 @@ a.list-group-item.active > .badge, float: left; width: 0; height: 100%; - font-size: 11.9px; + font-size: 12px; color: #fff; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); @@ -4874,7 +4874,7 @@ a.list-group-item.active > .badge, } .accordion { - margin-bottom: 1.5; + margin-bottom: 20px; } .accordion-group { @@ -5086,7 +5086,7 @@ a.list-group-item.active > .badge, margin-bottom: 30px; font-size: 21px; font-weight: 200; - line-height: 2.25; + line-height: 2.142; color: inherit; background-color: #eeeeee; } diff --git a/docs/css.html b/docs/css.html index e9fdb70d6..9684d778c 100644 --- a/docs/css.html +++ b/docs/css.html @@ -331,7 +331,7 @@ lead: "Fundamental HTML elements styled and enhanced with extensible classes."

                                                                  Body copy

                                                                  -

                                                                  Bootstrap's global default font-size is 14px, with a line-height of 1.5. This is applied to the <body> and all paragraphs. In addition, <p> (paragraphs) receive a bottom margin of half their line-height (10px by default).

                                                                  +

                                                                  Bootstrap's global default font-size is 14px, with a line-height of 1.428. This is applied to the <body> and all paragraphs. In addition, <p> (paragraphs) receive a bottom margin of half their computed line-height (10px by default).

                                                                  Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.

                                                                  Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec ullamcorper nulla non metus auctor fringilla.

                                                                  diff --git a/less/mixins.less b/less/mixins.less index dc46be904..dcba39f85 100644 --- a/less/mixins.less +++ b/less/mixins.less @@ -444,9 +444,6 @@ } } - - - // Small grid columns .generate-grid-columns(@grid-columns) { diff --git a/less/variables.less b/less/variables.less index c8ddb0c9e..cb07c8307 100644 --- a/less/variables.less +++ b/less/variables.less @@ -46,12 +46,12 @@ @font-family-base: @font-family-sans-serif; @font-size-base: 14px; -@font-size-large: (@font-size-base * 1.25); // ~18px -@font-size-small: (@font-size-base * 0.85); // ~12px -@font-size-mini: (@font-size-base * 0.75); // ~11px +@font-size-large: ceil(@font-size-base * 1.25); // ~18px +@font-size-small: ceil(@font-size-base * 0.85); // ~12px +@font-size-mini: ceil(@font-size-base * 0.75); // ~11px -@line-height-base: 1.5; -@line-height-computed: (@font-size-base * @line-height-base); +@line-height-base: 1.428; // 20/14 +@line-height-computed: ceil(@font-size-base * @line-height-base); // ~20px @line-height-headings: 1.1; @headings-font-family: inherit; // empty to use BS default, @font-family-base -- cgit v1.2.3 From 5e13f578706fd7339e8a5bc1e1c10370410ef765 Mon Sep 17 00:00:00 2001 From: Vinay Raghu Date: Sat, 11 May 2013 19:28:59 +0530 Subject: Changed Screen Notations on responsive-utilities.less and recompiled the stylesheet --- docs/assets/css/bootstrap.css | 1396 +++++++++------------------------------- less/responsive-utilities.less | 36 +- 2 files changed, 339 insertions(+), 1093 deletions(-) diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 5484d9833..b12e587f2 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -7,9 +7,7 @@ * * Designed and built with all the love in the world by @mdo and @fat. */ - /*! normalize.css v2.1.0 | MIT License | git.io/normalize */ - article, aside, details, @@ -24,70 +22,56 @@ section, summary { display: block; } - audio, canvas, video { display: inline-block; } - audio:not([controls]) { display: none; height: 0; } - [hidden] { display: none; } - html { font-family: sans-serif; -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; } - body { margin: 0; } - a:focus { outline: thin dotted; } - a:active, a:hover { outline: 0; } - h1 { - margin: 0.67em 0; font-size: 2em; + margin: 0.67em 0; } - abbr[title] { border-bottom: 1px dotted; } - b, strong { font-weight: bold; } - dfn { font-style: italic; } - hr { - height: 0; -moz-box-sizing: content-box; - box-sizing: content-box; + box-sizing: content-box; + height: 0; } - mark { - color: #000; background: #ff0; + color: #000; } - code, kbd, pre, @@ -95,128 +79,105 @@ samp { font-family: monospace, serif; font-size: 1em; } - pre { white-space: pre-wrap; } - q { quotes: "\201C" "\201D" "\2018" "\2019"; } - small { font-size: 80%; } - sub, sup { - position: relative; font-size: 75%; line-height: 0; + position: relative; vertical-align: baseline; } - sup { top: -0.5em; } - sub { bottom: -0.25em; } - img { border: 0; } - svg:not(:root) { overflow: hidden; } - figure { margin: 0; } - fieldset { - padding: 0.35em 0.625em 0.75em; - margin: 0 2px; border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; } - legend { - padding: 0; border: 0; + padding: 0; } - button, input, select, textarea { - margin: 0; font-family: inherit; font-size: 100%; + margin: 0; } - button, input { line-height: normal; } - button, select { text-transform: none; } - button, html input[type="button"], input[type="reset"], input[type="submit"] { - cursor: pointer; -webkit-appearance: button; + cursor: pointer; } - button[disabled], html input[disabled] { cursor: default; } - input[type="checkbox"], input[type="radio"] { - padding: 0; box-sizing: border-box; + padding: 0; } - input[type="search"] { - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; -webkit-appearance: textfield; + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; + box-sizing: content-box; } - input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } - button::-moz-focus-inner, input::-moz-focus-inner { - padding: 0; border: 0; + padding: 0; } - textarea { overflow: auto; vertical-align: top; } - table { border-collapse: collapse; border-spacing: 0; } - @media print { * { - color: #000 !important; text-shadow: none !important; + color: #000 !important; background: transparent !important; box-shadow: none !important; } @@ -267,19 +228,16 @@ table { display: none; } } - * { -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } - html { font-size: 62.5%; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } - body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; @@ -287,7 +245,6 @@ body { color: #333333; background-color: #ffffff; } - input, button, select, @@ -296,113 +253,89 @@ textarea { font-size: inherit; line-height: inherit; } - a { color: #428bca; text-decoration: none; } - a:hover, a:focus { color: #2a6496; text-decoration: underline; } - a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } - img { - height: auto; max-width: 100%; + height: auto; vertical-align: middle; } - .img-rounded { border-radius: 6px; } - .img-circle { border-radius: 500px; } - p { margin: 0 0 10px; } - .lead { margin-bottom: 20px; font-size: 21px; font-weight: 200; line-height: 1.4; } - small { font-size: 85%; } - strong { font-weight: bold; } - em { font-style: italic; } - cite { font-style: normal; } - .text-muted { color: #999999; } - a.text-muted:hover, a.text-muted:focus { color: #808080; } - .text-warning { color: #c09853; } - a.text-warning:hover, a.text-warning:focus { color: #a47e3c; } - .text-danger { color: #b94a48; } - a.text-danger:hover, a.text-danger:focus { color: #953b39; } - .text-success { color: #468847; } - a.text-success:hover, a.text-success:focus { color: #356635; } - .text-left { text-align: left; } - .text-right { text-align: right; } - .text-center { text-align: center; } - h1, h2, h3, @@ -419,7 +352,6 @@ h6, font-weight: 500; line-height: 1.1; } - h1 small, h2 small, h3 small, @@ -436,158 +368,137 @@ h6 small, line-height: 1; color: #999999; } - h1, h2, h3 { margin-top: 20px; margin-bottom: 10px; } - h4, h5, h6 { margin-top: 10px; margin-bottom: 10px; } - h1, .h1 { font-size: 38px; } - h2, .h2 { font-size: 32px; } - h3, .h3 { font-size: 24px; } - h4, .h4 { font-size: 18px; } - h5, .h5 { font-size: 14px; } - h6, .h6 { font-size: 12px; } - h1 small, .h1 small { font-size: 24px; } - h2 small, .h2 small { font-size: 18px; } - h3 small, .h3 small, h4 small, .h4 small { font-size: 14px; } - .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eeeeee; } - ul, ol { padding: 0; margin: 0 0 10px 25px; } - ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } - li { line-height: 1.428; } - .list-unstyled { margin-left: 0; list-style: none; } - .list-inline { margin-left: 0; list-style: none; } - .list-inline > li { display: inline-block; - padding-right: 5px; padding-left: 5px; + padding-right: 5px; } - dl { margin-bottom: 20px; } - dt, dd { line-height: 1.428; } - dt { font-weight: bold; } - dd { margin-left: 10px; } - .dl-horizontal:before, .dl-horizontal:after { - display: table; content: " "; -} + /* 1 */ + + display: table; + /* 2 */ +} .dl-horizontal:after { clear: both; } - .dl-horizontal:before, .dl-horizontal:after { - display: table; content: " "; -} + /* 1 */ + + display: table; + /* 2 */ +} .dl-horizontal:after { clear: both; } - .dl-horizontal dt { float: left; width: 160px; - overflow: hidden; clear: left; text-align: right; + overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } - .dl-horizontal dd { margin-left: 180px; } - hr { margin: 20px 0; border: 0; @@ -595,44 +506,36 @@ hr { border-bottom: 1px solid #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.5); } - abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #999999; } - abbr.initialism { font-size: 90%; text-transform: uppercase; } - blockquote { padding: 10px 20px; margin: 0 0 20px; border-left: 5px solid #eeeeee; } - blockquote p { font-size: 17.5px; font-weight: 300; line-height: 1.25; } - blockquote p:last-child { margin-bottom: 0; } - blockquote small { display: block; line-height: 1.428; color: #999999; } - blockquote small:before { content: '\2014 \00A0'; } - blockquote.pull-right { float: right; padding-right: 15px; @@ -640,34 +543,28 @@ blockquote.pull-right { border-right: 5px solid #eeeeee; border-left: 0; } - blockquote.pull-right p, blockquote.pull-right small { text-align: right; } - blockquote.pull-right small:before { content: ''; } - blockquote.pull-right small:after { content: '\00A0 \2014'; } - q:before, q:after, blockquote:before, blockquote:after { content: ""; } - address { display: block; margin-bottom: 20px; font-style: normal; line-height: 1.428; } - code, pre { padding: 0 3px 2px; @@ -676,15 +573,13 @@ pre { color: #333333; border-radius: 4px; } - code { padding: 2px 4px; font-size: 90%; color: #c7254e; - white-space: nowrap; background-color: #f9f2f4; + white-space: nowrap; } - pre { display: block; padding: 9.5px; @@ -700,11 +595,9 @@ pre { border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; } - pre.prettyprint { margin-bottom: 20px; } - pre code { padding: 0; color: inherit; @@ -713,119 +606,110 @@ pre code { background-color: transparent; border: 0; } - .pre-scrollable { max-height: 340px; overflow-y: scroll; } - .container { margin-right: auto; margin-left: auto; } - .container:before, .container:after { - display: table; content: " "; -} + /* 1 */ + display: table; + /* 2 */ + +} .container:after { clear: both; } - .container:before, .container:after { - display: table; content: " "; -} + /* 1 */ + + display: table; + /* 2 */ +} .container:after { clear: both; } - .row:before, .row:after { - display: table; content: " "; -} + /* 1 */ + display: table; + /* 2 */ + +} .row:after { clear: both; } - .row:before, .row:after { - display: table; content: " "; -} + /* 1 */ + + display: table; + /* 2 */ +} .row:after { clear: both; } - .row .row { - margin-right: -15px; margin-left: -15px; + margin-right: -15px; } - .col { position: relative; float: left; width: 100%; min-height: 1px; - padding-right: 15px; padding-left: 15px; + padding-right: 15px; } - .col-sm-12 { width: 100%; } - .col-sm-11 { width: 91.66666666666666%; } - .col-sm-10 { width: 83.33333333333334%; } - .col-sm-9 { width: 75%; } - .col-sm-8 { width: 66.66666666666666%; } - .col-sm-7 { width: 58.333333333333336%; } - .col-sm-6 { width: 50%; } - .col-sm-5 { width: 41.66666666666667%; } - .col-sm-4 { width: 33.33333333333333%; } - .col-sm-3 { width: 25%; } - .col-sm-2 { width: 16.666666666666664%; } - .col-sm-1 { width: 8.333333333333332%; } - @media screen and (min-width: 768px) { .col-lg-12 { width: 100%; @@ -972,47 +856,39 @@ pre code { right: 8.333333333333332%; } } - @media screen and (min-width: 768px) { .container { max-width: 728px; } .row { - margin-right: -15px; margin-left: -15px; + margin-right: -15px; } } - @media screen and (min-width: 992px) { .container { max-width: 940px; } } - @media screen and (min-width: 1200px) { .container { max-width: 1170px; } } - /*[class*="col-span-"].pull-right { float: right; }*/ - table { max-width: 100%; background-color: transparent; } - th { text-align: left; } - .table { width: 100%; margin-bottom: 20px; } - .table thead > tr > th, .table tbody > tr > th, .table thead > tr > td, @@ -1022,11 +898,9 @@ th { vertical-align: top; border-top: 1px solid #dddddd; } - .table thead > tr > th { vertical-align: bottom; } - .table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, @@ -1035,36 +909,30 @@ th { .table thead:first-child tr:first-child td { border-top: 0; } - .table tbody + tbody { border-top: 2px solid #dddddd; } - .table .table { background-color: #ffffff; } - .table-condensed thead > tr > th, .table-condensed tbody > tr > th, .table-condensed thead > tr > td, .table-condensed tbody > tr > td { padding: 4px 5px; } - .table-bordered { border: 1px solid #dddddd; border-collapse: separate; border-left: 0; border-radius: 4px; } - .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td { border-left: 1px solid #dddddd; } - .table-bordered > caption + thead > tr:first-child th, .table-bordered > caption + tbody > tr:first-child th, .table-bordered > caption + tbody > tr:first-child td, @@ -1076,19 +944,16 @@ th { .table-bordered > tbody:first-child > tr:first-child td { border-top: 0; } - .table-bordered > thead:first-child > tr:first-child > th:first-child, .table-bordered > tbody:first-child > tr:first-child > td:first-child, .table-bordered > tbody:first-child > tr:first-child > th:first-child { border-top-left-radius: 4px; } - .table-bordered > thead:first-child > tr:first-child > th:last-child, .table-bordered > tbody:first-child > tr:first-child > td:last-child, .table-bordered > tbody:first-child > tr:first-child > th:last-child { border-top-right-radius: 4px; } - .table-bordered > thead:last-child > tr:last-child > th:first-child, .table-bordered > tbody:last-child > tr:last-child > td:first-child, .table-bordered > tbody:last-child > tr:last-child > th:first-child, @@ -1096,7 +961,6 @@ th { .table-bordered > tfoot:last-child > tr:last-child > th:first-child { border-bottom-left-radius: 4px; } - .table-bordered > thead:last-child > tr:last-child > th:last-child, .table-bordered > tbody:last-child > tr:last-child > td:last-child, .table-bordered > tbody:last-child > tr:last-child > th:last-child, @@ -1104,102 +968,85 @@ th { .table-bordered > tfoot:last-child > tr:last-child > th:last-child { border-bottom-right-radius: 4px; } - .table-bordered > tfoot + tbody:last-child > tr:last-child > td:first-child { border-bottom-left-radius: 0; } - .table-bordered > tfoot + tbody:last-child > tr:last-child > td:last-child { border-bottom-right-radius: 0; } - .table-bordered > caption + thead > tr:first-child > th:first-child, .table-bordered > caption + tbody > tr:first-child > td:first-child, .table-bordered > colgroup + thead > tr:first-child > th:first-child, .table-bordered > colgroup + tbody > tr:first-child > td:first-child { border-top-left-radius: 4px; } - .table-bordered > caption + thead > tr:first-child > th:last-child, .table-bordered > caption + tbody > tr:first-child > td:last-child, .table-bordered > colgroup + thead > tr:first-child > th:last-child, .table-bordered > colgroup + tbody > tr:first-child > td:last-child { border-top-right-radius: 4px; } - .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } - .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { background-color: #f5f5f5; } - table col[class*="col-span-"] { - display: table-column; float: none; + display: table-column; } - table td[class*="col-span-"], table th[class*="col-span-"] { - display: table-cell; float: none; + display: table-cell; } - .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tbody > tr.success > td { background-color: #dff0d8; border-color: #d6e9c6; } - .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tbody > tr.danger > td { background-color: #f2dede; border-color: #eed3d7; } - .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tbody > tr.warning > td { background-color: #fcf8e3; border-color: #fbeed5; } - .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td { background-color: #d0e9c6; border-color: #c9e2b3; } - .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td { background-color: #ebcccc; border-color: #e6c1c7; } - .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td { background-color: #faf2cc; border-color: #f8e5be; } - form { margin: 0; } - fieldset { padding: 0; margin: 0; border: 0; } - legend { display: block; width: 100%; @@ -1211,13 +1058,11 @@ legend { border: 0; border-bottom: 1px solid #e5e5e5; } - label { display: inline-block; margin-bottom: 5px; font-weight: bold; } - select, textarea, input[type="text"], @@ -1245,19 +1090,17 @@ input[type="color"] { border: 1px solid #cccccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -webkit-transition: border-color linear 0.2s, box-shadow linear 0.2s; - -moz-transition: border-color linear 0.2s, box-shadow linear 0.2s; - -o-transition: border-color linear 0.2s, box-shadow linear 0.2s; - transition: border-color linear 0.2s, box-shadow linear 0.2s; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -webkit-transition: border-color linear .2s, box-shadow linear .2s; + -moz-transition: border-color linear .2s, box-shadow linear .2s; + -o-transition: border-color linear .2s, box-shadow linear .2s; + transition: border-color linear .2s, box-shadow linear .2s; } - input, select, textarea { width: 100%; } - input[type="file"], input[type="image"], input[type="submit"], @@ -1267,17 +1110,14 @@ input[type="radio"], input[type="checkbox"] { width: auto; } - input[type="search"] { -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } - textarea { height: auto; } - textarea:focus, input[type="text"]:focus, input[type="password"]:focus, @@ -1299,9 +1139,8 @@ input[type="color"]:focus { /* IE6-9 */ -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6); - box-shadow: 0 0 8px rgba(82, 168, 236, 0.6); + box-shadow: 0 0 8px rgba(82, 168, 236, 0.6); } - input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; @@ -1310,7 +1149,6 @@ input[type="checkbox"] { line-height: normal; } - select, input[type="file"] { height: 34px; @@ -1318,12 +1156,10 @@ input[type="file"] { line-height: 34px; } - select[multiple], select[size] { height: auto; } - select:focus, input[type="file"]:focus, input[type="radio"]:focus, @@ -1332,37 +1168,31 @@ input[type="checkbox"]:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } - input:-moz-placeholder, textarea:-moz-placeholder { color: #999999; } - input::-moz-placeholder, textarea::-moz-placeholder { color: #999999; } - input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999999; } - input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999999; } - .radio, .checkbox { display: block; min-height: 20px; - padding-left: 20px; margin-top: 10px; margin-bottom: 10px; + padding-left: 20px; vertical-align: middle; } - .radio label, .checkbox label { display: inline; @@ -1370,7 +1200,6 @@ textarea::-webkit-input-placeholder { font-weight: normal; cursor: pointer; } - .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], @@ -1378,12 +1207,10 @@ textarea::-webkit-input-placeholder { float: left; margin-left: -20px; } - .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } - /* // Move the options list down to align with labels .controls > .radio:first-child, @@ -1391,23 +1218,20 @@ textarea::-webkit-input-placeholder { padding-top: 5px; // has to be padding because margin collaspes } */ - .radio-inline, .checkbox-inline { display: inline-block; padding-left: 20px; margin-bottom: 0; - font-weight: normal; vertical-align: middle; + font-weight: normal; cursor: pointer; } - .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } - select.input-large, textarea.input-large, input[type="text"].input-large, @@ -1428,7 +1252,6 @@ input[type="color"].input-large { font-size: 18px; border-radius: 6px; } - select.input-small, textarea.input-small, input[type="text"].input-small, @@ -1450,7 +1273,6 @@ input[type="color"].input-small { font-size: 12px; border-radius: 3px; } - input[disabled], select[disabled], textarea[disabled], @@ -1463,7 +1285,6 @@ fieldset[disabled] textarea { cursor: not-allowed; background-color: #eeeeee; } - input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"][readonly], @@ -1472,73 +1293,61 @@ fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] { background-color: transparent; } - .has-warning .control-label { color: #c09853; } - .has-warning .input-with-feedback { padding-right: 32px; border-color: #c09853; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } - .has-warning .input-with-feedback:focus { border-color: #a47e3c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; } - .has-error .control-label { color: #b94a48; } - .has-error .input-with-feedback { padding-right: 32px; border-color: #b94a48; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } - .has-error .input-with-feedback:focus { border-color: #953b39; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; } - .has-success .control-label { color: #468847; } - .has-success .input-with-feedback { padding-right: 32px; border-color: #468847; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } - .has-success .input-with-feedback:focus { border-color: #356635; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; } - input:focus:invalid, textarea:focus:invalid, select:focus:invalid { color: #b94a48; border-color: #ee5f5b; } - input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus { border-color: #e9322d; -webkit-box-shadow: 0 0 6px #f8b9b7; - box-shadow: 0 0 6px #f8b9b7; + box-shadow: 0 0 6px #f8b9b7; } - .form-actions { padding: 20px 20px; margin-top: 20px; @@ -1546,69 +1355,68 @@ select:focus:invalid:focus { background-color: #f5f5f5; border-top: 1px solid #e5e5e5; } - .form-actions:before, .form-actions:after { - display: table; content: " "; -} + /* 1 */ + + display: table; + /* 2 */ +} .form-actions:after { clear: both; } - .form-actions:before, .form-actions:after { - display: table; content: " "; -} + /* 1 */ + + display: table; + /* 2 */ +} .form-actions:after { clear: both; } - .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } - .input-group { display: table; } - .input-group.col { float: none; - padding-right: 0; padding-left: 0; + padding-right: 0; } - .input-group input, .input-group select { width: 100%; margin-bottom: 0; } - .input-group-addon, .input-group-btn, .input-group input { display: table-cell; } - .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group input:not(:first-child):not(:last-child) { border-radius: 0; } - .input-group-addon, .input-group-btn { width: 1%; vertical-align: middle; } - .input-group-addon { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; padding: 6px 8px; font-size: 14px; font-weight: normal; @@ -1618,35 +1426,27 @@ select:focus:invalid:focus { background-color: #eeeeee; border: 1px solid #ccc; border-radius: 4px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; } - .input-group-addon.input-small { padding: 2px 10px; font-size: 12px; border-radius: 3px; } - .input-group-addon.input-large { padding: 11px 14px; font-size: 18px; border-radius: 6px; } - .input-group input:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn:first-child, .input-group-btn:first-child > .dropdown-toggle:first-child { - border-top-right-radius: 0; border-bottom-right-radius: 0; + border-top-right-radius: 0; } - .input-group-addon:first-child { border-right: 0; } - .input-group input:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn:last-child, @@ -1654,30 +1454,24 @@ select:focus:invalid:focus { border-bottom-left-radius: 0; border-top-left-radius: 0; } - .input-group-addon:last-child { border-left: 0; } - .input-group-btn { position: relative; white-space: nowrap; } - .input-group-btn > .btn { position: relative; float: left; } - .input-group-btn > .btn + .btn { margin-left: -1px; } - .input-group-btn > .btn:hover, .input-group-btn > .btn:active { z-index: 2; } - .form-inline input, .form-inline select, .form-inline textarea, @@ -1685,22 +1479,18 @@ select:focus:invalid:focus { .form-inline .checkbox { display: inline-block; } - .form-inline .radio, .form-inline .checkbox { margin-top: 0; margin-bottom: 0; } - .form-horizontal .row + .row { margin-top: 15px; } - .form-horizontal .row-label { padding-top: 6px; text-align: right; } - .btn { display: inline-block; padding: 6px 12px; @@ -1709,50 +1499,44 @@ select:focus:invalid:focus { font-weight: 500; line-height: 1.428; text-align: center; - white-space: nowrap; vertical-align: middle; cursor: pointer; border: 1px solid transparent; border-radius: 4px; + white-space: nowrap; } - .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } - .btn:hover, .btn:focus { color: #fff; text-decoration: none; } - .btn:active, .btn.active { - background-image: none; outline: 0; + background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } - .btn.disabled, .btn[disabled], fieldset[disabled] .btn { - pointer-events: none; cursor: default; + pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } - .btn-default { color: #ffffff; background-color: #a7a9aa; border-color: #a7a9aa; } - .btn-default:hover, .btn-default:focus, .btn-default:active, @@ -1760,7 +1544,6 @@ fieldset[disabled] .btn { background-color: #9a9c9d; border-color: #8d9091; } - .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, @@ -1776,13 +1559,11 @@ fieldset[disabled] .btn-default.active { background-color: #a7a9aa; border-color: #a7a9aa; } - .btn-primary { color: #ffffff; background-color: #428bca; border-color: #428bca; } - .btn-primary:hover, .btn-primary:focus, .btn-primary:active, @@ -1790,7 +1571,6 @@ fieldset[disabled] .btn-default.active { background-color: #357ebd; border-color: #3071a9; } - .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, @@ -1806,13 +1586,11 @@ fieldset[disabled] .btn-primary.active { background-color: #428bca; border-color: #428bca; } - .btn-warning { color: #ffffff; background-color: #f0ad4e; border-color: #f0ad4e; } - .btn-warning:hover, .btn-warning:focus, .btn-warning:active, @@ -1820,7 +1598,6 @@ fieldset[disabled] .btn-primary.active { background-color: #eea236; border-color: #ec971f; } - .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, @@ -1836,13 +1613,11 @@ fieldset[disabled] .btn-warning.active { background-color: #f0ad4e; border-color: #f0ad4e; } - .btn-danger { color: #ffffff; background-color: #d9534f; border-color: #d9534f; } - .btn-danger:hover, .btn-danger:focus, .btn-danger:active, @@ -1850,7 +1625,6 @@ fieldset[disabled] .btn-warning.active { background-color: #d43f3a; border-color: #c9302c; } - .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, @@ -1866,13 +1640,11 @@ fieldset[disabled] .btn-danger.active { background-color: #d9534f; border-color: #d9534f; } - .btn-success { color: #ffffff; background-color: #5cb85c; border-color: #5cb85c; } - .btn-success:hover, .btn-success:focus, .btn-success:active, @@ -1880,7 +1652,6 @@ fieldset[disabled] .btn-danger.active { background-color: #4cae4c; border-color: #449d44; } - .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, @@ -1896,13 +1667,11 @@ fieldset[disabled] .btn-success.active { background-color: #5cb85c; border-color: #5cb85c; } - .btn-info { color: #ffffff; background-color: #5bc0de; border-color: #5bc0de; } - .btn-info:hover, .btn-info:focus, .btn-info:active, @@ -1910,7 +1679,6 @@ fieldset[disabled] .btn-success.active { background-color: #46b8da; border-color: #31b0d5; } - .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, @@ -1926,7 +1694,6 @@ fieldset[disabled] .btn-info.active { background-color: #5bc0de; border-color: #5bc0de; } - .btn-link, .btn-link:active, .btn-link[disabled], @@ -1934,30 +1701,26 @@ fieldset[disabled] .btn-link { background-color: transparent; background-image: none; -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } - .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } - .btn-link { - font-weight: normal; color: #428bca; + font-weight: normal; cursor: pointer; border-radius: 0; } - .btn-link:hover, .btn-link:focus { color: #2a6496; text-decoration: underline; background-color: transparent; } - .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, @@ -1965,54 +1728,45 @@ fieldset[disabled] .btn-link:focus { color: #333333; text-decoration: none; } - .btn-large { padding: 11px 14px; font-size: 18px; border-radius: 6px; } - .btn-small { padding: 2px 10px; font-size: 12px; border-radius: 3px; } - .btn-mini { padding: 0 6px; font-size: 11px; border-radius: 3px; } - .btn-block { display: block; width: 100%; - padding-right: 0; padding-left: 0; + padding-right: 0; } - .btn-block + .btn-block { margin-top: 5px; } - input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } - .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; - -moz-transition: opacity 0.15s linear; - -o-transition: opacity 0.15s linear; - transition: opacity 0.15s linear; + -moz-transition: opacity 0.15s linear; + -o-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; } - .fade.in { opacity: 1; } - /*.collapse { position: relative; height: 0; @@ -2022,685 +1776,518 @@ input[type="button"].btn-block { height: auto; } }*/ - .collapse { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; - -moz-transition: height 0.35s ease; - -o-transition: height 0.35s ease; - transition: height 0.35s ease; + -moz-transition: height 0.35s ease; + -o-transition: height 0.35s ease; + transition: height 0.35s ease; } - .collapse.in { height: auto; } - @font-face { font-family: 'Glyphicons Halflings'; src: url('../fonts/glyphiconshalflings-regular.eot'); src: url('../fonts/glyphiconshalflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphiconshalflings-regular.woff') format('woff'), url('../fonts/glyphiconshalflings-regular.ttf') format('truetype'), url('../fonts/glyphiconshalflings-regular.svg#glyphicons_halflingsregular') format('svg'); } - .glyphicon:before { font-family: 'Glyphicons Halflings'; - -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; line-height: 1; + -webkit-font-smoothing: antialiased; } - .glyphicon-glass:before { content: "\e001"; } - .glyphicon-music:before { content: "\e002"; } - .glyphicon-search:before { content: "\e003"; } - .glyphicon-envelope:before { content: "\2709"; } - .glyphicon-heart:before { content: "\e005"; } - .glyphicon-star:before { content: "\e006"; } - .glyphicon-star-empty:before { content: "\e007"; } - .glyphicon-user:before { content: "\e008"; } - .glyphicon-film:before { content: "\e009"; } - .glyphicon-th-large:before { content: "\e010"; } - .glyphicon-th:before { content: "\e011"; } - .glyphicon-th-list:before { content: "\e012"; } - .glyphicon-ok:before { content: "\e013"; } - .glyphicon-remove:before { content: "\e014"; } - .glyphicon-zoom-in:before { content: "\e015"; } - .glyphicon-zoom-out:before { content: "\e016"; } - .glyphicon-off:before { content: "\e017"; } - .glyphicon-signal:before { content: "\e018"; } - .glyphicon-cog:before { content: "\e019"; } - .glyphicon-trash:before { content: "\e020"; } - .glyphicon-home:before { content: "\e021"; } - .glyphicon-file:before { content: "\e022"; } - .glyphicon-time:before { content: "\e023"; } - .glyphicon-road:before { content: "\e024"; } - .glyphicon-download-alt:before { content: "\e025"; } - .glyphicon-download:before { content: "\e026"; } - .glyphicon-upload:before { content: "\e027"; } - .glyphicon-inbox:before { content: "\e028"; } - .glyphicon-play-circle:before { content: "\e029"; } - .glyphicon-repeat:before { content: "\e030"; } - .glyphicon-refresh:before { content: "\e031"; } - .glyphicon-list-alt:before { content: "\e032"; } - .glyphicon-lock:before { content: "\e033"; } - .glyphicon-flag:before { content: "\e034"; } - .glyphicon-headphones:before { content: "\e035"; } - .glyphicon-volume-off:before { content: "\e036"; } - .glyphicon-volume-down:before { content: "\e037"; } - .glyphicon-volume-up:before { content: "\e038"; } - .glyphicon-qrcode:before { content: "\e039"; } - .glyphicon-barcode:before { content: "\e040"; } - .glyphicon-tag:before { content: "\e041"; } - .glyphicon-tags:before { content: "\e042"; } - .glyphicon-book:before { content: "\e043"; } - .glyphicon-bookmark:before { content: "\e044"; } - .glyphicon-print:before { content: "\e045"; } - .glyphicon-camera:before { content: "\e046"; } - .glyphicon-font:before { content: "\e047"; } - .glyphicon-bold:before { content: "\e048"; } - .glyphicon-italic:before { content: "\e049"; } - .glyphicon-text-height:before { content: "\e050"; } - .glyphicon-text-width:before { content: "\e051"; } - .glyphicon-align-left:before { content: "\e052"; } - .glyphicon-align-center:before { content: "\e053"; } - .glyphicon-align-right:before { content: "\e054"; } - .glyphicon-align-justify:before { content: "\e055"; } - .glyphicon-list:before { content: "\e056"; } - .glyphicon-indent-left:before { content: "\e057"; } - .glyphicon-indent-right:before { content: "\e058"; } - .glyphicon-facetime-video:before { content: "\e059"; } - .glyphicon-picture:before { content: "\e060"; } - .glyphicon-pencil:before { content: "\270f"; } - .glyphicon-map-marker:before { content: "\e062"; } - .glyphicon-adjust:before { content: "\e063"; } - .glyphicon-tint:before { content: "\e064"; } - .glyphicon-edit:before { content: "\e065"; } - .glyphicon-share:before { content: "\e066"; } - .glyphicon-check:before { content: "\e067"; } - .glyphicon-move:before { content: "\e068"; } - .glyphicon-step-backward:before { content: "\e069"; } - .glyphicon-fast-backward:before { content: "\e070"; } - .glyphicon-backward:before { content: "\e071"; } - .glyphicon-play:before { content: "\e072"; } - .glyphicon-pause:before { content: "\e073"; } - .glyphicon-stop:before { content: "\e074"; } - .glyphicon-forward:before { content: "\e075"; } - .glyphicon-fast-forward:before { content: "\e076"; } - .glyphicon-step-forward:before { content: "\e077"; } - .glyphicon-eject:before { content: "\e078"; } - .glyphicon-chevron-left:before { content: "\e079"; } - .glyphicon-chevron-right:before { content: "\e080"; } - .glyphicon-plus-sign:before { content: "\e081"; } - .glyphicon-minus-sign:before { content: "\e082"; } - .glyphicon-remove-sign:before { content: "\e083"; } - .glyphicon-ok-sign:before { content: "\e084"; } - .glyphicon-question-sign:before { content: "\e085"; } - .glyphicon-info-sign:before { content: "\e086"; } - .glyphicon-screenshot:before { content: "\e087"; } - .glyphicon-remove-circle:before { content: "\e088"; } - .glyphicon-ok-circle:before { content: "\e089"; } - .glyphicon-ban-circle:before { content: "\e090"; } - .glyphicon-arrow-left:before { content: "\e091"; } - .glyphicon-arrow-right:before { content: "\e092"; } - .glyphicon-arrow-up:before { content: "\e093"; } - .glyphicon-arrow-down:before { content: "\e094"; } - .glyphicon-share-alt:before { content: "\e095"; } - .glyphicon-resize-full:before { content: "\e096"; } - .glyphicon-resize-small:before { content: "\e097"; } - .glyphicon-plus:before { content: "\002b"; } - .glyphicon-minus:before { content: "\2212"; } - .glyphicon-asterisk:before { content: "\002a"; } - .glyphicon-exclamation-sign:before { content: "\e101"; } - .glyphicon-gift:before { content: "\e102"; } - .glyphicon-leaf:before { content: "\e103"; } - .glyphicon-fire:before { content: "\e104"; } - .glyphicon-eye-open:before { content: "\e105"; } - .glyphicon-eye-close:before { content: "\e106"; } - .glyphicon-warning-sign:before { content: "\e107"; } - .glyphicon-plane:before { content: "\e108"; } - .glyphicon-calendar:before { content: "\e109"; } - .glyphicon-random:before { content: "\e110"; } - .glyphicon-comment:before { content: "\e111"; } - .glyphicon-magnet:before { content: "\e112"; } - .glyphicon-chevron-up:before { content: "\e113"; } - .glyphicon-chevron-down:before { content: "\e114"; } - .glyphicon-retweet:before { content: "\e115"; } - .glyphicon-shopping-cart:before { content: "\e116"; } - .glyphicon-folder-close:before { content: "\e117"; } - .glyphicon-folder-open:before { content: "\e118"; } - .glyphicon-resize-vertical:before { content: "\e119"; } - .glyphicon-resize-horizontal:before { content: "\e120"; } - .glyphicon-hdd:before { content: "\e121"; } - .glyphicon-bullhorn:before { content: "\e122"; } - .glyphicon-bell:before { content: "\e123"; } - .glyphicon-certificate:before { content: "\e124"; } - .glyphicon-thumbs-up:before { content: "\e125"; } - .glyphicon-thumbs-down:before { content: "\e126"; } - .glyphicon-hand-right:before { content: "\e127"; } - .glyphicon-hand-left:before { content: "\e128"; } - .glyphicon-hand-up:before { content: "\e129"; } - .glyphicon-hand-down:before { content: "\e130"; } - .glyphicon-circle-arrow-right:before { content: "\e131"; } - .glyphicon-circle-arrow-left:before { content: "\e132"; } - .glyphicon-circle-arrow-up:before { content: "\e133"; } - .glyphicon-circle-arrow-down:before { content: "\e134"; } - .glyphicon-globe:before { content: "\e135"; } - .glyphicon-wrench:before { content: "\e136"; } - .glyphicon-tasks:before { content: "\e137"; } - .glyphicon-filter:before { content: "\e138"; } - .glyphicon-briefcase:before { content: "\e139"; } - .glyphicon-fullscreen:before { content: "\e140"; } - .glyphicon-dashboard:before { content: "\e141"; } - .glyphicon-paperclip:before { content: "\e142"; } - .glyphicon-heart-empty:before { content: "\e143"; } - .glyphicon-link:before { content: "\e144"; } - .glyphicon-phone:before { content: "\e145"; } - .glyphicon-pushpin:before { content: "\e146"; } - .glyphicon-euro:before { content: "\20ac"; } - .glyphicon-usd:before { content: "\e148"; } - .glyphicon-gbp:before { content: "\e149"; } - .glyphicon-sort:before { content: "\e150"; } - .glyphicon-sort-by-alphabet:before { content: "\e151"; } - .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } - .glyphicon-sort-by-order:before { content: "\e153"; } - .glyphicon-sort-by-order-alt:before { content: "\e154"; } - .glyphicon-sort-by-attributes:before { content: "\e155"; } - .glyphicon-sort-by-attributes-alt:before { content: "\e156"; } - .glyphicon-unchecked:before { content: "\e157"; } - .glyphicon-expand:before { content: "\e158"; } - .glyphicon-collapse:before { content: "\e159"; } - .glyphicon-collapse-top:before { content: "\e160"; } - .dropup, .dropdown { position: relative; } - .dropdown-toggle:active, .open .dropdown-toggle { outline: 0; } - .caret { display: inline-block; width: 0; @@ -2711,12 +2298,10 @@ input[type="button"].btn-block { border-left: 4px solid transparent; content: ""; } - .dropdown .caret { margin-top: 8px; margin-left: 2px; } - .dropdown-menu { position: absolute; top: 100%; @@ -2733,17 +2318,15 @@ input[type="button"].btn-block { border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); - box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -webkit-background-clip: padding-box; - -moz-background-clip: padding-box; - background-clip: padding-box; + -moz-background-clip: padding-box; + background-clip: padding-box; } - .dropdown-menu.pull-right { right: 0; left: auto; } - .dropdown-menu .divider { height: 2px; margin: 9px 0; @@ -2751,7 +2334,6 @@ input[type="button"].btn-block { background-color: #e5e5e5; border-bottom: 1px solid #ffffff; } - .dropdown-menu > li > a { display: block; padding: 3px 20px; @@ -2761,13 +2343,12 @@ input[type="button"].btn-block { color: #333333; white-space: nowrap; } - .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a { - color: #ffffff; text-decoration: none; + color: #ffffff; background-color: #357ebd; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#428bca), to(#357ebd)); background-image: -webkit-linear-gradient(top, #428bca, #357ebd); @@ -2776,64 +2357,55 @@ input[type="button"].btn-block { background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0); } - .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #ffffff; text-decoration: none; + outline: 0; background-color: #357ebd; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#428bca), to(#357ebd)); background-image: -webkit-linear-gradient(top, #428bca, #357ebd); background-image: -moz-linear-gradient(top, #428bca, #357ebd); background-image: linear-gradient(to bottom, #428bca, #357ebd); background-repeat: repeat-x; - outline: 0; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0); } - .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #999999; } - .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; - cursor: default; background-color: transparent; background-image: none; - filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + cursor: default; } - .open > .dropdown-menu { display: block; } - .pull-right > .dropdown-menu { right: 0; left: auto; } - .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid #000; content: ""; } - .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } - .dropdown-submenu { position: relative; } - .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; @@ -2841,11 +2413,9 @@ input[type="button"].btn-block { margin-left: -1px; border-top-left-radius: 0; } - .dropdown-submenu:hover > .dropdown-menu { display: block; } - .dropup .dropdown-submenu > .dropdown-menu { top: auto; bottom: 0; @@ -2853,49 +2423,41 @@ input[type="button"].btn-block { margin-bottom: -2px; border-bottom-left-radius: 0; } - .dropdown-submenu > a:after { display: block; + content: " "; float: right; width: 0; height: 0; - margin-top: 5px; - margin-right: -10px; border-color: transparent; - border-left-color: #cccccc; border-style: solid; border-width: 5px 0 5px 5px; - content: " "; + border-left-color: #cccccc; + margin-top: 5px; + margin-right: -10px; } - .dropdown-submenu:hover > a:after { border-left-color: #ffffff; } - .dropdown-submenu.pull-left { float: none; } - .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; border-top-right-radius: 0; } - .dropdown .dropdown-menu .nav-header { - padding-right: 20px; padding-left: 20px; + padding-right: 20px; } - .typeahead { z-index: 1051; } - .list-group { margin: 0 0 20px; background-color: #ffffff; } - .list-group-item { position: relative; display: block; @@ -2903,71 +2465,57 @@ input[type="button"].btn-block { margin-bottom: -1px; border: 1px solid #dddddd; } - .list-group-item:first-child { border-top-right-radius: 4px; border-top-left-radius: 4px; } - .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } - .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } - .list-group-item-text { margin-bottom: 0; line-height: 1.3; } - a.list-group-item .list-group-item-heading { color: #333; } - a.list-group-item .list-group-item-text { color: #555; } - a.list-group-item:hover, a.list-group-item:focus { text-decoration: none; background-color: #f5f5f5; } - a.list-group-item.active { z-index: 2; color: #ffffff; background-color: #428bca; border-color: #428bca; } - a.list-group-item.active .list-group-item-heading { color: inherit; } - a.list-group-item.active .list-group-item-text { color: #e1edf7; } - .list-group-item > .badge, .list-group-item > .glyphicon-chevron-right { float: right; margin-right: -15px; } - .list-group-item > .glyphicon-chevron-right { margin-right: -15px; } - .list-group-item > .glyphicon + .badge { margin-right: 5px; } - .panel { padding: 15px; margin-bottom: 20px; @@ -2975,87 +2523,71 @@ a.list-group-item.active .list-group-item-text { border: 1px solid #dddddd; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } - .panel-heading { - padding: 10px 15px; margin: -15px -15px 15px; + padding: 10px 15px; font-size: 17.5px; font-weight: 500; background-color: #f5f5f5; border-bottom: 1px solid #dddddd; - border-top-right-radius: 3px; border-top-left-radius: 3px; + border-top-right-radius: 3px; } - .panel-primary { border-color: #428bca; } - .panel-primary .panel-heading { color: #ffffff; background-color: #428bca; border-color: #428bca; } - .panel-success { border-color: #d6e9c6; } - .panel-success .panel-heading { color: #468847; background-color: #dff0d8; border-color: #d6e9c6; } - .panel-warning { border-color: #fbeed5; } - .panel-warning .panel-heading { color: #c09853; background-color: #fcf8e3; border-color: #fbeed5; } - .panel-danger { border-color: #eed3d7; } - .panel-danger .panel-heading { color: #b94a48; background-color: #f2dede; border-color: #eed3d7; } - .panel-info { border-color: #bce8f1; } - .panel-info .panel-heading { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; } - .list-group-flush { margin: 15px -15px -15px; } - .list-group-flush .list-group-item { border-width: 1px 0; } - .list-group-flush .list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } - .list-group-flush .list-group-item:last-child { border-bottom: 0; } - .well { min-height: 20px; padding: 19px; @@ -3064,24 +2596,20 @@ a.list-group-item.active .list-group-item-text { border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } - .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } - .well-large { padding: 24px; border-radius: 6px; } - .well-small { padding: 9px; border-radius: 3px; } - .close { float: right; font-size: 21px; @@ -3092,7 +2620,6 @@ a.list-group-item.active .list-group-item-text { opacity: 0.2; filter: alpha(opacity=20); } - .close:hover, .close:focus { color: #000; @@ -3101,7 +2628,6 @@ a.list-group-item.active .list-group-item-text { opacity: 0.5; filter: alpha(opacity=50); } - button.close { padding: 0; cursor: pointer; @@ -3109,70 +2635,65 @@ button.close { border: 0; -webkit-appearance: none; } - .nav { - padding-left: 0; - margin-bottom: 0; margin-left: 0; + margin-bottom: 0; + padding-left: 0; list-style: none; } - .nav:before, .nav:after { - display: table; content: " "; -} + /* 1 */ + + display: table; + /* 2 */ +} .nav:after { clear: both; } - .nav:before, .nav:after { - display: table; content: " "; -} + /* 1 */ + + display: table; + /* 2 */ +} .nav:after { clear: both; } - .nav > li { display: block; } - .nav > li > a { position: relative; display: block; padding: 10px 15px; } - .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eeeeee; } - .nav > li.disabled > a { color: #999999; } - .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #999999; text-decoration: none; - cursor: default; background-color: transparent; + cursor: default; } - .nav > li + .nav-header { margin-top: 9px; } - .nav > .pull-right { float: right; } - .nav .nav-divider { height: 2px; margin: 9px 0; @@ -3180,103 +2701,83 @@ button.close { background-color: #e5e5e5; border-bottom: 1px solid #ffffff; } - .nav-tabs { border-bottom: 1px solid #ddd; } - .nav-tabs > li { float: left; margin-bottom: -1px; } - .nav-tabs > li > a { margin-right: 2px; line-height: 1.428; border: 1px solid transparent; border-radius: 4px 4px 0 0; } - .nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #dddddd; } - .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555555; - cursor: default; background-color: #ffffff; border: 1px solid #ddd; border-bottom-color: transparent; + cursor: default; } - .nav-tabs.nav-justified { width: 100%; border-bottom: 0; } - .nav-tabs.nav-justified > li { - display: table-cell; float: none; + display: table-cell; width: 1%; } - .nav-tabs.nav-justified > li > a { text-align: center; } - .nav-tabs.nav-justified > li > a { - margin-right: 0; border-bottom: 1px solid #ddd; + margin-right: 0; } - .nav-tabs.nav-justified > .active > a { border-bottom-color: #ffffff; } - .nav-pills > li { float: left; } - .nav-pills > li > a { border-radius: 5px; } - .nav-pills > li + li > a { margin-left: 2px; } - .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #fff; background-color: #428bca; } - .nav-stacked > li { float: none; } - .nav-stacked > li + li > a { margin-top: 2px; margin-left: 0; } - .nav-justified { width: 100%; } - .nav-justified > li { - display: table-cell; float: none; + display: table-cell; width: 1%; } - .nav-justified > li > a { text-align: center; } - .nav-header { display: block; padding: 3px 15px; @@ -3287,37 +2788,38 @@ button.close { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase; } - .tabbable:before, .tabbable:after { - display: table; content: " "; -} + /* 1 */ + + display: table; + /* 2 */ +} .tabbable:after { clear: both; } - .tabbable:before, .tabbable:after { - display: table; content: " "; -} + /* 1 */ + + display: table; + /* 2 */ +} .tabbable:after { clear: both; } - .tab-content > .tab-pane, .pill-content > .pill-pane { display: none; } - .tab-content > .active, .pill-content > .active { display: block; } - /* // Prevent IE8 from misplacing imgs // See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989 @@ -3386,71 +2888,67 @@ button.close { } */ - .navbar { position: relative; - padding-right: 15px; - padding-left: 15px; margin-bottom: 20px; + padding-left: 15px; + padding-right: 15px; background-color: #eeeeee; border-radius: 4px; } - .navbar:before, .navbar:after { - display: table; content: " "; -} + /* 1 */ + + display: table; + /* 2 */ +} .navbar:after { clear: both; } - .navbar:before, .navbar:after { - display: table; content: " "; -} + /* 1 */ + + display: table; + /* 2 */ +} .navbar:after { clear: both; } - .navbar-nav { margin-top: 10px; } - .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; - line-height: 20px; color: #777777; + line-height: 20px; } - .navbar-nav > li > a:hover, .navbar-nav > li > a:focus { color: #333333; background-color: transparent; } - .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus { color: #555555; background-color: #d5d5d5; } - .navbar-nav > .disabled > a, .navbar-nav > .disabled > a:hover, .navbar-nav > .disabled > a:focus { color: #cccccc; background-color: transparent; } - .navbar-static-top { border-radius: 0; } - .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; @@ -3459,36 +2957,31 @@ button.close { z-index: 1030; border-radius: 0; } - .navbar-fixed-top { top: 0; } - .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; } - .navbar-brand { display: block; max-width: 200px; - padding: 15px; - margin-right: auto; margin-left: auto; + margin-right: auto; + padding: 15px; font-size: 18px; font-weight: 500; line-height: 20px; color: #777777; text-align: center; } - .navbar-brand:hover, .navbar-brand:focus { color: #5e5e5e; text-decoration: none; background-color: transparent; } - .navbar-toggle { position: absolute; top: 10px; @@ -3498,12 +2991,10 @@ button.close { border: 1px solid #ddd; border-radius: 4px; } - .navbar-toggle:hover, .navbar-toggle:focus { background-color: #ddd; } - .navbar-toggle .icon-bar { display: block; width: 22px; @@ -3511,16 +3002,13 @@ button.close { background-color: #ccc; border-radius: 1px; } - .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } - .navbar-form { margin-top: 8px; margin-bottom: 8px; } - .navbar-form input, .navbar-form select, .navbar-form textarea, @@ -3528,139 +3016,115 @@ button.close { .navbar-form .checkbox { display: inline-block; } - .navbar-form .radio, .navbar-form .checkbox { margin-top: 0; margin-bottom: 0; } - .navbar-nav > li > .dropdown-menu { margin-top: 0; - border-top-right-radius: 0; border-top-left-radius: 0; + border-top-right-radius: 0; } - .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { - border-bottom-right-radius: 0; border-bottom-left-radius: 0; + border-bottom-right-radius: 0; } - .navbar-nav li.dropdown > a:hover .caret, .navbar-nav li.dropdown > a:focus .caret { border-top-color: #333333; border-bottom-color: #333333; } - .navbar-nav li.dropdown.open > .dropdown-toggle, .navbar-nav li.dropdown.active > .dropdown-toggle, .navbar-nav li.dropdown.open.active > .dropdown-toggle { - color: #555555; background-color: #d5d5d5; + color: #555555; } - .navbar-nav li.dropdown > .dropdown-toggle .caret { border-top-color: #777777; border-bottom-color: #777777; } - .navbar-nav li.dropdown.open > .dropdown-toggle .caret, .navbar-nav li.dropdown.active > .dropdown-toggle .caret, .navbar-nav li.dropdown.open.active > .dropdown-toggle .caret { border-top-color: #555555; border-bottom-color: #555555; } - .navbar-nav.pull-right > li > .dropdown-menu, .navbar-nav > li > .dropdown-menu.pull-right { - right: 0; left: auto; + right: 0; } - .navbar-inverse { background-color: #222222; } - .navbar-inverse .navbar-brand { color: #999999; } - .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: #ffffff; background-color: transparent; } - .navbar-inverse .navbar-text { color: #999999; } - .navbar-inverse .navbar-nav > li > a { color: #999999; } - .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #ffffff; background-color: transparent; } - .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #ffffff; background-color: #080808; } - .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { color: #444444; background-color: transparent; } - .navbar-inverse .navbar-toggle { border-color: #333; } - .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #333; } - .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; } - .navbar-inverse .navbar-nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .navbar-nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .navbar-nav li.dropdown.open.active > .dropdown-toggle { - color: #ffffff; background-color: #080808; + color: #ffffff; } - .navbar-inverse .navbar-nav li.dropdown > a:hover .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } - .navbar-inverse .navbar-nav li.dropdown > .dropdown-toggle .caret { border-top-color: #999999; border-bottom-color: #999999; } - .navbar-inverse .navbar-nav li.dropdown.open > .dropdown-toggle .caret, .navbar-inverse .navbar-nav li.dropdown.active > .dropdown-toggle .caret, .navbar-inverse .navbar-nav li.dropdown.open.active > .dropdown-toggle .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } - @media screen and (min-width: 768px) { .navbar-brand { float: left; - margin-right: 5px; margin-left: -5px; + margin-right: 5px; } .navbar .nav { float: left; @@ -3683,212 +3147,177 @@ button.close { overflow: visible !important; } } - .navbar-btn { margin-top: 8px; } - .navbar-text { margin-top: 15px; margin-bottom: 15px; } - .navbar-link { color: #777777; } - .navbar-link:hover { color: #333333; } - .navbar-inverse .navbar-link { color: #999999; } - .navbar-inverse .navbar-link:hover { color: #ffffff; } - .btn .caret { border-top-color: #ffffff; } - .dropup .btn .caret { border-bottom-color: #ffffff; } - .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } - .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; } - .btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:active, .btn-group-vertical > .btn:active { z-index: 2; } - .btn-group .btn + .btn { margin-left: -1px; } - .btn-toolbar:before, .btn-toolbar:after { - display: table; content: " "; -} + /* 1 */ + + display: table; + /* 2 */ +} .btn-toolbar:after { clear: both; } - .btn-toolbar:before, .btn-toolbar:after { - display: table; content: " "; -} + /* 1 */ + + display: table; + /* 2 */ +} .btn-toolbar:after { clear: both; } - .btn-toolbar .btn-group { float: left; } - .btn-toolbar > .btn + .btn, .btn-toolbar > .btn-group + .btn, .btn-toolbar > .btn + .btn-group, .btn-toolbar > .btn-group + .btn-group { margin-left: 5px; } - .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } - .btn-group > .btn:first-child { margin-left: 0; } - .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { - border-top-right-radius: 0; border-bottom-right-radius: 0; + border-top-right-radius: 0; } - .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } - .btn-group > .btn-group { float: left; } - .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } - .btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle { - border-top-right-radius: 0; border-bottom-right-radius: 0; + border-top-right-radius: 0; } - .btn-group > .btn-group:last-child > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } - .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } - .btn-group > .btn + .dropdown-toggle { - padding-right: 8px; padding-left: 8px; + padding-right: 8px; } - .btn-group > .btn-mini + .dropdown-toggle { - padding-right: 5px; padding-left: 5px; + padding-right: 5px; } - .btn-group > .btn-large + .dropdown-toggle { - padding-right: 12px; padding-left: 12px; + padding-right: 12px; } - .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } - .btn .caret { margin-top: 8px; margin-left: 0; } - .btn-large .caret { border-width: 5px; } - .dropup .btn-large .caret { border-bottom-width: 5px; } - .btn-group-vertical > .btn { display: block; float: none; width: 100%; max-width: 100%; } - .btn-group-vertical > .btn + .btn { margin-top: -1px; } - .btn-group-vertical .btn:not(:first-child):not(:last-child) { border-radius: 0; } - .btn-group-vertical .btn:first-child { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } - .btn-group-vertical .btn:last-child { border-top-right-radius: 0; border-top-left-radius: 0; } - .btn-group-justified { display: table; width: 100%; } - .btn-group-justified .btn { - display: table-cell; float: none; + display: table-cell; width: 1%; } - .btn-group[data-toggle="buttons-radio"] > .btn > input[type="radio"], .btn-group[data-toggle="buttons-checkbox"] > .btn > input[type="checkbox"] { display: none; } - .breadcrumb { padding: 8px 15px; margin: 0 0 20px; @@ -3896,37 +3325,30 @@ button.close { background-color: #f5f5f5; border-radius: 4px; } - .breadcrumb > li { display: inline-block; text-shadow: 0 1px 0 #fff; } - .breadcrumb > li:after { display: inline-block; + content: "\00a0 /"; padding: 0 5px; color: #ccc; - content: "\00a0 /"; } - .breadcrumb > li:last-child:after { display: none; } - .breadcrumb > .active { color: #999999; } - .pagination { display: inline-block; margin: 20px 0; border-radius: 4px; } - .pagination > li { display: inline; } - .pagination > li > a, .pagination > li > span { float: left; @@ -3937,60 +3359,51 @@ button.close { border: 1px solid #dddddd; border-left-width: 0; } - .pagination > li > a:hover, .pagination > li > a:focus, .pagination > .active > a, .pagination > .active > span { background-color: #f5f5f5; } - .pagination > .active > a, .pagination > .active > span { color: #999999; cursor: default; } - .pagination > .disabled > span, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #999999; - cursor: default; background-color: #ffffff; + cursor: default; } - .pagination > li:first-child > a, .pagination > li:first-child > span { border-left-width: 1px; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } - .pagination > li:last-child > a, .pagination > li:last-child > span { - border-top-right-radius: 4px; border-bottom-right-radius: 4px; + border-top-right-radius: 4px; } - .pagination-large > li > a, .pagination-large > li > span { padding: 11px 14px; font-size: 18px; } - .pagination-large > li:first-child > a, .pagination-large > li:first-child > span { border-bottom-left-radius: 6px; border-top-left-radius: 6px; } - .pagination-large > li:last-child > a, .pagination-large > li:last-child > span { - border-top-right-radius: 6px; border-bottom-right-radius: 6px; + border-top-right-radius: 6px; } - .pagination-mini > li:first-child > a, .pagination-small > li:first-child > a, .pagination-mini > li:first-child > span, @@ -3998,57 +3411,55 @@ button.close { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } - .pagination-mini > li:last-child > a, .pagination-small > li:last-child > a, .pagination-mini > li:last-child > span, .pagination-small > li:last-child > span { - border-top-right-radius: 3px; border-bottom-right-radius: 3px; + border-top-right-radius: 3px; } - .pagination-small > li > a, .pagination-small > li > span { padding: 2px 10px; font-size: 12px; } - .pagination-mini > li > a, .pagination-mini > li > span { padding: 0 6px; font-size: 11px; } - .pager { margin: 20px 0; - text-align: center; list-style: none; + text-align: center; } - .pager:before, .pager:after { - display: table; content: " "; -} + /* 1 */ + + display: table; + /* 2 */ +} .pager:after { clear: both; } - .pager:before, .pager:after { - display: table; content: " "; -} + /* 1 */ + + display: table; + /* 2 */ +} .pager:after { clear: both; } - .pager li { display: inline; } - .pager li > a, .pager li > span { display: inline-block; @@ -4057,85 +3468,74 @@ button.close { border: 1px solid #dddddd; border-radius: 15px; } - .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #f5f5f5; } - .pager .next > a, .pager .next > span { float: right; } - .pager .previous > a, .pager .previous > span { float: left; } - .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #999999; - cursor: default; background-color: #ffffff; + cursor: default; } - .modal-open { overflow: hidden; } - .modal { + display: none; + overflow: auto; + overflow-y: scroll; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; - display: none; - overflow: auto; - overflow-y: scroll; -webkit-overflow-scrolling: touch; } - .modal.fade { top: -25%; -webkit-transition: opacity 0.3s linear, top 0.3s ease-out; - -moz-transition: opacity 0.3s linear, top 0.3s ease-out; - -o-transition: opacity 0.3s linear, top 0.3s ease-out; - transition: opacity 0.3s linear, top 0.3s ease-out; + -moz-transition: opacity 0.3s linear, top 0.3s ease-out; + -o-transition: opacity 0.3s linear, top 0.3s ease-out; + transition: opacity 0.3s linear, top 0.3s ease-out; } - .modal.fade.in { top: 0; } - .modal-dialog { position: relative; top: 0; - right: 0; left: 0; - z-index: 1050; + right: 0; width: auto; padding: 10px; + z-index: 1050; } - .modal-content { position: relative; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; - outline: none; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); - box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); + box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); -webkit-background-clip: padding-box; - -moz-background-clip: padding-box; - background-clip: padding-box; + -moz-background-clip: padding-box; + background-clip: padding-box; + outline: none; } - .modal-backdrop { position: fixed; top: 0; @@ -4145,128 +3545,114 @@ button.close { z-index: 1030; background-color: #000; } - .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } - .modal-backdrop.fade.in { opacity: 0.5; filter: alpha(opacity=50); } - .modal-header { - min-height: 16.428px; padding: 15px; border-bottom: 1px solid #e5e5e5; + min-height: 16.428px; } - .modal-header .close { margin-top: -2px; } - .modal-title { margin: 0; line-height: 1.428; } - .modal-body { position: relative; padding: 20px; } - .modal-footer { - padding: 19px 20px 20px; margin-top: 15px; + padding: 19px 20px 20px; text-align: right; border-top: 1px solid #e5e5e5; } - .modal-footer:before, .modal-footer:after { - display: table; content: " "; -} + /* 1 */ + display: table; + /* 2 */ + +} .modal-footer:after { clear: both; } - .modal-footer:before, .modal-footer:after { - display: table; content: " "; -} + /* 1 */ + display: table; + /* 2 */ + +} .modal-footer:after { clear: both; } - .modal-footer .btn + .btn { - margin-bottom: 0; margin-left: 5px; + margin-bottom: 0; } - .modal-footer .btn-group .btn + .btn { margin-left: -1px; } - .modal-footer .btn-block + .btn-block { margin-left: 0; } - @media screen and (min-width: 768px) { .modal-dialog { - right: auto; left: 50%; + right: auto; width: 560px; + margin-left: -280px; padding-top: 30px; padding-bottom: 30px; - margin-left: -280px; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); - box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } } - .tooltip { position: absolute; z-index: 1030; display: block; + visibility: visible; font-size: 11px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); - visibility: visible; } - .tooltip.in { opacity: 1; filter: alpha(opacity=100); } - .tooltip.top { - padding: 5px 0; margin-top: -3px; + padding: 5px 0; } - .tooltip.right { - padding: 0 5px; margin-left: 3px; + padding: 0 5px; } - .tooltip.bottom { - padding: 5px 0; margin-top: 3px; + padding: 5px 0; } - .tooltip.left { - padding: 0 5px; margin-left: -3px; + padding: 0 5px; } - .tooltip-inner { max-width: 200px; padding: 3px 8px; @@ -4276,7 +3662,6 @@ button.close { background-color: rgba(0, 0, 0, 0.9); border-radius: 4px; } - .tooltip-arrow { position: absolute; width: 0; @@ -4284,39 +3669,34 @@ button.close { border-color: transparent; border-style: solid; } - .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; - border-top-color: rgba(0, 0, 0, 0.9); border-width: 5px 5px 0; + border-top-color: rgba(0, 0, 0, 0.9); } - .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; - border-right-color: rgba(0, 0, 0, 0.9); border-width: 5px 5px 5px 0; + border-right-color: rgba(0, 0, 0, 0.9); } - .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; - border-left-color: rgba(0, 0, 0, 0.9); border-width: 5px 0 5px 5px; + border-left-color: rgba(0, 0, 0, 0.9); } - .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; - border-bottom-color: rgba(0, 0, 0, 0.9); border-width: 0 5px 5px; + border-bottom-color: rgba(0, 0, 0, 0.9); } - .popover { position: absolute; top: 0; @@ -4326,37 +3706,32 @@ button.close { max-width: 276px; padding: 1px; text-align: left; - white-space: normal; background-color: #ffffff; + -webkit-bg-clip: padding-box; + -moz-bg-clip: padding; + background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - background-clip: padding-box; - -webkit-bg-clip: padding-box; - -moz-bg-clip: padding; + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + white-space: normal; } - .popover.top { margin-top: -10px; } - .popover.right { margin-left: 10px; } - .popover.bottom { margin-top: 10px; } - .popover.left { margin-left: -10px; } - .popover-title { - padding: 8px 14px; margin: 0; + padding: 8px 14px; font-size: 14px; font-weight: normal; line-height: 18px; @@ -4364,15 +3739,12 @@ button.close { border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; } - .popover-title:empty { display: none; } - .popover-content { padding: 9px 14px; } - .popover .arrow, .popover .arrow:after { position: absolute; @@ -4382,80 +3754,69 @@ button.close { border-color: transparent; border-style: solid; } - .popover .arrow { border-width: 11px; } - .popover .arrow:after { border-width: 10px; content: ""; } - .popover.top .arrow { - bottom: -11px; left: 50%; margin-left: -11px; + border-bottom-width: 0; border-top-color: #999; border-top-color: rgba(0, 0, 0, 0.25); - border-bottom-width: 0; + bottom: -11px; } - .popover.top .arrow:after { bottom: 1px; margin-left: -10px; - border-top-color: #ffffff; border-bottom-width: 0; + border-top-color: #ffffff; } - .popover.right .arrow { top: 50%; left: -11px; margin-top: -11px; + border-left-width: 0; border-right-color: #999; border-right-color: rgba(0, 0, 0, 0.25); - border-left-width: 0; } - .popover.right .arrow:after { - bottom: -10px; left: 1px; - border-right-color: #ffffff; + bottom: -10px; border-left-width: 0; + border-right-color: #ffffff; } - .popover.bottom .arrow { - top: -11px; left: 50%; margin-left: -11px; + border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, 0.25); - border-top-width: 0; + top: -11px; } - .popover.bottom .arrow:after { top: 1px; margin-left: -10px; - border-bottom-color: #ffffff; border-top-width: 0; + border-bottom-color: #ffffff; } - .popover.left .arrow { top: 50%; right: -11px; margin-top: -11px; + border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, 0.25); - border-right-width: 0; } - .popover.left .arrow:after { right: 1px; - bottom: -10px; - border-left-color: #ffffff; border-right-width: 0; + border-left-color: #ffffff; + bottom: -10px; } - .alert { padding: 10px 35px 10px 15px; margin-bottom: 20px; @@ -4464,88 +3825,71 @@ button.close { border: 1px solid #fbeed5; border-radius: 4px; } - .alert h4 { margin-top: 0; color: inherit; } - .alert hr { border-top-color: #f8e5be; } - .alert > a, .alert > p > a { font-weight: 500; color: #a47e3c; } - .alert .close { position: relative; top: -2px; right: -21px; color: inherit; } - .alert-success { - color: #468847; background-color: #dff0d8; border-color: #d6e9c6; + color: #468847; } - .alert-success hr { border-top-color: #c9e2b3; } - .alert-success > a, .alert-success > p > a { color: #356635; } - .alert-danger { - color: #b94a48; background-color: #f2dede; border-color: #eed3d7; + color: #b94a48; } - .alert-danger hr { border-top-color: #e6c1c7; } - .alert-danger > a, .alert-danger > p > a { color: #953b39; } - .alert-info { - color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; + color: #3a87ad; } - .alert-info hr { border-top-color: #a6e1ec; } - .alert-info > a, .alert-info > p > a { color: #2d6987; } - .alert-block { padding-top: 15px; padding-bottom: 15px; } - .alert-block > p, .alert-block > ul { margin-bottom: 0; } - .alert-block p + p { margin-top: 5px; } - .thumbnail, .img-thumbnail { padding: 4px; @@ -4554,72 +3898,58 @@ button.close { border: 1px solid #dddddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; } - .thumbnail { display: block; } - .img-thumbnail { display: inline-block; } - a.thumbnail:hover, a.thumbnail:focus { border-color: #428bca; } - .thumbnail > img { display: block; max-width: 100%; - margin-right: auto; margin-left: auto; + margin-right: auto; } - .thumbnail .caption { padding: 9px; color: #333333; } - .media, .media-body { overflow: hidden; zoom: 1; } - .media, .media .media { margin-top: 15px; } - .media:first-child { margin-top: 0; } - .media-object { display: block; } - .media-heading { margin: 0 0 5px; } - .media > .pull-left { margin-right: 10px; } - .media > .pull-right { margin-left: 10px; } - .media-list { margin-left: 0; list-style: none; } - .label { display: inline; padding: .25em .6em; @@ -4633,7 +3963,6 @@ a.thumbnail:focus { background-color: #999999; border-radius: .25em; } - .label[href]:hover, .label[href]:focus { color: #fff; @@ -4641,88 +3970,72 @@ a.thumbnail:focus { cursor: pointer; background-color: #808080; } - .label-danger { background-color: #d9534f; } - .label-danger[href]:hover, .label-danger[href]:focus { background-color: #c9302c; } - .label-success { background-color: #5cb85c; } - .label-success[href]:hover, .label-success[href]:focus { background-color: #449d44; } - .label-warning { background-color: #f0ad4e; } - .label-warning[href]:hover, .label-warning[href]:focus { background-color: #ec971f; } - .label-info { background-color: #5bc0de; } - .label-info[href]:hover, .label-info[href]:focus { background-color: #31b0d5; } - .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; - line-height: 1; color: #fff; - text-align: center; - white-space: nowrap; + line-height: 1; vertical-align: middle; + white-space: nowrap; + text-align: center; background-color: #999999; border-radius: 10px; } - .badge:empty { display: none; } - a.badge:hover, a.badge:focus { color: #fff; text-decoration: none; cursor: pointer; } - .btn .badge { position: relative; top: -1px; } - .btn-mini .badge { top: 0; } - a.list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #428bca; background-color: #fff; } - .nav-pills > li > a > .badge { margin-left: 3px; } - @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; @@ -4731,7 +4044,6 @@ a.list-group-item.active > .badge, background-position: 0 0; } } - @-moz-keyframes progress-bar-stripes { from { background-position: 40px 0; @@ -4740,7 +4052,6 @@ a.list-group-item.active > .badge, background-position: 0 0; } } - @-ms-keyframes progress-bar-stripes { from { background-position: 40px 0; @@ -4749,7 +4060,6 @@ a.list-group-item.active > .badge, background-position: 0 0; } } - @-o-keyframes progress-bar-stripes { from { background-position: 0 0; @@ -4758,7 +4068,6 @@ a.list-group-item.active > .badge, background-position: 40px 0; } } - @keyframes progress-bar-stripes { from { background-position: 40px 0; @@ -4767,20 +4076,18 @@ a.list-group-item.active > .badge, background-position: 0 0; } } - .progress { + overflow: hidden; height: 20px; margin-bottom: 20px; - overflow: hidden; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } - .progress-bar { float: left; - width: 0; + width: 0%; height: 100%; font-size: 12px; color: #fff; @@ -4788,13 +4095,12 @@ a.list-group-item.active > .badge, text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #428bca; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; - -moz-transition: width 0.6s ease; - -o-transition: width 0.6s ease; - transition: width 0.6s ease; + -moz-transition: width 0.6s ease; + -o-transition: width 0.6s ease; + transition: width 0.6s ease; } - .progress-striped .progress-bar { background-color: #428bca; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); @@ -4802,23 +4108,20 @@ a.list-group-item.active > .badge, background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; - -moz-background-size: 40px 40px; - -o-background-size: 40px 40px; - background-size: 40px 40px; + -moz-background-size: 40px 40px; + -o-background-size: 40px 40px; + background-size: 40px 40px; } - .progress.active .progress-bar { -webkit-animation: progress-bar-stripes 2s linear infinite; - -moz-animation: progress-bar-stripes 2s linear infinite; - -ms-animation: progress-bar-stripes 2s linear infinite; - -o-animation: progress-bar-stripes 2s linear infinite; - animation: progress-bar-stripes 2s linear infinite; + -moz-animation: progress-bar-stripes 2s linear infinite; + -ms-animation: progress-bar-stripes 2s linear infinite; + -o-animation: progress-bar-stripes 2s linear infinite; + animation: progress-bar-stripes 2s linear infinite; } - .progress-bar-danger { background-color: #d9534f; } - .progress-striped .progress-bar-danger { background-color: #d9534f; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); @@ -4826,11 +4129,9 @@ a.list-group-item.active > .badge, background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } - .progress-bar-success { background-color: #5cb85c; } - .progress-striped .progress-bar-success { background-color: #5cb85c; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); @@ -4838,11 +4139,9 @@ a.list-group-item.active > .badge, background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } - .progress-bar-warning { background-color: #f0ad4e; } - .progress-striped .progress-bar-warning { background-color: #f0ad4e; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); @@ -4850,11 +4149,9 @@ a.list-group-item.active > .badge, background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } - .progress-bar-info { background-color: #5bc0de; } - .progress-striped .progress-bar-info { background-color: #5bc0de; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); @@ -4862,136 +4159,114 @@ a.list-group-item.active > .badge, background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } - .accordion { margin-bottom: 20px; } - .accordion-group { margin-bottom: 2px; border: 1px solid #e5e5e5; border-radius: 4px; } - .accordion-heading { border-bottom: 0; } - .accordion-heading .accordion-toggle { display: block; padding: 8px 15px; } - .accordion-toggle { cursor: pointer; } - .accordion-inner { padding: 9px 15px; border-top: 1px solid #e5e5e5; } - .carousel { position: relative; } - .carousel-inner { position: relative; - width: 100%; overflow: hidden; + width: 100%; } - .carousel-inner > .item { - position: relative; display: none; + position: relative; -webkit-transition: 0.6s ease-in-out left; - -moz-transition: 0.6s ease-in-out left; - -o-transition: 0.6s ease-in-out left; - transition: 0.6s ease-in-out left; + -moz-transition: 0.6s ease-in-out left; + -o-transition: 0.6s ease-in-out left; + transition: 0.6s ease-in-out left; } - .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; line-height: 1; } - .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } - .carousel-inner > .active { left: 0; } - .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } - .carousel-inner > .next { left: 100%; } - .carousel-inner > .prev { left: -100%; } - .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } - .carousel-inner > .active.left { left: -100%; } - .carousel-inner > .active.right { left: 100%; } - .carousel-control { position: absolute; top: 0; - bottom: 0; left: 0; + bottom: 0; width: 15%; + opacity: 0.5; + filter: alpha(opacity=50); font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); - opacity: 0.5; - filter: alpha(opacity=50); } - .carousel-control.left { background-color: rgba(0, 0, 0, 0.0001); - background-color: transparent; background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0001)); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0001)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0001)); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); + background-color: transparent; } - .carousel-control.right { - right: 0; left: auto; + right: 0; background-color: rgba(0, 0, 0, 0.5); - background-color: transparent; background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001), rgba(0, 0, 0, 0.5)); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001), rgba(0, 0, 0, 0.5)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001), rgba(0, 0, 0, 0.5)); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); + background-color: transparent; } - .carousel-control:hover, .carousel-control:focus { color: #fff; @@ -4999,7 +4274,6 @@ a.list-group-item.active > .badge, opacity: 0.9; filter: alpha(opacity=90); } - .carousel-control .glyphicon { position: absolute; top: 50%; @@ -5011,7 +4285,6 @@ a.list-group-item.active > .badge, margin-top: -10px; margin-left: -10px; } - .carousel-indicators { position: absolute; bottom: 20px; @@ -5019,31 +4292,28 @@ a.list-group-item.active > .badge, z-index: 5; width: 100px; margin: 0 0 0 -50px; - text-align: center; list-style: none; + text-align: center; } - .carousel-indicators li { display: inline-block; width: 8px; height: 8px; - margin-right: 0; margin-left: 0; + margin-right: 0; text-indent: -999px; - cursor: pointer; border: 1px solid #fff; border-radius: 5px; + cursor: pointer; } - .carousel-indicators .active { background-color: #fff; } - .carousel-caption { position: absolute; + left: 15%; right: 15%; bottom: 20px; - left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; @@ -5051,11 +4321,9 @@ a.list-group-item.active > .badge, text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } - .carousel-caption .btn { text-shadow: none; } - @media screen and (min-width: 768px) { .carousel-control .glyphicon { width: 30px; @@ -5065,12 +4333,11 @@ a.list-group-item.active > .badge, font-size: 30px; } .carousel-caption { - right: 20%; left: 20%; + right: 20%; padding-bottom: 30px; } } - .jumbotron { padding: 30px; margin-bottom: 30px; @@ -5080,16 +4347,13 @@ a.list-group-item.active > .badge, color: inherit; background-color: #eeeeee; } - .jumbotron h1 { line-height: 1; color: inherit; } - .jumbotron p { line-height: 1.4; } - @media screen and (min-width: 768px) { .jumbotron { padding: 50px 60px; @@ -5099,37 +4363,33 @@ a.list-group-item.active > .badge, font-size: 63px; } } - .clearfix:before, .clearfix:after { - display: table; content: " "; -} + /* 1 */ + display: table; + /* 2 */ + +} .clearfix:after { clear: both; } - .pull-right { float: right; } - .pull-left { float: left; } - .hide { display: none !important; } - .show { display: block !important; } - .invisible { visibility: hidden; } - .text-hide { font: 0/0 a; color: transparent; @@ -5137,96 +4397,82 @@ a.list-group-item.active > .badge, background-color: transparent; border: 0; } - .affix { position: fixed; } - @-ms-viewport { width: device-width; } - @media screen and (max-width: 400px) { @-ms-viewport { width: 320px; } } - .hidden { display: none; visibility: hidden; } - -.visible-phone { +.visible-sm { display: inherit !important; } - -.visible-tablet { +.visible-md { display: none !important; } - -.visible-desktop { +.visible-lg { display: none !important; } - -.hidden-phone { +.hidden-sm { display: none !important; } - -.hidden-tablet { +.hidden-md { display: inherit !important; } - -.hidden-desktop { +.hidden-lg { display: inherit !important; } - @media (min-width: 768px) and (max-width: 991px) { - .visible-phone { + .visible-sm { display: none !important; } - .visible-tablet { + .visible-md { display: inherit !important; } - .visible-desktop { + .visible-lg { display: none !important; } - .hidden-phone { + .hidden-sm { display: inherit !important; } - .hidden-tablet { + .hidden-md { display: none !important; } - .hidden-desktop { + .hidden-lg { display: inherit !important; } } - @media (min-width: 992px) { - .visible-phone { + .visible-sm { display: none !important; } - .visible-tablet { + .visible-md { display: none !important; } - .visible-desktop { + .visible-lg { display: inherit !important; } - .hidden-phone { + .hidden-sm { display: inherit !important; } - .hidden-tablet { + .hidden-md { display: inherit !important; } - .hidden-desktop { + .hidden-lg { display: none !important; } } - .visible-print { display: none !important; } - @media print { .visible-print { display: inherit !important; diff --git a/less/responsive-utilities.less b/less/responsive-utilities.less index c69851bb9..71a158846 100644 --- a/less/responsive-utilities.less +++ b/less/responsive-utilities.less @@ -36,35 +36,35 @@ // Visibility utilities // For Phones -.visible-phone { display: inherit !important; } -.visible-tablet { display: none !important; } -.visible-desktop { display: none !important; } +.visible-sm { display: inherit !important; } +.visible-md { display: none !important; } +.visible-lg { display: none !important; } -.hidden-phone { display: none !important; } -.hidden-tablet { display: inherit !important; } -.hidden-desktop { display: inherit !important; } +.hidden-sm { display: none !important; } +.hidden-md { display: inherit !important; } +.hidden-lg { display: inherit !important; } // Tablets & small desktops only @media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) { - .visible-phone { display: none !important; } - .visible-tablet { display: inherit !important; } - .visible-desktop { display: none !important; } + .visible-sm { display: none !important; } + .visible-md { display: inherit !important; } + .visible-lg { display: none !important; } - .hidden-phone { display: inherit !important; } - .hidden-tablet { display: none !important; } - .hidden-desktop { display: inherit !important; } + .hidden-sm { display: inherit !important; } + .hidden-md { display: none !important; } + .hidden-lg { display: inherit !important; } } // For desktops @media (min-width: @screen-desktop) { - .visible-phone { display: none !important; } - .visible-tablet { display: none !important; } - .visible-desktop { display: inherit !important; } + .visible-sm { display: none !important; } + .visible-md { display: none !important; } + .visible-lg { display: inherit !important; } - .hidden-phone { display: inherit !important; } - .hidden-tablet { display: inherit !important; } - .hidden-desktop { display: none !important; } + .hidden-sm { display: inherit !important; } + .hidden-md { display: inherit !important; } + .hidden-lg { display: none !important; } } // Print utilities -- cgit v1.2.3 From 9880f7c80305ee37737c44b0dd7e20337ee64628 Mon Sep 17 00:00:00 2001 From: Vinay Raghu Date: Sat, 11 May 2013 19:34:59 +0530 Subject: Changed Responsive utilities section in docs/css.html --- docs/css.html | 26 +++++++++++++------------- 1 file changed, 13 insertions(+), 13 deletions(-) diff --git a/docs/css.html b/docs/css.html index 9684d778c..aec71a4f4 100644 --- a/docs/css.html +++ b/docs/css.html @@ -1949,7 +1949,7 @@ For example, <section> should be wrapped as inline.

                                                                  For faster mobile-friendly development, use these utility classes for showing and hiding content by device via media query. Also included are utility classes for toggling content when printed.

                                                                  Responsive classes

                                                                  - +
                                                                  @@ -1960,37 +1960,37 @@ For example, <section> should be wrapped as inline. - + - + - + - + - + - + @@ -2029,16 +2029,16 @@ For example, <section> should be wrapped as inline.

                                                                  Visible on...

                                                                  Green checkmarks indicate that class is visible in your current viewport.

                                                                    -
                                                                  • Phone✔ Phone
                                                                    • -
                                                                  • Tablet✔ Tablet
                                                                    • -
                                                                  • Desktop✔ Desktop
                                                                    • +
                                                                  • Phone✔ Phone
                                                                    • +
                                                                  • Tablet✔ Tablet
                                                                    • +
                                                                  • Desktop✔ Desktop

                                                                  Hidden on...

                                                                  Here, green checkmarks indicate that class is hidden in your current viewport.

                                                                    -
                                                                  • Phone✔ Phone
                                                                    • -
                                                                  • Tablet✔ Tablet
                                                                    • -
                                                                  • Desktop✔ Desktop
                                                                    • +
                                                                  • Phone
                                                                    • +
                                                                  • Tablet✔ Tablet
                                                                    • +
                                                                  • Desktop
                                                                  -- cgit v1.2.3 From 60c24ddd976f24ac773c27d091a5a2559f54d2b0 Mon Sep 17 00:00:00 2001 From: Blake Embrey Date: Sat, 11 May 2013 09:38:48 -0700 Subject: Fix the selectors for the .input-group-btn selector. --- docs/assets/css/bootstrap.css | 10 ++++++---- less/forms.less | 10 ++++++---- 2 files changed, 12 insertions(+), 8 deletions(-) diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 5484d9833..7e47655b5 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1637,8 +1637,9 @@ select:focus:invalid:focus { .input-group input:first-child, .input-group-addon:first-child, -.input-group-btn:first-child > .btn:first-child, -.input-group-btn:first-child > .dropdown-toggle:first-child { +.input-group-btn:first-child > .btn, +.input-group-btn:first-child > .dropdown-toggle, +.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; } @@ -1649,8 +1650,9 @@ select:focus:invalid:focus { .input-group input:last-child, .input-group-addon:last-child, -.input-group-btn:last-child > .btn:last-child, -.input-group-btn:last-child > .dropdown-toggle { +.input-group-btn:last-child > .btn, +.input-group-btn:last-child > .dropdown-toggle, +.input-group-btn:first-child > .btn:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } diff --git a/less/forms.less b/less/forms.less index cc69e935f..173520000 100644 --- a/less/forms.less +++ b/less/forms.less @@ -410,8 +410,9 @@ select:focus:invalid { // Reset rounded corners .input-group input:first-child, .input-group-addon:first-child, -.input-group-btn:first-child > .btn:first-child, -.input-group-btn:first-child > .dropdown-toggle:first-child { +.input-group-btn:first-child > .btn, +.input-group-btn:first-child > .dropdown-toggle, +.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) { .border-right-radius(0); } .input-group-addon:first-child { @@ -419,8 +420,9 @@ select:focus:invalid { } .input-group input:last-child, .input-group-addon:last-child, -.input-group-btn:last-child > .btn:last-child, -.input-group-btn:last-child > .dropdown-toggle { +.input-group-btn:last-child > .btn, +.input-group-btn:last-child > .dropdown-toggle, +.input-group-btn:first-child > .btn:not(:first-child) { .border-left-radius(0); } .input-group-addon:last-child { -- cgit v1.2.3 From 23b32fec656f0193010682311879478bfc9e6297 Mon Sep 17 00:00:00 2001 From: Vinay Raghu Date: Thu, 5 Dec 2013 01:36:19 +0530 Subject: Recompiled using makefile recess --- docs/assets/css/bootstrap.css | 1360 ++++++++++++++++++++++++++++++++--------- 1 file changed, 1057 insertions(+), 303 deletions(-) diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index b12e587f2..9600d4180 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -7,7 +7,9 @@ * * Designed and built with all the love in the world by @mdo and @fat. */ + /*! normalize.css v2.1.0 | MIT License | git.io/normalize */ + article, aside, details, @@ -22,56 +24,70 @@ section, summary { display: block; } + audio, canvas, video { display: inline-block; } + audio:not([controls]) { display: none; height: 0; } + [hidden] { display: none; } + html { font-family: sans-serif; -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; } + body { margin: 0; } + a:focus { outline: thin dotted; } + a:active, a:hover { outline: 0; } + h1 { - font-size: 2em; margin: 0.67em 0; + font-size: 2em; } + abbr[title] { border-bottom: 1px dotted; } + b, strong { font-weight: bold; } + dfn { font-style: italic; } + hr { - -moz-box-sizing: content-box; - box-sizing: content-box; height: 0; + -moz-box-sizing: content-box; + box-sizing: content-box; } + mark { - background: #ff0; color: #000; + background: #ff0; } + code, kbd, pre, @@ -79,105 +95,128 @@ samp { font-family: monospace, serif; font-size: 1em; } + pre { white-space: pre-wrap; } + q { quotes: "\201C" "\201D" "\2018" "\2019"; } + small { font-size: 80%; } + sub, sup { + position: relative; font-size: 75%; line-height: 0; - position: relative; vertical-align: baseline; } + sup { top: -0.5em; } + sub { bottom: -0.25em; } + img { border: 0; } + svg:not(:root) { overflow: hidden; } + figure { margin: 0; } + fieldset { - border: 1px solid #c0c0c0; - margin: 0 2px; padding: 0.35em 0.625em 0.75em; + margin: 0 2px; + border: 1px solid #c0c0c0; } + legend { - border: 0; padding: 0; + border: 0; } + button, input, select, textarea { + margin: 0; font-family: inherit; font-size: 100%; - margin: 0; } + button, input { line-height: normal; } + button, select { text-transform: none; } + button, html input[type="button"], input[type="reset"], input[type="submit"] { - -webkit-appearance: button; cursor: pointer; + -webkit-appearance: button; } + button[disabled], html input[disabled] { cursor: default; } + input[type="checkbox"], input[type="radio"] { - box-sizing: border-box; padding: 0; + box-sizing: border-box; } + input[type="search"] { - -webkit-appearance: textfield; - -moz-box-sizing: content-box; -webkit-box-sizing: content-box; - box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; + -webkit-appearance: textfield; } + input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } + button::-moz-focus-inner, input::-moz-focus-inner { - border: 0; padding: 0; + border: 0; } + textarea { overflow: auto; vertical-align: top; } + table { border-collapse: collapse; border-spacing: 0; } + @media print { * { - text-shadow: none !important; color: #000 !important; + text-shadow: none !important; background: transparent !important; box-shadow: none !important; } @@ -228,16 +267,19 @@ table { display: none; } } + * { -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } + html { font-size: 62.5%; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } + body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; @@ -245,6 +287,7 @@ body { color: #333333; background-color: #ffffff; } + input, button, select, @@ -253,89 +296,113 @@ textarea { font-size: inherit; line-height: inherit; } + a { color: #428bca; text-decoration: none; } + a:hover, a:focus { color: #2a6496; text-decoration: underline; } + a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } + img { - max-width: 100%; height: auto; + max-width: 100%; vertical-align: middle; } + .img-rounded { border-radius: 6px; } + .img-circle { border-radius: 500px; } + p { margin: 0 0 10px; } + .lead { margin-bottom: 20px; font-size: 21px; font-weight: 200; line-height: 1.4; } + small { font-size: 85%; } + strong { font-weight: bold; } + em { font-style: italic; } + cite { font-style: normal; } + .text-muted { color: #999999; } + a.text-muted:hover, a.text-muted:focus { color: #808080; } + .text-warning { color: #c09853; } + a.text-warning:hover, a.text-warning:focus { color: #a47e3c; } + .text-danger { color: #b94a48; } + a.text-danger:hover, a.text-danger:focus { color: #953b39; } + .text-success { color: #468847; } + a.text-success:hover, a.text-success:focus { color: #356635; } + .text-left { text-align: left; } + .text-right { text-align: right; } + .text-center { text-align: center; } + h1, h2, h3, @@ -352,6 +419,7 @@ h6, font-weight: 500; line-height: 1.1; } + h1 small, h2 small, h3 small, @@ -368,137 +436,158 @@ h6 small, line-height: 1; color: #999999; } + h1, h2, h3 { margin-top: 20px; margin-bottom: 10px; } + h4, h5, h6 { margin-top: 10px; margin-bottom: 10px; } + h1, .h1 { font-size: 38px; } + h2, .h2 { font-size: 32px; } + h3, .h3 { font-size: 24px; } + h4, .h4 { font-size: 18px; } + h5, .h5 { font-size: 14px; } + h6, .h6 { font-size: 12px; } + h1 small, .h1 small { font-size: 24px; } + h2 small, .h2 small { font-size: 18px; } + h3 small, .h3 small, h4 small, .h4 small { font-size: 14px; } + .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eeeeee; } + ul, ol { padding: 0; margin: 0 0 10px 25px; } + ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } + li { line-height: 1.428; } + .list-unstyled { margin-left: 0; list-style: none; } + .list-inline { margin-left: 0; list-style: none; } + .list-inline > li { display: inline-block; - padding-left: 5px; padding-right: 5px; + padding-left: 5px; } + dl { margin-bottom: 20px; } + dt, dd { line-height: 1.428; } + dt { font-weight: bold; } + dd { margin-left: 10px; } + .dl-horizontal:before, .dl-horizontal:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .dl-horizontal:after { clear: both; } + .dl-horizontal:before, .dl-horizontal:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .dl-horizontal:after { clear: both; } + .dl-horizontal dt { float: left; width: 160px; + overflow: hidden; clear: left; text-align: right; - overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } + .dl-horizontal dd { margin-left: 180px; } + hr { margin: 20px 0; border: 0; @@ -506,36 +595,44 @@ hr { border-bottom: 1px solid #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.5); } + abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #999999; } + abbr.initialism { font-size: 90%; text-transform: uppercase; } + blockquote { padding: 10px 20px; margin: 0 0 20px; border-left: 5px solid #eeeeee; } + blockquote p { font-size: 17.5px; font-weight: 300; line-height: 1.25; } + blockquote p:last-child { margin-bottom: 0; } + blockquote small { display: block; line-height: 1.428; color: #999999; } + blockquote small:before { content: '\2014 \00A0'; } + blockquote.pull-right { float: right; padding-right: 15px; @@ -543,28 +640,34 @@ blockquote.pull-right { border-right: 5px solid #eeeeee; border-left: 0; } + blockquote.pull-right p, blockquote.pull-right small { text-align: right; } + blockquote.pull-right small:before { content: ''; } + blockquote.pull-right small:after { content: '\00A0 \2014'; } + q:before, q:after, blockquote:before, blockquote:after { content: ""; } + address { display: block; margin-bottom: 20px; font-style: normal; line-height: 1.428; } + code, pre { padding: 0 3px 2px; @@ -573,13 +676,15 @@ pre { color: #333333; border-radius: 4px; } + code { padding: 2px 4px; font-size: 90%; color: #c7254e; - background-color: #f9f2f4; white-space: nowrap; + background-color: #f9f2f4; } + pre { display: block; padding: 9.5px; @@ -595,9 +700,11 @@ pre { border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; } + pre.prettyprint { margin-bottom: 20px; } + pre code { padding: 0; color: inherit; @@ -606,110 +713,119 @@ pre code { background-color: transparent; border: 0; } + .pre-scrollable { max-height: 340px; overflow-y: scroll; } + .container { margin-right: auto; margin-left: auto; } + .container:before, .container:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .container:after { clear: both; } + .container:before, .container:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .container:after { clear: both; } + .row:before, .row:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .row:after { clear: both; } + .row:before, .row:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .row:after { clear: both; } + .row .row { - margin-left: -15px; margin-right: -15px; + margin-left: -15px; } + .col { position: relative; float: left; width: 100%; min-height: 1px; - padding-left: 15px; padding-right: 15px; + padding-left: 15px; } + .col-sm-12 { width: 100%; } + .col-sm-11 { width: 91.66666666666666%; } + .col-sm-10 { width: 83.33333333333334%; } + .col-sm-9 { width: 75%; } + .col-sm-8 { width: 66.66666666666666%; } + .col-sm-7 { width: 58.333333333333336%; } + .col-sm-6 { width: 50%; } + .col-sm-5 { width: 41.66666666666667%; } + .col-sm-4 { width: 33.33333333333333%; } + .col-sm-3 { width: 25%; } + .col-sm-2 { width: 16.666666666666664%; } + .col-sm-1 { width: 8.333333333333332%; } + @media screen and (min-width: 768px) { .col-lg-12 { width: 100%; @@ -856,39 +972,47 @@ pre code { right: 8.333333333333332%; } } + @media screen and (min-width: 768px) { .container { max-width: 728px; } .row { - margin-left: -15px; margin-right: -15px; + margin-left: -15px; } } + @media screen and (min-width: 992px) { .container { max-width: 940px; } } + @media screen and (min-width: 1200px) { .container { max-width: 1170px; } } + /*[class*="col-span-"].pull-right { float: right; }*/ + table { max-width: 100%; background-color: transparent; } + th { text-align: left; } + .table { width: 100%; margin-bottom: 20px; } + .table thead > tr > th, .table tbody > tr > th, .table thead > tr > td, @@ -898,9 +1022,11 @@ th { vertical-align: top; border-top: 1px solid #dddddd; } + .table thead > tr > th { vertical-align: bottom; } + .table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, @@ -909,30 +1035,36 @@ th { .table thead:first-child tr:first-child td { border-top: 0; } + .table tbody + tbody { border-top: 2px solid #dddddd; } + .table .table { background-color: #ffffff; } + .table-condensed thead > tr > th, .table-condensed tbody > tr > th, .table-condensed thead > tr > td, .table-condensed tbody > tr > td { padding: 4px 5px; } + .table-bordered { border: 1px solid #dddddd; border-collapse: separate; border-left: 0; border-radius: 4px; } + .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td { border-left: 1px solid #dddddd; } + .table-bordered > caption + thead > tr:first-child th, .table-bordered > caption + tbody > tr:first-child th, .table-bordered > caption + tbody > tr:first-child td, @@ -944,16 +1076,19 @@ th { .table-bordered > tbody:first-child > tr:first-child td { border-top: 0; } + .table-bordered > thead:first-child > tr:first-child > th:first-child, .table-bordered > tbody:first-child > tr:first-child > td:first-child, .table-bordered > tbody:first-child > tr:first-child > th:first-child { border-top-left-radius: 4px; } + .table-bordered > thead:first-child > tr:first-child > th:last-child, .table-bordered > tbody:first-child > tr:first-child > td:last-child, .table-bordered > tbody:first-child > tr:first-child > th:last-child { border-top-right-radius: 4px; } + .table-bordered > thead:last-child > tr:last-child > th:first-child, .table-bordered > tbody:last-child > tr:last-child > td:first-child, .table-bordered > tbody:last-child > tr:last-child > th:first-child, @@ -961,6 +1096,7 @@ th { .table-bordered > tfoot:last-child > tr:last-child > th:first-child { border-bottom-left-radius: 4px; } + .table-bordered > thead:last-child > tr:last-child > th:last-child, .table-bordered > tbody:last-child > tr:last-child > td:last-child, .table-bordered > tbody:last-child > tr:last-child > th:last-child, @@ -968,85 +1104,102 @@ th { .table-bordered > tfoot:last-child > tr:last-child > th:last-child { border-bottom-right-radius: 4px; } + .table-bordered > tfoot + tbody:last-child > tr:last-child > td:first-child { border-bottom-left-radius: 0; } + .table-bordered > tfoot + tbody:last-child > tr:last-child > td:last-child { border-bottom-right-radius: 0; } + .table-bordered > caption + thead > tr:first-child > th:first-child, .table-bordered > caption + tbody > tr:first-child > td:first-child, .table-bordered > colgroup + thead > tr:first-child > th:first-child, .table-bordered > colgroup + tbody > tr:first-child > td:first-child { border-top-left-radius: 4px; } + .table-bordered > caption + thead > tr:first-child > th:last-child, .table-bordered > caption + tbody > tr:first-child > td:last-child, .table-bordered > colgroup + thead > tr:first-child > th:last-child, .table-bordered > colgroup + tbody > tr:first-child > td:last-child { border-top-right-radius: 4px; } + .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } + .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { background-color: #f5f5f5; } + table col[class*="col-span-"] { - float: none; display: table-column; + float: none; } + table td[class*="col-span-"], table th[class*="col-span-"] { - float: none; display: table-cell; + float: none; } + .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tbody > tr.success > td { background-color: #dff0d8; border-color: #d6e9c6; } + .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tbody > tr.danger > td { background-color: #f2dede; border-color: #eed3d7; } + .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tbody > tr.warning > td { background-color: #fcf8e3; border-color: #fbeed5; } + .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td { background-color: #d0e9c6; border-color: #c9e2b3; } + .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td { background-color: #ebcccc; border-color: #e6c1c7; } + .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td { background-color: #faf2cc; border-color: #f8e5be; } + form { margin: 0; } + fieldset { padding: 0; margin: 0; border: 0; } + legend { display: block; width: 100%; @@ -1058,11 +1211,13 @@ legend { border: 0; border-bottom: 1px solid #e5e5e5; } + label { display: inline-block; margin-bottom: 5px; font-weight: bold; } + select, textarea, input[type="text"], @@ -1090,17 +1245,19 @@ input[type="color"] { border: 1px solid #cccccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -webkit-transition: border-color linear .2s, box-shadow linear .2s; - -moz-transition: border-color linear .2s, box-shadow linear .2s; - -o-transition: border-color linear .2s, box-shadow linear .2s; - transition: border-color linear .2s, box-shadow linear .2s; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -webkit-transition: border-color linear 0.2s, box-shadow linear 0.2s; + -moz-transition: border-color linear 0.2s, box-shadow linear 0.2s; + -o-transition: border-color linear 0.2s, box-shadow linear 0.2s; + transition: border-color linear 0.2s, box-shadow linear 0.2s; } + input, select, textarea { width: 100%; } + input[type="file"], input[type="image"], input[type="submit"], @@ -1110,14 +1267,17 @@ input[type="radio"], input[type="checkbox"] { width: auto; } + input[type="search"] { -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } + textarea { height: auto; } + textarea:focus, input[type="text"]:focus, input[type="password"]:focus, @@ -1139,8 +1299,9 @@ input[type="color"]:focus { /* IE6-9 */ -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6); - box-shadow: 0 0 8px rgba(82, 168, 236, 0.6); + box-shadow: 0 0 8px rgba(82, 168, 236, 0.6); } + input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; @@ -1149,6 +1310,7 @@ input[type="checkbox"] { line-height: normal; } + select, input[type="file"] { height: 34px; @@ -1156,10 +1318,12 @@ input[type="file"] { line-height: 34px; } + select[multiple], select[size] { height: auto; } + select:focus, input[type="file"]:focus, input[type="radio"]:focus, @@ -1168,31 +1332,37 @@ input[type="checkbox"]:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } + input:-moz-placeholder, textarea:-moz-placeholder { color: #999999; } + input::-moz-placeholder, textarea::-moz-placeholder { color: #999999; } + input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999999; } + input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999999; } + .radio, .checkbox { display: block; min-height: 20px; + padding-left: 20px; margin-top: 10px; margin-bottom: 10px; - padding-left: 20px; vertical-align: middle; } + .radio label, .checkbox label { display: inline; @@ -1200,6 +1370,7 @@ textarea::-webkit-input-placeholder { font-weight: normal; cursor: pointer; } + .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], @@ -1207,10 +1378,12 @@ textarea::-webkit-input-placeholder { float: left; margin-left: -20px; } + .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } + /* // Move the options list down to align with labels .controls > .radio:first-child, @@ -1218,20 +1391,23 @@ textarea::-webkit-input-placeholder { padding-top: 5px; // has to be padding because margin collaspes } */ + .radio-inline, .checkbox-inline { display: inline-block; padding-left: 20px; margin-bottom: 0; - vertical-align: middle; font-weight: normal; + vertical-align: middle; cursor: pointer; } + .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } + select.input-large, textarea.input-large, input[type="text"].input-large, @@ -1252,6 +1428,7 @@ input[type="color"].input-large { font-size: 18px; border-radius: 6px; } + select.input-small, textarea.input-small, input[type="text"].input-small, @@ -1273,6 +1450,7 @@ input[type="color"].input-small { font-size: 12px; border-radius: 3px; } + input[disabled], select[disabled], textarea[disabled], @@ -1285,6 +1463,7 @@ fieldset[disabled] textarea { cursor: not-allowed; background-color: #eeeeee; } + input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"][readonly], @@ -1293,61 +1472,73 @@ fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] { background-color: transparent; } + .has-warning .control-label { color: #c09853; } + .has-warning .input-with-feedback { padding-right: 32px; border-color: #c09853; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } + .has-warning .input-with-feedback:focus { border-color: #a47e3c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; } + .has-error .control-label { color: #b94a48; } + .has-error .input-with-feedback { padding-right: 32px; border-color: #b94a48; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } + .has-error .input-with-feedback:focus { border-color: #953b39; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; } + .has-success .control-label { color: #468847; } + .has-success .input-with-feedback { padding-right: 32px; border-color: #468847; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } + .has-success .input-with-feedback:focus { border-color: #356635; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; } + input:focus:invalid, textarea:focus:invalid, select:focus:invalid { color: #b94a48; border-color: #ee5f5b; } + input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus { border-color: #e9322d; -webkit-box-shadow: 0 0 6px #f8b9b7; - box-shadow: 0 0 6px #f8b9b7; + box-shadow: 0 0 6px #f8b9b7; } + .form-actions { padding: 20px 20px; margin-top: 20px; @@ -1355,68 +1546,69 @@ select:focus:invalid:focus { background-color: #f5f5f5; border-top: 1px solid #e5e5e5; } + .form-actions:before, .form-actions:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .form-actions:after { clear: both; } + .form-actions:before, .form-actions:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .form-actions:after { clear: both; } + .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } + .input-group { display: table; } + .input-group.col { float: none; - padding-left: 0; padding-right: 0; + padding-left: 0; } + .input-group input, .input-group select { width: 100%; margin-bottom: 0; } + .input-group-addon, .input-group-btn, .input-group input { display: table-cell; } + .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group input:not(:first-child):not(:last-child) { border-radius: 0; } + .input-group-addon, .input-group-btn { width: 1%; vertical-align: middle; } + .input-group-addon { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; padding: 6px 8px; font-size: 14px; font-weight: normal; @@ -1426,27 +1618,35 @@ select:focus:invalid:focus { background-color: #eeeeee; border: 1px solid #ccc; border-radius: 4px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } + .input-group-addon.input-small { padding: 2px 10px; font-size: 12px; border-radius: 3px; } + .input-group-addon.input-large { padding: 11px 14px; font-size: 18px; border-radius: 6px; } + .input-group input:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn:first-child, .input-group-btn:first-child > .dropdown-toggle:first-child { - border-bottom-right-radius: 0; border-top-right-radius: 0; + border-bottom-right-radius: 0; } + .input-group-addon:first-child { border-right: 0; } + .input-group input:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn:last-child, @@ -1454,24 +1654,30 @@ select:focus:invalid:focus { border-bottom-left-radius: 0; border-top-left-radius: 0; } + .input-group-addon:last-child { border-left: 0; } + .input-group-btn { position: relative; white-space: nowrap; } + .input-group-btn > .btn { position: relative; float: left; } + .input-group-btn > .btn + .btn { margin-left: -1px; } + .input-group-btn > .btn:hover, .input-group-btn > .btn:active { z-index: 2; } + .form-inline input, .form-inline select, .form-inline textarea, @@ -1479,18 +1685,22 @@ select:focus:invalid:focus { .form-inline .checkbox { display: inline-block; } + .form-inline .radio, .form-inline .checkbox { margin-top: 0; margin-bottom: 0; } + .form-horizontal .row + .row { margin-top: 15px; } + .form-horizontal .row-label { padding-top: 6px; text-align: right; } + .btn { display: inline-block; padding: 6px 12px; @@ -1499,44 +1709,50 @@ select:focus:invalid:focus { font-weight: 500; line-height: 1.428; text-align: center; + white-space: nowrap; vertical-align: middle; cursor: pointer; border: 1px solid transparent; border-radius: 4px; - white-space: nowrap; } + .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } + .btn:hover, .btn:focus { color: #fff; text-decoration: none; } + .btn:active, .btn.active { - outline: 0; background-image: none; + outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + .btn.disabled, .btn[disabled], fieldset[disabled] .btn { - cursor: default; pointer-events: none; + cursor: default; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } + .btn-default { color: #ffffff; background-color: #a7a9aa; border-color: #a7a9aa; } + .btn-default:hover, .btn-default:focus, .btn-default:active, @@ -1544,6 +1760,7 @@ fieldset[disabled] .btn { background-color: #9a9c9d; border-color: #8d9091; } + .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, @@ -1559,11 +1776,13 @@ fieldset[disabled] .btn-default.active { background-color: #a7a9aa; border-color: #a7a9aa; } + .btn-primary { color: #ffffff; background-color: #428bca; border-color: #428bca; } + .btn-primary:hover, .btn-primary:focus, .btn-primary:active, @@ -1571,6 +1790,7 @@ fieldset[disabled] .btn-default.active { background-color: #357ebd; border-color: #3071a9; } + .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, @@ -1586,11 +1806,13 @@ fieldset[disabled] .btn-primary.active { background-color: #428bca; border-color: #428bca; } + .btn-warning { color: #ffffff; background-color: #f0ad4e; border-color: #f0ad4e; } + .btn-warning:hover, .btn-warning:focus, .btn-warning:active, @@ -1598,6 +1820,7 @@ fieldset[disabled] .btn-primary.active { background-color: #eea236; border-color: #ec971f; } + .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, @@ -1613,11 +1836,13 @@ fieldset[disabled] .btn-warning.active { background-color: #f0ad4e; border-color: #f0ad4e; } + .btn-danger { color: #ffffff; background-color: #d9534f; border-color: #d9534f; } + .btn-danger:hover, .btn-danger:focus, .btn-danger:active, @@ -1625,6 +1850,7 @@ fieldset[disabled] .btn-warning.active { background-color: #d43f3a; border-color: #c9302c; } + .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, @@ -1640,11 +1866,13 @@ fieldset[disabled] .btn-danger.active { background-color: #d9534f; border-color: #d9534f; } + .btn-success { color: #ffffff; background-color: #5cb85c; border-color: #5cb85c; } + .btn-success:hover, .btn-success:focus, .btn-success:active, @@ -1652,6 +1880,7 @@ fieldset[disabled] .btn-danger.active { background-color: #4cae4c; border-color: #449d44; } + .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, @@ -1667,11 +1896,13 @@ fieldset[disabled] .btn-success.active { background-color: #5cb85c; border-color: #5cb85c; } + .btn-info { color: #ffffff; background-color: #5bc0de; border-color: #5bc0de; } + .btn-info:hover, .btn-info:focus, .btn-info:active, @@ -1679,6 +1910,7 @@ fieldset[disabled] .btn-success.active { background-color: #46b8da; border-color: #31b0d5; } + .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, @@ -1694,6 +1926,7 @@ fieldset[disabled] .btn-info.active { background-color: #5bc0de; border-color: #5bc0de; } + .btn-link, .btn-link:active, .btn-link[disabled], @@ -1701,26 +1934,30 @@ fieldset[disabled] .btn-link { background-color: transparent; background-image: none; -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } + .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } + .btn-link { - color: #428bca; font-weight: normal; + color: #428bca; cursor: pointer; border-radius: 0; } + .btn-link:hover, .btn-link:focus { color: #2a6496; text-decoration: underline; background-color: transparent; } + .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, @@ -1728,45 +1965,54 @@ fieldset[disabled] .btn-link:focus { color: #333333; text-decoration: none; } + .btn-large { padding: 11px 14px; font-size: 18px; border-radius: 6px; } + .btn-small { padding: 2px 10px; font-size: 12px; border-radius: 3px; } + .btn-mini { padding: 0 6px; font-size: 11px; border-radius: 3px; } + .btn-block { display: block; width: 100%; - padding-left: 0; padding-right: 0; + padding-left: 0; } + .btn-block + .btn-block { margin-top: 5px; } + input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } + .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; - -moz-transition: opacity 0.15s linear; - -o-transition: opacity 0.15s linear; - transition: opacity 0.15s linear; + -moz-transition: opacity 0.15s linear; + -o-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; } + .fade.in { opacity: 1; } + /*.collapse { position: relative; height: 0; @@ -1776,518 +2022,685 @@ input[type="button"].btn-block { height: auto; } }*/ + .collapse { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; - -moz-transition: height 0.35s ease; - -o-transition: height 0.35s ease; - transition: height 0.35s ease; + -moz-transition: height 0.35s ease; + -o-transition: height 0.35s ease; + transition: height 0.35s ease; } + .collapse.in { height: auto; } + @font-face { font-family: 'Glyphicons Halflings'; src: url('../fonts/glyphiconshalflings-regular.eot'); src: url('../fonts/glyphiconshalflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphiconshalflings-regular.woff') format('woff'), url('../fonts/glyphiconshalflings-regular.ttf') format('truetype'), url('../fonts/glyphiconshalflings-regular.svg#glyphicons_halflingsregular') format('svg'); } + .glyphicon:before { font-family: 'Glyphicons Halflings'; + -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; line-height: 1; - -webkit-font-smoothing: antialiased; } + .glyphicon-glass:before { content: "\e001"; } + .glyphicon-music:before { content: "\e002"; } + .glyphicon-search:before { content: "\e003"; } + .glyphicon-envelope:before { content: "\2709"; } + .glyphicon-heart:before { content: "\e005"; } + .glyphicon-star:before { content: "\e006"; } + .glyphicon-star-empty:before { content: "\e007"; } + .glyphicon-user:before { content: "\e008"; } + .glyphicon-film:before { content: "\e009"; } + .glyphicon-th-large:before { content: "\e010"; } + .glyphicon-th:before { content: "\e011"; } + .glyphicon-th-list:before { content: "\e012"; } + .glyphicon-ok:before { content: "\e013"; } + .glyphicon-remove:before { content: "\e014"; } + .glyphicon-zoom-in:before { content: "\e015"; } + .glyphicon-zoom-out:before { content: "\e016"; } + .glyphicon-off:before { content: "\e017"; } + .glyphicon-signal:before { content: "\e018"; } + .glyphicon-cog:before { content: "\e019"; } + .glyphicon-trash:before { content: "\e020"; } + .glyphicon-home:before { content: "\e021"; } + .glyphicon-file:before { content: "\e022"; } + .glyphicon-time:before { content: "\e023"; } + .glyphicon-road:before { content: "\e024"; } + .glyphicon-download-alt:before { content: "\e025"; } + .glyphicon-download:before { content: "\e026"; } + .glyphicon-upload:before { content: "\e027"; } + .glyphicon-inbox:before { content: "\e028"; } + .glyphicon-play-circle:before { content: "\e029"; } + .glyphicon-repeat:before { content: "\e030"; } + .glyphicon-refresh:before { content: "\e031"; } + .glyphicon-list-alt:before { content: "\e032"; } + .glyphicon-lock:before { content: "\e033"; } + .glyphicon-flag:before { content: "\e034"; } + .glyphicon-headphones:before { content: "\e035"; } + .glyphicon-volume-off:before { content: "\e036"; } + .glyphicon-volume-down:before { content: "\e037"; } + .glyphicon-volume-up:before { content: "\e038"; } + .glyphicon-qrcode:before { content: "\e039"; } + .glyphicon-barcode:before { content: "\e040"; } + .glyphicon-tag:before { content: "\e041"; } + .glyphicon-tags:before { content: "\e042"; } + .glyphicon-book:before { content: "\e043"; } + .glyphicon-bookmark:before { content: "\e044"; } + .glyphicon-print:before { content: "\e045"; } + .glyphicon-camera:before { content: "\e046"; } + .glyphicon-font:before { content: "\e047"; } + .glyphicon-bold:before { content: "\e048"; } + .glyphicon-italic:before { content: "\e049"; } + .glyphicon-text-height:before { content: "\e050"; } + .glyphicon-text-width:before { content: "\e051"; } + .glyphicon-align-left:before { content: "\e052"; } + .glyphicon-align-center:before { content: "\e053"; } + .glyphicon-align-right:before { content: "\e054"; } + .glyphicon-align-justify:before { content: "\e055"; } + .glyphicon-list:before { content: "\e056"; } + .glyphicon-indent-left:before { content: "\e057"; } + .glyphicon-indent-right:before { content: "\e058"; } + .glyphicon-facetime-video:before { content: "\e059"; } + .glyphicon-picture:before { content: "\e060"; } + .glyphicon-pencil:before { content: "\270f"; } + .glyphicon-map-marker:before { content: "\e062"; } + .glyphicon-adjust:before { content: "\e063"; } + .glyphicon-tint:before { content: "\e064"; } + .glyphicon-edit:before { content: "\e065"; } + .glyphicon-share:before { content: "\e066"; } + .glyphicon-check:before { content: "\e067"; } + .glyphicon-move:before { content: "\e068"; } + .glyphicon-step-backward:before { content: "\e069"; } + .glyphicon-fast-backward:before { content: "\e070"; } + .glyphicon-backward:before { content: "\e071"; } + .glyphicon-play:before { content: "\e072"; } + .glyphicon-pause:before { content: "\e073"; } + .glyphicon-stop:before { content: "\e074"; } + .glyphicon-forward:before { content: "\e075"; } + .glyphicon-fast-forward:before { content: "\e076"; } + .glyphicon-step-forward:before { content: "\e077"; } + .glyphicon-eject:before { content: "\e078"; } + .glyphicon-chevron-left:before { content: "\e079"; } + .glyphicon-chevron-right:before { content: "\e080"; } + .glyphicon-plus-sign:before { content: "\e081"; } + .glyphicon-minus-sign:before { content: "\e082"; } + .glyphicon-remove-sign:before { content: "\e083"; } + .glyphicon-ok-sign:before { content: "\e084"; } + .glyphicon-question-sign:before { content: "\e085"; } + .glyphicon-info-sign:before { content: "\e086"; } + .glyphicon-screenshot:before { content: "\e087"; } + .glyphicon-remove-circle:before { content: "\e088"; } + .glyphicon-ok-circle:before { content: "\e089"; } + .glyphicon-ban-circle:before { content: "\e090"; } + .glyphicon-arrow-left:before { content: "\e091"; } + .glyphicon-arrow-right:before { content: "\e092"; } + .glyphicon-arrow-up:before { content: "\e093"; } + .glyphicon-arrow-down:before { content: "\e094"; } + .glyphicon-share-alt:before { content: "\e095"; } + .glyphicon-resize-full:before { content: "\e096"; } + .glyphicon-resize-small:before { content: "\e097"; } + .glyphicon-plus:before { content: "\002b"; } + .glyphicon-minus:before { content: "\2212"; } + .glyphicon-asterisk:before { content: "\002a"; } + .glyphicon-exclamation-sign:before { content: "\e101"; } + .glyphicon-gift:before { content: "\e102"; } + .glyphicon-leaf:before { content: "\e103"; } + .glyphicon-fire:before { content: "\e104"; } + .glyphicon-eye-open:before { content: "\e105"; } + .glyphicon-eye-close:before { content: "\e106"; } + .glyphicon-warning-sign:before { content: "\e107"; } + .glyphicon-plane:before { content: "\e108"; } + .glyphicon-calendar:before { content: "\e109"; } + .glyphicon-random:before { content: "\e110"; } + .glyphicon-comment:before { content: "\e111"; } + .glyphicon-magnet:before { content: "\e112"; } + .glyphicon-chevron-up:before { content: "\e113"; } + .glyphicon-chevron-down:before { content: "\e114"; } + .glyphicon-retweet:before { content: "\e115"; } + .glyphicon-shopping-cart:before { content: "\e116"; } + .glyphicon-folder-close:before { content: "\e117"; } + .glyphicon-folder-open:before { content: "\e118"; } + .glyphicon-resize-vertical:before { content: "\e119"; } + .glyphicon-resize-horizontal:before { content: "\e120"; } + .glyphicon-hdd:before { content: "\e121"; } + .glyphicon-bullhorn:before { content: "\e122"; } + .glyphicon-bell:before { content: "\e123"; } + .glyphicon-certificate:before { content: "\e124"; } + .glyphicon-thumbs-up:before { content: "\e125"; } + .glyphicon-thumbs-down:before { content: "\e126"; } + .glyphicon-hand-right:before { content: "\e127"; } + .glyphicon-hand-left:before { content: "\e128"; } + .glyphicon-hand-up:before { content: "\e129"; } + .glyphicon-hand-down:before { content: "\e130"; } + .glyphicon-circle-arrow-right:before { content: "\e131"; } + .glyphicon-circle-arrow-left:before { content: "\e132"; } + .glyphicon-circle-arrow-up:before { content: "\e133"; } + .glyphicon-circle-arrow-down:before { content: "\e134"; } + .glyphicon-globe:before { content: "\e135"; } + .glyphicon-wrench:before { content: "\e136"; } + .glyphicon-tasks:before { content: "\e137"; } + .glyphicon-filter:before { content: "\e138"; } + .glyphicon-briefcase:before { content: "\e139"; } + .glyphicon-fullscreen:before { content: "\e140"; } + .glyphicon-dashboard:before { content: "\e141"; } + .glyphicon-paperclip:before { content: "\e142"; } + .glyphicon-heart-empty:before { content: "\e143"; } + .glyphicon-link:before { content: "\e144"; } + .glyphicon-phone:before { content: "\e145"; } + .glyphicon-pushpin:before { content: "\e146"; } + .glyphicon-euro:before { content: "\20ac"; } + .glyphicon-usd:before { content: "\e148"; } + .glyphicon-gbp:before { content: "\e149"; } + .glyphicon-sort:before { content: "\e150"; } + .glyphicon-sort-by-alphabet:before { content: "\e151"; } + .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } + .glyphicon-sort-by-order:before { content: "\e153"; } + .glyphicon-sort-by-order-alt:before { content: "\e154"; } + .glyphicon-sort-by-attributes:before { content: "\e155"; } + .glyphicon-sort-by-attributes-alt:before { content: "\e156"; } + .glyphicon-unchecked:before { content: "\e157"; } + .glyphicon-expand:before { content: "\e158"; } + .glyphicon-collapse:before { content: "\e159"; } + .glyphicon-collapse-top:before { content: "\e160"; } + .dropup, .dropdown { position: relative; } + .dropdown-toggle:active, .open .dropdown-toggle { outline: 0; } + .caret { display: inline-block; width: 0; @@ -2298,10 +2711,12 @@ input[type="button"].btn-block { border-left: 4px solid transparent; content: ""; } + .dropdown .caret { margin-top: 8px; margin-left: 2px; } + .dropdown-menu { position: absolute; top: 100%; @@ -2318,15 +2733,17 @@ input[type="button"].btn-block { border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); - box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -webkit-background-clip: padding-box; - -moz-background-clip: padding-box; - background-clip: padding-box; + -moz-background-clip: padding-box; + background-clip: padding-box; } + .dropdown-menu.pull-right { right: 0; left: auto; } + .dropdown-menu .divider { height: 2px; margin: 9px 0; @@ -2334,6 +2751,7 @@ input[type="button"].btn-block { background-color: #e5e5e5; border-bottom: 1px solid #ffffff; } + .dropdown-menu > li > a { display: block; padding: 3px 20px; @@ -2343,12 +2761,13 @@ input[type="button"].btn-block { color: #333333; white-space: nowrap; } + .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a { - text-decoration: none; color: #ffffff; + text-decoration: none; background-color: #357ebd; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#428bca), to(#357ebd)); background-image: -webkit-linear-gradient(top, #428bca, #357ebd); @@ -2357,55 +2776,64 @@ input[type="button"].btn-block { background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0); } + .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #ffffff; text-decoration: none; - outline: 0; background-color: #357ebd; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#428bca), to(#357ebd)); background-image: -webkit-linear-gradient(top, #428bca, #357ebd); background-image: -moz-linear-gradient(top, #428bca, #357ebd); background-image: linear-gradient(to bottom, #428bca, #357ebd); background-repeat: repeat-x; + outline: 0; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0); } + .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #999999; } + .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; + cursor: default; background-color: transparent; background-image: none; - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); - cursor: default; + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } + .open > .dropdown-menu { display: block; } + .pull-right > .dropdown-menu { right: 0; left: auto; } + .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid #000; content: ""; } + .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } + .dropdown-submenu { position: relative; } + .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; @@ -2413,9 +2841,11 @@ input[type="button"].btn-block { margin-left: -1px; border-top-left-radius: 0; } + .dropdown-submenu:hover > .dropdown-menu { display: block; } + .dropup .dropdown-submenu > .dropdown-menu { top: auto; bottom: 0; @@ -2423,41 +2853,49 @@ input[type="button"].btn-block { margin-bottom: -2px; border-bottom-left-radius: 0; } + .dropdown-submenu > a:after { display: block; - content: " "; float: right; width: 0; height: 0; + margin-top: 5px; + margin-right: -10px; border-color: transparent; + border-left-color: #cccccc; border-style: solid; border-width: 5px 0 5px 5px; - border-left-color: #cccccc; - margin-top: 5px; - margin-right: -10px; + content: " "; } + .dropdown-submenu:hover > a:after { border-left-color: #ffffff; } + .dropdown-submenu.pull-left { float: none; } + .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; border-top-right-radius: 0; } + .dropdown .dropdown-menu .nav-header { - padding-left: 20px; padding-right: 20px; + padding-left: 20px; } + .typeahead { z-index: 1051; } + .list-group { margin: 0 0 20px; background-color: #ffffff; } + .list-group-item { position: relative; display: block; @@ -2465,57 +2903,71 @@ input[type="button"].btn-block { margin-bottom: -1px; border: 1px solid #dddddd; } + .list-group-item:first-child { border-top-right-radius: 4px; border-top-left-radius: 4px; } + .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } + .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } + .list-group-item-text { margin-bottom: 0; line-height: 1.3; } + a.list-group-item .list-group-item-heading { color: #333; } + a.list-group-item .list-group-item-text { color: #555; } + a.list-group-item:hover, a.list-group-item:focus { text-decoration: none; background-color: #f5f5f5; } + a.list-group-item.active { z-index: 2; color: #ffffff; background-color: #428bca; border-color: #428bca; } + a.list-group-item.active .list-group-item-heading { color: inherit; } + a.list-group-item.active .list-group-item-text { color: #e1edf7; } + .list-group-item > .badge, .list-group-item > .glyphicon-chevron-right { float: right; margin-right: -15px; } + .list-group-item > .glyphicon-chevron-right { margin-right: -15px; } + .list-group-item > .glyphicon + .badge { margin-right: 5px; } + .panel { padding: 15px; margin-bottom: 20px; @@ -2523,71 +2975,87 @@ a.list-group-item.active .list-group-item-text { border: 1px solid #dddddd; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } + .panel-heading { - margin: -15px -15px 15px; padding: 10px 15px; + margin: -15px -15px 15px; font-size: 17.5px; font-weight: 500; background-color: #f5f5f5; border-bottom: 1px solid #dddddd; - border-top-left-radius: 3px; border-top-right-radius: 3px; + border-top-left-radius: 3px; } + .panel-primary { border-color: #428bca; } + .panel-primary .panel-heading { color: #ffffff; background-color: #428bca; border-color: #428bca; } + .panel-success { border-color: #d6e9c6; } + .panel-success .panel-heading { color: #468847; background-color: #dff0d8; border-color: #d6e9c6; } + .panel-warning { border-color: #fbeed5; } + .panel-warning .panel-heading { color: #c09853; background-color: #fcf8e3; border-color: #fbeed5; } + .panel-danger { border-color: #eed3d7; } + .panel-danger .panel-heading { color: #b94a48; background-color: #f2dede; border-color: #eed3d7; } + .panel-info { border-color: #bce8f1; } + .panel-info .panel-heading { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; } + .list-group-flush { margin: 15px -15px -15px; } + .list-group-flush .list-group-item { border-width: 1px 0; } + .list-group-flush .list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } + .list-group-flush .list-group-item:last-child { border-bottom: 0; } + .well { min-height: 20px; padding: 19px; @@ -2596,20 +3064,24 @@ a.list-group-item.active .list-group-item-text { border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } + .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } + .well-large { padding: 24px; border-radius: 6px; } + .well-small { padding: 9px; border-radius: 3px; } + .close { float: right; font-size: 21px; @@ -2620,6 +3092,7 @@ a.list-group-item.active .list-group-item-text { opacity: 0.2; filter: alpha(opacity=20); } + .close:hover, .close:focus { color: #000; @@ -2628,6 +3101,7 @@ a.list-group-item.active .list-group-item-text { opacity: 0.5; filter: alpha(opacity=50); } + button.close { padding: 0; cursor: pointer; @@ -2635,65 +3109,70 @@ button.close { border: 0; -webkit-appearance: none; } + .nav { - margin-left: 0; - margin-bottom: 0; padding-left: 0; + margin-bottom: 0; + margin-left: 0; list-style: none; } + .nav:before, .nav:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .nav:after { clear: both; } + .nav:before, .nav:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .nav:after { clear: both; } + .nav > li { display: block; } + .nav > li > a { position: relative; display: block; padding: 10px 15px; } + .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eeeeee; } + .nav > li.disabled > a { color: #999999; } + .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #999999; text-decoration: none; - background-color: transparent; cursor: default; + background-color: transparent; } + .nav > li + .nav-header { margin-top: 9px; } + .nav > .pull-right { float: right; } + .nav .nav-divider { height: 2px; margin: 9px 0; @@ -2701,83 +3180,103 @@ button.close { background-color: #e5e5e5; border-bottom: 1px solid #ffffff; } + .nav-tabs { border-bottom: 1px solid #ddd; } + .nav-tabs > li { float: left; margin-bottom: -1px; } + .nav-tabs > li > a { margin-right: 2px; line-height: 1.428; border: 1px solid transparent; border-radius: 4px 4px 0 0; } + .nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #dddddd; } + .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555555; + cursor: default; background-color: #ffffff; border: 1px solid #ddd; border-bottom-color: transparent; - cursor: default; } + .nav-tabs.nav-justified { width: 100%; border-bottom: 0; } + .nav-tabs.nav-justified > li { - float: none; display: table-cell; + float: none; width: 1%; } + .nav-tabs.nav-justified > li > a { text-align: center; } + .nav-tabs.nav-justified > li > a { - border-bottom: 1px solid #ddd; margin-right: 0; + border-bottom: 1px solid #ddd; } + .nav-tabs.nav-justified > .active > a { border-bottom-color: #ffffff; } + .nav-pills > li { float: left; } + .nav-pills > li > a { border-radius: 5px; } + .nav-pills > li + li > a { margin-left: 2px; } + .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #fff; background-color: #428bca; } + .nav-stacked > li { float: none; } + .nav-stacked > li + li > a { margin-top: 2px; margin-left: 0; } + .nav-justified { width: 100%; } + .nav-justified > li { - float: none; display: table-cell; + float: none; width: 1%; } + .nav-justified > li > a { text-align: center; } + .nav-header { display: block; padding: 3px 15px; @@ -2788,38 +3287,37 @@ button.close { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase; } + .tabbable:before, .tabbable:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .tabbable:after { clear: both; } + .tabbable:before, .tabbable:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .tabbable:after { clear: both; } + .tab-content > .tab-pane, .pill-content > .pill-pane { display: none; } + .tab-content > .active, .pill-content > .active { display: block; } + /* // Prevent IE8 from misplacing imgs // See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989 @@ -2888,67 +3386,71 @@ button.close { } */ + .navbar { position: relative; - margin-bottom: 20px; - padding-left: 15px; padding-right: 15px; + padding-left: 15px; + margin-bottom: 20px; background-color: #eeeeee; border-radius: 4px; } + .navbar:before, .navbar:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .navbar:after { clear: both; } + .navbar:before, .navbar:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .navbar:after { clear: both; } + .navbar-nav { margin-top: 10px; } + .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; - color: #777777; line-height: 20px; + color: #777777; } + .navbar-nav > li > a:hover, .navbar-nav > li > a:focus { color: #333333; background-color: transparent; } + .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus { color: #555555; background-color: #d5d5d5; } + .navbar-nav > .disabled > a, .navbar-nav > .disabled > a:hover, .navbar-nav > .disabled > a:focus { color: #cccccc; background-color: transparent; } + .navbar-static-top { border-radius: 0; } + .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; @@ -2957,31 +3459,36 @@ button.close { z-index: 1030; border-radius: 0; } + .navbar-fixed-top { top: 0; } + .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; } + .navbar-brand { display: block; max-width: 200px; - margin-left: auto; - margin-right: auto; padding: 15px; + margin-right: auto; + margin-left: auto; font-size: 18px; font-weight: 500; line-height: 20px; color: #777777; text-align: center; } + .navbar-brand:hover, .navbar-brand:focus { color: #5e5e5e; text-decoration: none; background-color: transparent; } + .navbar-toggle { position: absolute; top: 10px; @@ -2991,10 +3498,12 @@ button.close { border: 1px solid #ddd; border-radius: 4px; } + .navbar-toggle:hover, .navbar-toggle:focus { background-color: #ddd; } + .navbar-toggle .icon-bar { display: block; width: 22px; @@ -3002,13 +3511,16 @@ button.close { background-color: #ccc; border-radius: 1px; } + .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } + .navbar-form { margin-top: 8px; margin-bottom: 8px; } + .navbar-form input, .navbar-form select, .navbar-form textarea, @@ -3016,115 +3528,139 @@ button.close { .navbar-form .checkbox { display: inline-block; } + .navbar-form .radio, .navbar-form .checkbox { margin-top: 0; margin-bottom: 0; } + .navbar-nav > li > .dropdown-menu { margin-top: 0; - border-top-left-radius: 0; border-top-right-radius: 0; + border-top-left-radius: 0; } + .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { - border-bottom-left-radius: 0; border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } + .navbar-nav li.dropdown > a:hover .caret, .navbar-nav li.dropdown > a:focus .caret { border-top-color: #333333; border-bottom-color: #333333; } + .navbar-nav li.dropdown.open > .dropdown-toggle, .navbar-nav li.dropdown.active > .dropdown-toggle, .navbar-nav li.dropdown.open.active > .dropdown-toggle { - background-color: #d5d5d5; color: #555555; + background-color: #d5d5d5; } + .navbar-nav li.dropdown > .dropdown-toggle .caret { border-top-color: #777777; border-bottom-color: #777777; } + .navbar-nav li.dropdown.open > .dropdown-toggle .caret, .navbar-nav li.dropdown.active > .dropdown-toggle .caret, .navbar-nav li.dropdown.open.active > .dropdown-toggle .caret { border-top-color: #555555; border-bottom-color: #555555; } + .navbar-nav.pull-right > li > .dropdown-menu, .navbar-nav > li > .dropdown-menu.pull-right { - left: auto; right: 0; + left: auto; } + .navbar-inverse { background-color: #222222; } + .navbar-inverse .navbar-brand { color: #999999; } + .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: #ffffff; background-color: transparent; } + .navbar-inverse .navbar-text { color: #999999; } + .navbar-inverse .navbar-nav > li > a { color: #999999; } + .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #ffffff; background-color: transparent; } + .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #ffffff; background-color: #080808; } + .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { color: #444444; background-color: transparent; } + .navbar-inverse .navbar-toggle { border-color: #333; } + .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #333; } + .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; } + .navbar-inverse .navbar-nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .navbar-nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .navbar-nav li.dropdown.open.active > .dropdown-toggle { - background-color: #080808; color: #ffffff; + background-color: #080808; } + .navbar-inverse .navbar-nav li.dropdown > a:hover .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } + .navbar-inverse .navbar-nav li.dropdown > .dropdown-toggle .caret { border-top-color: #999999; border-bottom-color: #999999; } + .navbar-inverse .navbar-nav li.dropdown.open > .dropdown-toggle .caret, .navbar-inverse .navbar-nav li.dropdown.active > .dropdown-toggle .caret, .navbar-inverse .navbar-nav li.dropdown.open.active > .dropdown-toggle .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } + @media screen and (min-width: 768px) { .navbar-brand { float: left; - margin-left: -5px; margin-right: 5px; + margin-left: -5px; } .navbar .nav { float: left; @@ -3147,177 +3683,212 @@ button.close { overflow: visible !important; } } + .navbar-btn { margin-top: 8px; } + .navbar-text { margin-top: 15px; margin-bottom: 15px; } + .navbar-link { color: #777777; } + .navbar-link:hover { color: #333333; } + .navbar-inverse .navbar-link { color: #999999; } + .navbar-inverse .navbar-link:hover { color: #ffffff; } + .btn .caret { border-top-color: #ffffff; } + .dropup .btn .caret { border-bottom-color: #ffffff; } + .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } + .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; } + .btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:active, .btn-group-vertical > .btn:active { z-index: 2; } + .btn-group .btn + .btn { margin-left: -1px; } + .btn-toolbar:before, .btn-toolbar:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .btn-toolbar:after { clear: both; } + .btn-toolbar:before, .btn-toolbar:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .btn-toolbar:after { clear: both; } + .btn-toolbar .btn-group { float: left; } + .btn-toolbar > .btn + .btn, .btn-toolbar > .btn-group + .btn, .btn-toolbar > .btn + .btn-group, .btn-toolbar > .btn-group + .btn-group { margin-left: 5px; } + .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } + .btn-group > .btn:first-child { margin-left: 0; } + .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { - border-bottom-right-radius: 0; border-top-right-radius: 0; + border-bottom-right-radius: 0; } + .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } + .btn-group > .btn-group { float: left; } + .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } + .btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle { - border-bottom-right-radius: 0; border-top-right-radius: 0; + border-bottom-right-radius: 0; } + .btn-group > .btn-group:last-child > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } + .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } + .btn-group > .btn + .dropdown-toggle { - padding-left: 8px; padding-right: 8px; + padding-left: 8px; } + .btn-group > .btn-mini + .dropdown-toggle { - padding-left: 5px; padding-right: 5px; + padding-left: 5px; } + .btn-group > .btn-large + .dropdown-toggle { - padding-left: 12px; padding-right: 12px; + padding-left: 12px; } + .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + .btn .caret { margin-top: 8px; margin-left: 0; } + .btn-large .caret { border-width: 5px; } + .dropup .btn-large .caret { border-bottom-width: 5px; } + .btn-group-vertical > .btn { display: block; float: none; width: 100%; max-width: 100%; } + .btn-group-vertical > .btn + .btn { margin-top: -1px; } + .btn-group-vertical .btn:not(:first-child):not(:last-child) { border-radius: 0; } + .btn-group-vertical .btn:first-child { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } + .btn-group-vertical .btn:last-child { border-top-right-radius: 0; border-top-left-radius: 0; } + .btn-group-justified { display: table; width: 100%; } + .btn-group-justified .btn { - float: none; display: table-cell; + float: none; width: 1%; } + .btn-group[data-toggle="buttons-radio"] > .btn > input[type="radio"], .btn-group[data-toggle="buttons-checkbox"] > .btn > input[type="checkbox"] { display: none; } + .breadcrumb { padding: 8px 15px; margin: 0 0 20px; @@ -3325,30 +3896,37 @@ button.close { background-color: #f5f5f5; border-radius: 4px; } + .breadcrumb > li { display: inline-block; text-shadow: 0 1px 0 #fff; } + .breadcrumb > li:after { display: inline-block; - content: "\00a0 /"; padding: 0 5px; color: #ccc; + content: "\00a0 /"; } + .breadcrumb > li:last-child:after { display: none; } + .breadcrumb > .active { color: #999999; } + .pagination { display: inline-block; margin: 20px 0; border-radius: 4px; } + .pagination > li { display: inline; } + .pagination > li > a, .pagination > li > span { float: left; @@ -3359,51 +3937,60 @@ button.close { border: 1px solid #dddddd; border-left-width: 0; } + .pagination > li > a:hover, .pagination > li > a:focus, .pagination > .active > a, .pagination > .active > span { background-color: #f5f5f5; } + .pagination > .active > a, .pagination > .active > span { color: #999999; cursor: default; } + .pagination > .disabled > span, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #999999; - background-color: #ffffff; cursor: default; + background-color: #ffffff; } + .pagination > li:first-child > a, .pagination > li:first-child > span { border-left-width: 1px; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } + .pagination > li:last-child > a, .pagination > li:last-child > span { - border-bottom-right-radius: 4px; border-top-right-radius: 4px; + border-bottom-right-radius: 4px; } + .pagination-large > li > a, .pagination-large > li > span { padding: 11px 14px; font-size: 18px; } + .pagination-large > li:first-child > a, .pagination-large > li:first-child > span { border-bottom-left-radius: 6px; border-top-left-radius: 6px; } + .pagination-large > li:last-child > a, .pagination-large > li:last-child > span { - border-bottom-right-radius: 6px; border-top-right-radius: 6px; + border-bottom-right-radius: 6px; } + .pagination-mini > li:first-child > a, .pagination-small > li:first-child > a, .pagination-mini > li:first-child > span, @@ -3411,55 +3998,57 @@ button.close { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } + .pagination-mini > li:last-child > a, .pagination-small > li:last-child > a, .pagination-mini > li:last-child > span, .pagination-small > li:last-child > span { - border-bottom-right-radius: 3px; border-top-right-radius: 3px; + border-bottom-right-radius: 3px; } + .pagination-small > li > a, .pagination-small > li > span { padding: 2px 10px; font-size: 12px; } + .pagination-mini > li > a, .pagination-mini > li > span { padding: 0 6px; font-size: 11px; } + .pager { margin: 20px 0; - list-style: none; text-align: center; + list-style: none; } + .pager:before, .pager:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .pager:after { clear: both; } + .pager:before, .pager:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .pager:after { clear: both; } + .pager li { display: inline; } + .pager li > a, .pager li > span { display: inline-block; @@ -3468,74 +4057,85 @@ button.close { border: 1px solid #dddddd; border-radius: 15px; } + .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #f5f5f5; } + .pager .next > a, .pager .next > span { float: right; } + .pager .previous > a, .pager .previous > span { float: left; } + .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #999999; - background-color: #ffffff; cursor: default; + background-color: #ffffff; } + .modal-open { overflow: hidden; } + .modal { - display: none; - overflow: auto; - overflow-y: scroll; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; + display: none; + overflow: auto; + overflow-y: scroll; -webkit-overflow-scrolling: touch; } + .modal.fade { top: -25%; -webkit-transition: opacity 0.3s linear, top 0.3s ease-out; - -moz-transition: opacity 0.3s linear, top 0.3s ease-out; - -o-transition: opacity 0.3s linear, top 0.3s ease-out; - transition: opacity 0.3s linear, top 0.3s ease-out; + -moz-transition: opacity 0.3s linear, top 0.3s ease-out; + -o-transition: opacity 0.3s linear, top 0.3s ease-out; + transition: opacity 0.3s linear, top 0.3s ease-out; } + .modal.fade.in { top: 0; } + .modal-dialog { position: relative; top: 0; - left: 0; right: 0; + left: 0; + z-index: 1050; width: auto; padding: 10px; - z-index: 1050; } + .modal-content { position: relative; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; + outline: none; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); - box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); + box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); -webkit-background-clip: padding-box; - -moz-background-clip: padding-box; - background-clip: padding-box; - outline: none; + -moz-background-clip: padding-box; + background-clip: padding-box; } + .modal-backdrop { position: fixed; top: 0; @@ -3545,114 +4145,128 @@ button.close { z-index: 1030; background-color: #000; } + .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } + .modal-backdrop.fade.in { opacity: 0.5; filter: alpha(opacity=50); } + .modal-header { + min-height: 16.428px; padding: 15px; border-bottom: 1px solid #e5e5e5; - min-height: 16.428px; } + .modal-header .close { margin-top: -2px; } + .modal-title { margin: 0; line-height: 1.428; } + .modal-body { position: relative; padding: 20px; } + .modal-footer { - margin-top: 15px; padding: 19px 20px 20px; + margin-top: 15px; text-align: right; border-top: 1px solid #e5e5e5; } + .modal-footer:before, .modal-footer:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .modal-footer:after { clear: both; } + .modal-footer:before, .modal-footer:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .modal-footer:after { clear: both; } + .modal-footer .btn + .btn { - margin-left: 5px; margin-bottom: 0; + margin-left: 5px; } + .modal-footer .btn-group .btn + .btn { margin-left: -1px; } + .modal-footer .btn-block + .btn-block { margin-left: 0; } + @media screen and (min-width: 768px) { .modal-dialog { - left: 50%; right: auto; + left: 50%; width: 560px; - margin-left: -280px; padding-top: 30px; padding-bottom: 30px; + margin-left: -280px; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); - box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } } + .tooltip { position: absolute; z-index: 1030; display: block; - visibility: visible; font-size: 11px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); + visibility: visible; } + .tooltip.in { opacity: 1; filter: alpha(opacity=100); } + .tooltip.top { - margin-top: -3px; padding: 5px 0; + margin-top: -3px; } + .tooltip.right { - margin-left: 3px; padding: 0 5px; + margin-left: 3px; } + .tooltip.bottom { - margin-top: 3px; padding: 5px 0; + margin-top: 3px; } + .tooltip.left { - margin-left: -3px; padding: 0 5px; + margin-left: -3px; } + .tooltip-inner { max-width: 200px; padding: 3px 8px; @@ -3662,6 +4276,7 @@ button.close { background-color: rgba(0, 0, 0, 0.9); border-radius: 4px; } + .tooltip-arrow { position: absolute; width: 0; @@ -3669,34 +4284,39 @@ button.close { border-color: transparent; border-style: solid; } + .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; - border-width: 5px 5px 0; border-top-color: rgba(0, 0, 0, 0.9); + border-width: 5px 5px 0; } + .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; - border-width: 5px 5px 5px 0; border-right-color: rgba(0, 0, 0, 0.9); + border-width: 5px 5px 5px 0; } + .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; - border-width: 5px 0 5px 5px; border-left-color: rgba(0, 0, 0, 0.9); + border-width: 5px 0 5px 5px; } + .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; - border-width: 0 5px 5px; border-bottom-color: rgba(0, 0, 0, 0.9); + border-width: 0 5px 5px; } + .popover { position: absolute; top: 0; @@ -3706,32 +4326,37 @@ button.close { max-width: 276px; padding: 1px; text-align: left; + white-space: normal; background-color: #ffffff; - -webkit-bg-clip: padding-box; - -moz-bg-clip: padding; - background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - white-space: normal; + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + background-clip: padding-box; + -webkit-bg-clip: padding-box; + -moz-bg-clip: padding; } + .popover.top { margin-top: -10px; } + .popover.right { margin-left: 10px; } + .popover.bottom { margin-top: 10px; } + .popover.left { margin-left: -10px; } + .popover-title { - margin: 0; padding: 8px 14px; + margin: 0; font-size: 14px; font-weight: normal; line-height: 18px; @@ -3739,12 +4364,15 @@ button.close { border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; } + .popover-title:empty { display: none; } + .popover-content { padding: 9px 14px; } + .popover .arrow, .popover .arrow:after { position: absolute; @@ -3754,69 +4382,80 @@ button.close { border-color: transparent; border-style: solid; } + .popover .arrow { border-width: 11px; } + .popover .arrow:after { border-width: 10px; content: ""; } + .popover.top .arrow { + bottom: -11px; left: 50%; margin-left: -11px; - border-bottom-width: 0; border-top-color: #999; border-top-color: rgba(0, 0, 0, 0.25); - bottom: -11px; + border-bottom-width: 0; } + .popover.top .arrow:after { bottom: 1px; margin-left: -10px; - border-bottom-width: 0; border-top-color: #ffffff; + border-bottom-width: 0; } + .popover.right .arrow { top: 50%; left: -11px; margin-top: -11px; - border-left-width: 0; border-right-color: #999; border-right-color: rgba(0, 0, 0, 0.25); + border-left-width: 0; } + .popover.right .arrow:after { - left: 1px; bottom: -10px; - border-left-width: 0; + left: 1px; border-right-color: #ffffff; + border-left-width: 0; } + .popover.bottom .arrow { + top: -11px; left: 50%; margin-left: -11px; - border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, 0.25); - top: -11px; + border-top-width: 0; } + .popover.bottom .arrow:after { top: 1px; margin-left: -10px; - border-top-width: 0; border-bottom-color: #ffffff; + border-top-width: 0; } + .popover.left .arrow { top: 50%; right: -11px; margin-top: -11px; - border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, 0.25); + border-right-width: 0; } + .popover.left .arrow:after { right: 1px; - border-right-width: 0; - border-left-color: #ffffff; bottom: -10px; + border-left-color: #ffffff; + border-right-width: 0; } + .alert { padding: 10px 35px 10px 15px; margin-bottom: 20px; @@ -3825,71 +4464,88 @@ button.close { border: 1px solid #fbeed5; border-radius: 4px; } + .alert h4 { margin-top: 0; color: inherit; } + .alert hr { border-top-color: #f8e5be; } + .alert > a, .alert > p > a { font-weight: 500; color: #a47e3c; } + .alert .close { position: relative; top: -2px; right: -21px; color: inherit; } + .alert-success { + color: #468847; background-color: #dff0d8; border-color: #d6e9c6; - color: #468847; } + .alert-success hr { border-top-color: #c9e2b3; } + .alert-success > a, .alert-success > p > a { color: #356635; } + .alert-danger { + color: #b94a48; background-color: #f2dede; border-color: #eed3d7; - color: #b94a48; } + .alert-danger hr { border-top-color: #e6c1c7; } + .alert-danger > a, .alert-danger > p > a { color: #953b39; } + .alert-info { + color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; - color: #3a87ad; } + .alert-info hr { border-top-color: #a6e1ec; } + .alert-info > a, .alert-info > p > a { color: #2d6987; } + .alert-block { padding-top: 15px; padding-bottom: 15px; } + .alert-block > p, .alert-block > ul { margin-bottom: 0; } + .alert-block p + p { margin-top: 5px; } + .thumbnail, .img-thumbnail { padding: 4px; @@ -3898,58 +4554,72 @@ button.close { border: 1px solid #dddddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; } + .thumbnail { display: block; } + .img-thumbnail { display: inline-block; } + a.thumbnail:hover, a.thumbnail:focus { border-color: #428bca; } + .thumbnail > img { display: block; max-width: 100%; - margin-left: auto; margin-right: auto; + margin-left: auto; } + .thumbnail .caption { padding: 9px; color: #333333; } + .media, .media-body { overflow: hidden; zoom: 1; } + .media, .media .media { margin-top: 15px; } + .media:first-child { margin-top: 0; } + .media-object { display: block; } + .media-heading { margin: 0 0 5px; } + .media > .pull-left { margin-right: 10px; } + .media > .pull-right { margin-left: 10px; } + .media-list { margin-left: 0; list-style: none; } + .label { display: inline; padding: .25em .6em; @@ -3963,6 +4633,7 @@ a.thumbnail:focus { background-color: #999999; border-radius: .25em; } + .label[href]:hover, .label[href]:focus { color: #fff; @@ -3970,72 +4641,88 @@ a.thumbnail:focus { cursor: pointer; background-color: #808080; } + .label-danger { background-color: #d9534f; } + .label-danger[href]:hover, .label-danger[href]:focus { background-color: #c9302c; } + .label-success { background-color: #5cb85c; } + .label-success[href]:hover, .label-success[href]:focus { background-color: #449d44; } + .label-warning { background-color: #f0ad4e; } + .label-warning[href]:hover, .label-warning[href]:focus { background-color: #ec971f; } + .label-info { background-color: #5bc0de; } + .label-info[href]:hover, .label-info[href]:focus { background-color: #31b0d5; } + .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; - color: #fff; line-height: 1; - vertical-align: middle; - white-space: nowrap; + color: #fff; text-align: center; + white-space: nowrap; + vertical-align: middle; background-color: #999999; border-radius: 10px; } + .badge:empty { display: none; } + a.badge:hover, a.badge:focus { color: #fff; text-decoration: none; cursor: pointer; } + .btn .badge { position: relative; top: -1px; } + .btn-mini .badge { top: 0; } + a.list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #428bca; background-color: #fff; } + .nav-pills > li > a > .badge { margin-left: 3px; } + @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; @@ -4044,6 +4731,7 @@ a.list-group-item.active > .badge, background-position: 0 0; } } + @-moz-keyframes progress-bar-stripes { from { background-position: 40px 0; @@ -4052,6 +4740,7 @@ a.list-group-item.active > .badge, background-position: 0 0; } } + @-ms-keyframes progress-bar-stripes { from { background-position: 40px 0; @@ -4060,6 +4749,7 @@ a.list-group-item.active > .badge, background-position: 0 0; } } + @-o-keyframes progress-bar-stripes { from { background-position: 0 0; @@ -4068,6 +4758,7 @@ a.list-group-item.active > .badge, background-position: 40px 0; } } + @keyframes progress-bar-stripes { from { background-position: 40px 0; @@ -4076,18 +4767,20 @@ a.list-group-item.active > .badge, background-position: 0 0; } } + .progress { - overflow: hidden; height: 20px; margin-bottom: 20px; + overflow: hidden; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } + .progress-bar { float: left; - width: 0%; + width: 0; height: 100%; font-size: 12px; color: #fff; @@ -4095,12 +4788,13 @@ a.list-group-item.active > .badge, text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #428bca; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; - -moz-transition: width 0.6s ease; - -o-transition: width 0.6s ease; - transition: width 0.6s ease; + -moz-transition: width 0.6s ease; + -o-transition: width 0.6s ease; + transition: width 0.6s ease; } + .progress-striped .progress-bar { background-color: #428bca; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); @@ -4108,20 +4802,23 @@ a.list-group-item.active > .badge, background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; - -moz-background-size: 40px 40px; - -o-background-size: 40px 40px; - background-size: 40px 40px; + -moz-background-size: 40px 40px; + -o-background-size: 40px 40px; + background-size: 40px 40px; } + .progress.active .progress-bar { -webkit-animation: progress-bar-stripes 2s linear infinite; - -moz-animation: progress-bar-stripes 2s linear infinite; - -ms-animation: progress-bar-stripes 2s linear infinite; - -o-animation: progress-bar-stripes 2s linear infinite; - animation: progress-bar-stripes 2s linear infinite; + -moz-animation: progress-bar-stripes 2s linear infinite; + -ms-animation: progress-bar-stripes 2s linear infinite; + -o-animation: progress-bar-stripes 2s linear infinite; + animation: progress-bar-stripes 2s linear infinite; } + .progress-bar-danger { background-color: #d9534f; } + .progress-striped .progress-bar-danger { background-color: #d9534f; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); @@ -4129,9 +4826,11 @@ a.list-group-item.active > .badge, background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } + .progress-bar-success { background-color: #5cb85c; } + .progress-striped .progress-bar-success { background-color: #5cb85c; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); @@ -4139,9 +4838,11 @@ a.list-group-item.active > .badge, background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } + .progress-bar-warning { background-color: #f0ad4e; } + .progress-striped .progress-bar-warning { background-color: #f0ad4e; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); @@ -4149,9 +4850,11 @@ a.list-group-item.active > .badge, background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } + .progress-bar-info { background-color: #5bc0de; } + .progress-striped .progress-bar-info { background-color: #5bc0de; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); @@ -4159,114 +4862,136 @@ a.list-group-item.active > .badge, background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } + .accordion { margin-bottom: 20px; } + .accordion-group { margin-bottom: 2px; border: 1px solid #e5e5e5; border-radius: 4px; } + .accordion-heading { border-bottom: 0; } + .accordion-heading .accordion-toggle { display: block; padding: 8px 15px; } + .accordion-toggle { cursor: pointer; } + .accordion-inner { padding: 9px 15px; border-top: 1px solid #e5e5e5; } + .carousel { position: relative; } + .carousel-inner { position: relative; - overflow: hidden; width: 100%; + overflow: hidden; } + .carousel-inner > .item { - display: none; position: relative; + display: none; -webkit-transition: 0.6s ease-in-out left; - -moz-transition: 0.6s ease-in-out left; - -o-transition: 0.6s ease-in-out left; - transition: 0.6s ease-in-out left; + -moz-transition: 0.6s ease-in-out left; + -o-transition: 0.6s ease-in-out left; + transition: 0.6s ease-in-out left; } + .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; line-height: 1; } + .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } + .carousel-inner > .active { left: 0; } + .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } + .carousel-inner > .next { left: 100%; } + .carousel-inner > .prev { left: -100%; } + .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } + .carousel-inner > .active.left { left: -100%; } + .carousel-inner > .active.right { left: 100%; } + .carousel-control { position: absolute; top: 0; - left: 0; bottom: 0; + left: 0; width: 15%; - opacity: 0.5; - filter: alpha(opacity=50); font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + opacity: 0.5; + filter: alpha(opacity=50); } + .carousel-control.left { background-color: rgba(0, 0, 0, 0.0001); + background-color: transparent; background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0001)); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0001)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0001)); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); - background-color: transparent; } + .carousel-control.right { - left: auto; right: 0; + left: auto; background-color: rgba(0, 0, 0, 0.5); + background-color: transparent; background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001), rgba(0, 0, 0, 0.5)); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001), rgba(0, 0, 0, 0.5)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001), rgba(0, 0, 0, 0.5)); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); - background-color: transparent; } + .carousel-control:hover, .carousel-control:focus { color: #fff; @@ -4274,6 +4999,7 @@ a.list-group-item.active > .badge, opacity: 0.9; filter: alpha(opacity=90); } + .carousel-control .glyphicon { position: absolute; top: 50%; @@ -4285,6 +5011,7 @@ a.list-group-item.active > .badge, margin-top: -10px; margin-left: -10px; } + .carousel-indicators { position: absolute; bottom: 20px; @@ -4292,28 +5019,31 @@ a.list-group-item.active > .badge, z-index: 5; width: 100px; margin: 0 0 0 -50px; - list-style: none; text-align: center; + list-style: none; } + .carousel-indicators li { display: inline-block; width: 8px; height: 8px; - margin-left: 0; margin-right: 0; + margin-left: 0; text-indent: -999px; + cursor: pointer; border: 1px solid #fff; border-radius: 5px; - cursor: pointer; } + .carousel-indicators .active { background-color: #fff; } + .carousel-caption { position: absolute; - left: 15%; right: 15%; bottom: 20px; + left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; @@ -4321,9 +5051,11 @@ a.list-group-item.active > .badge, text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } + .carousel-caption .btn { text-shadow: none; } + @media screen and (min-width: 768px) { .carousel-control .glyphicon { width: 30px; @@ -4333,11 +5065,12 @@ a.list-group-item.active > .badge, font-size: 30px; } .carousel-caption { - left: 20%; right: 20%; + left: 20%; padding-bottom: 30px; } } + .jumbotron { padding: 30px; margin-bottom: 30px; @@ -4347,13 +5080,16 @@ a.list-group-item.active > .badge, color: inherit; background-color: #eeeeee; } + .jumbotron h1 { line-height: 1; color: inherit; } + .jumbotron p { line-height: 1.4; } + @media screen and (min-width: 768px) { .jumbotron { padding: 50px 60px; @@ -4363,33 +5099,37 @@ a.list-group-item.active > .badge, font-size: 63px; } } + .clearfix:before, .clearfix:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .clearfix:after { clear: both; } + .pull-right { float: right; } + .pull-left { float: left; } + .hide { display: none !important; } + .show { display: block !important; } + .invisible { visibility: hidden; } + .text-hide { font: 0/0 a; color: transparent; @@ -4397,39 +5137,50 @@ a.list-group-item.active > .badge, background-color: transparent; border: 0; } + .affix { position: fixed; } + @-ms-viewport { width: device-width; } + @media screen and (max-width: 400px) { @-ms-viewport { width: 320px; } } + .hidden { display: none; visibility: hidden; } + .visible-sm { display: inherit !important; } + .visible-md { display: none !important; } + .visible-lg { display: none !important; } + .hidden-sm { display: none !important; } + .hidden-md { display: inherit !important; } + .hidden-lg { display: inherit !important; } + @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: none !important; @@ -4450,6 +5201,7 @@ a.list-group-item.active > .badge, display: inherit !important; } } + @media (min-width: 992px) { .visible-sm { display: none !important; @@ -4470,9 +5222,11 @@ a.list-group-item.active > .badge, display: none !important; } } + .visible-print { display: none !important; } + @media print { .visible-print { display: inherit !important; -- cgit v1.2.3 From 3b6b9b3fa6eea8e783d23c371cad8c54d711c940 Mon Sep 17 00:00:00 2001 From: Vinay Raghu Date: Sun, 12 May 2013 12:25:47 +0530 Subject: Timestamp correction --- less/bootstrap.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/less/bootstrap.less b/less/bootstrap.less index c73c85c38..162559cab 100644 --- a/less/bootstrap.less +++ b/less/bootstrap.less @@ -1,4 +1,4 @@ -/*! + /*! * Bootstrap v3.0.0 * * Copyright 2013 Twitter, Inc -- cgit v1.2.3 From ca5685c1f8152acbde91d68e68dc4051aaa6fdb4 Mon Sep 17 00:00:00 2001 From: Vinay Raghu Date: Sun, 12 May 2013 12:25:56 +0530 Subject: Timestamp correction 2 --- less/bootstrap.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/less/bootstrap.less b/less/bootstrap.less index 162559cab..c73c85c38 100644 --- a/less/bootstrap.less +++ b/less/bootstrap.less @@ -1,4 +1,4 @@ - /*! +/*! * Bootstrap v3.0.0 * * Copyright 2013 Twitter, Inc -- cgit v1.2.3 From 92adcfabb58cc5a8ce41c34bec0ec36a642e5610 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 12 May 2013 15:47:18 -0700 Subject: Start some nav and dropdown cleanup * Remove border-radii on top of tab dropdown menus * Remove the .dropdown and .dropup styles and instead place on all * Use on dropdown carets intead of separately applying margin with a top alignment * Some other misc cleanup --- docs/assets/css/bootstrap.css | 23 ++++++++++------------- less/dropdowns.less | 19 ++++--------------- less/navs.less | 14 +++++++++++++- 3 files changed, 27 insertions(+), 29 deletions(-) diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 7e47655b5..249645d9c 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -2693,13 +2693,7 @@ input[type="button"].btn-block { content: "\e160"; } -.dropup, -.dropdown { - position: relative; -} - -.dropdown-toggle:active, -.open .dropdown-toggle { +.open > a { outline: 0; } @@ -2707,18 +2701,15 @@ input[type="button"].btn-block { display: inline-block; width: 0; height: 0; - vertical-align: top; + margin-top: 8px; + margin-left: 2px; + vertical-align: middle; border-top: 4px solid #000; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; } -.dropdown .caret { - margin-top: 8px; - margin-left: 2px; -} - .dropdown-menu { position: absolute; top: 100%; @@ -3140,6 +3131,7 @@ button.close { } .nav > li { + position: relative; display: block; } @@ -3320,6 +3312,11 @@ button.close { display: block; } +.nav-tabs .dropdown-menu { + border-top-right-radius: 0; + border-top-left-radius: 0; +} + /* // Prevent IE8 from misplacing imgs // See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989 diff --git a/less/dropdowns.less b/less/dropdowns.less index c4fd8598b..45242fb68 100644 --- a/less/dropdowns.less +++ b/less/dropdowns.less @@ -2,14 +2,8 @@ // Dropdown menus // -------------------------------------------------- - -// Use the .menu class on any
                                                                • element within the topbar or ul.tabs and you'll get some superfancy dropdowns -.dropup, -.dropdown { - position: relative; -} -.dropdown-toggle:active, -.open .dropdown-toggle { +// Remove the outline when :focus is triggered +.open > a { outline: 0; } @@ -19,19 +13,14 @@ display: inline-block; width: 0; height: 0; - vertical-align: top; + margin-left: 2px; + vertical-align: middle; border-top: 4px solid #000; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; } -// Place the caret -.dropdown .caret { - margin-top: 8px; - margin-left: 2px; -} - // The dropdown menu (ul) // ---------------------- .dropdown-menu { diff --git a/less/navs.less b/less/navs.less index 649eef92b..7e8bcf87c 100644 --- a/less/navs.less +++ b/less/navs.less @@ -12,8 +12,11 @@ padding-left: 0; // Override default ul/ol list-style: none; .clearfix(); + > li { + position: relative; display: block; + > a { position: relative; display: block; @@ -44,7 +47,7 @@ cursor: default; } // Space the headers out when they follow another list item (link) - &+ .nav-header { + + .nav-header { margin-top: 9px; } } @@ -215,6 +218,15 @@ +// Dropdowns +// ------------------------- + +.nav-tabs .dropdown-menu { + // Remove the top rounded corners here since there is a hard edge above the menu + .border-top-radius(0); +} + + /* // Prevent IE8 from misplacing imgs // See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989 -- cgit v1.2.3 From 2d10d61fded8246673a5c7c14f955a80bc61a866 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 12 May 2013 16:03:56 -0700 Subject: Restore commented out dropdown styles, get open dropdown state working again --- docs/assets/css/bootstrap.css | 62 ++++++++++++++++++++++++++++++++--- less/dropdowns.less | 12 ++++--- less/navs.less | 76 ++++++++++++++++++++++++++++++++++++++----- 3 files changed, 132 insertions(+), 18 deletions(-) diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 249645d9c..65e471306 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -2693,15 +2693,10 @@ input[type="button"].btn-block { content: "\e160"; } -.open > a { - outline: 0; -} - .caret { display: inline-block; width: 0; height: 0; - margin-top: 8px; margin-left: 2px; vertical-align: middle; border-top: 4px solid #000; @@ -2804,6 +2799,10 @@ input[type="button"].btn-block { display: block; } +.open > a { + outline: 0; +} + .pull-right > .dropdown-menu { right: 0; left: auto; @@ -3163,6 +3162,13 @@ button.close { margin-top: 9px; } +.nav > li.open > a, +.nav > li.open > a:hover, +.nav > li.open > a:focus { + background-color: #428bca; + border-color: #428bca; +} + .nav > .pull-right { float: right; } @@ -3313,10 +3319,56 @@ button.close { } .nav-tabs .dropdown-menu { + margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; } +.nav .caret { + border-top-color: #428bca; + border-bottom-color: #428bca; +} + +.nav a:hover .caret { + border-top-color: #2a6496; + border-bottom-color: #2a6496; +} + +.nav .active .caret { + border-top-color: #fff; + border-bottom-color: #fff; +} + +.nav-tabs .active .caret { + border-top-color: #555555; + border-bottom-color: #555555; +} + +.nav > .dropdown.active > a:hover { + cursor: pointer; +} + +.nav-tabs .open > a, +.nav-pills .open > a, +.nav > li.dropdown.open.active > a:hover { + color: #fff; + background-color: #999999; + border-color: #999999; +} + +.nav li.dropdown.open .caret, +.nav li.dropdown.open.active .caret, +.nav li.dropdown.open > a:hover .caret { + border-top-color: #fff; + border-bottom-color: #fff; + opacity: 1; + filter: alpha(opacity=100); +} + +.tabs-stacked .open > a:hover { + border-color: #999999; +} + /* // Prevent IE8 from misplacing imgs // See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989 diff --git a/less/dropdowns.less b/less/dropdowns.less index 45242fb68..1b9165b4e 100644 --- a/less/dropdowns.less +++ b/less/dropdowns.less @@ -2,10 +2,6 @@ // Dropdown menus // -------------------------------------------------- -// Remove the outline when :focus is triggered -.open > a { - outline: 0; -} // Dropdown arrow/caret // -------------------- @@ -107,9 +103,15 @@ // Open state for the dropdown // --------------------------- .open { - & > .dropdown-menu { + // Show the menu + > .dropdown-menu { display: block; } + + // Remove the outline when :focus is triggered + > a { + outline: 0; + } } // Right aligned dropdowns diff --git a/less/navs.less b/less/navs.less index 7e8bcf87c..5496778e5 100644 --- a/less/navs.less +++ b/less/navs.less @@ -28,17 +28,10 @@ } } - // Nav states and addons - // -------------------------------------------------- - - // Disabled state - // ------------------------- - - // Gray out text + // Disabled state sets text to gray and nukes hover/tab effects &.disabled > a { color: @gray-light; } - // Nuke hover effects &.disabled > a:hover, &.disabled > a:focus { color: @gray-light; @@ -46,10 +39,19 @@ background-color: transparent; cursor: default; } + // Space the headers out when they follow another list item (link) + .nav-header { margin-top: 9px; } + + // Open dropdowns + &.open > a, + &.open > a:hover, + &.open > a:focus { + background-color: @link-color; + border-color: @link-color; + } } // Redeclare pull classes because of specifity @@ -222,11 +224,69 @@ // ------------------------- .nav-tabs .dropdown-menu { + // make dropdown border overlap tab border + margin-top: -1px; // Remove the top rounded corners here since there is a hard edge above the menu .border-top-radius(0); } + + + + + // Make dropdown carets use link color in navs + .nav .caret { + border-top-color: @link-color; + border-bottom-color: @link-color; + } + .nav a:hover .caret { + border-top-color: @link-hover-color; + border-bottom-color: @link-hover-color; + } + + + +// Active dropdown links +// ------------------------- +.nav .active .caret { + border-top-color: #fff; + border-bottom-color: #fff; +} +.nav-tabs .active .caret { + border-top-color: @gray; + border-bottom-color: @gray; +} + +// Active:hover dropdown links +// ------------------------- +.nav > .dropdown.active > a:hover { + cursor: pointer; +} + +// Open dropdowns +// ------------------------- +.nav-tabs .open > a, +.nav-pills .open > a, +.nav > li.dropdown.open.active > a:hover { + color: #fff; + background-color: @gray-light; + border-color: @gray-light; +} +.nav li.dropdown.open .caret, +.nav li.dropdown.open.active .caret, +.nav li.dropdown.open > a:hover .caret { + border-top-color: #fff; + border-bottom-color: #fff; + .opacity(1); +} + +// Dropdowns in stacked tabs +.tabs-stacked .open > a:hover { + border-color: @gray-light; +} + + /* // Prevent IE8 from misplacing imgs // See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989 -- cgit v1.2.3 From 37c1122ded5f13737729e668bbe61cf1c271d8e2 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 12 May 2013 16:12:13 -0700 Subject: Consolidate active dropdown toggle styles and comment out the rest --- docs/assets/css/bootstrap.css | 99 ++++++++++------------------------ less/navs.less | 120 ++++++++++++------------------------------ 2 files changed, 61 insertions(+), 158 deletions(-) diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 65e471306..2b00fae4f 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3165,10 +3165,18 @@ button.close { .nav > li.open > a, .nav > li.open > a:hover, .nav > li.open > a:focus { + color: #fff; background-color: #428bca; border-color: #428bca; } +.nav > li.open > a .caret, +.nav > li.open > a:hover .caret, +.nav > li.open > a:focus .caret { + border-top-color: #fff; + border-bottom-color: #fff; +} + .nav > .pull-right { float: right; } @@ -3318,12 +3326,6 @@ button.close { display: block; } -.nav-tabs .dropdown-menu { - margin-top: -1px; - border-top-right-radius: 0; - border-top-left-radius: 0; -} - .nav .caret { border-top-color: #428bca; border-bottom-color: #428bca; @@ -3334,90 +3336,47 @@ button.close { border-bottom-color: #2a6496; } -.nav .active .caret { +/*.nav .active .caret { border-top-color: #fff; border-bottom-color: #fff; } - .nav-tabs .active .caret { - border-top-color: #555555; - border-bottom-color: #555555; -} - -.nav > .dropdown.active > a:hover { - cursor: pointer; -} - -.nav-tabs .open > a, -.nav-pills .open > a, -.nav > li.dropdown.open.active > a:hover { - color: #fff; - background-color: #999999; - border-color: #999999; -} - -.nav li.dropdown.open .caret, -.nav li.dropdown.open.active .caret, -.nav li.dropdown.open > a:hover .caret { - border-top-color: #fff; - border-bottom-color: #fff; - opacity: 1; - filter: alpha(opacity=100); -} - -.tabs-stacked .open > a:hover { - border-color: #999999; -} - -/* -// Prevent IE8 from misplacing imgs -// See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989 -.nav > li > a > img { - max-width: none; -} - -// Dropdowns -// ------------------------- + border-top-color: @gray; + border-bottom-color: @gray; +}*/ .nav-tabs .dropdown-menu { - // Remove the top rounded corners here since there is a hard edge above the menu - .border-top-radius(0); + margin-top: -1px; + border-top-right-radius: 0; + border-top-left-radius: 0; } -// Default dropdown links -// ------------------------- -// Make carets use linkColor to start -.nav .dropdown-toggle .caret { - border-top-color: @link-color; - border-bottom-color: @link-color; - margin-top: 8px; -} -.nav .dropdown-toggle:hover .caret { - border-top-color: @link-hover-color; - border-bottom-color: @link-hover-color; -} +/* // Active dropdown links // ------------------------- -.nav .active .dropdown-toggle .caret { +.nav .active .caret { border-top-color: #fff; border-bottom-color: #fff; } -.nav-tabs .active .dropdown-toggle .caret { +.nav-tabs .active .caret { border-top-color: @gray; border-bottom-color: @gray; } +*/ +/* // Active:hover dropdown links // ------------------------- .nav > .dropdown.active > a:hover { cursor: pointer; } +*/ -// Open dropdowns +/*// Open dropdowns // ------------------------- -.nav-tabs .open .dropdown-toggle, -.nav-pills .open .dropdown-toggle, +.nav > .open > a, +.nav-pills .open > a, .nav > li.dropdown.open.active > a:hover { color: #fff; background-color: @gray-light; @@ -3425,18 +3384,16 @@ button.close { } .nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret, -.nav li.dropdown.open a:hover .caret { +.nav li.dropdown.open > a:hover .caret { border-top-color: #fff; border-bottom-color: #fff; .opacity(1); -} +}*/ -// Dropdowns in stacked tabs +/*// Dropdowns in stacked tabs .tabs-stacked .open > a:hover { border-color: @gray-light; -} - -*/ +}*/ .navbar { position: relative; diff --git a/less/navs.less b/less/navs.less index 5496778e5..2ea9a925d 100644 --- a/less/navs.less +++ b/less/navs.less @@ -49,8 +49,13 @@ &.open > a, &.open > a:hover, &.open > a:focus { + color: #fff; background-color: @link-color; border-color: @link-color; + .caret { + border-top-color: #fff; + border-bottom-color: #fff; + } } } @@ -223,119 +228,62 @@ // Dropdowns // ------------------------- -.nav-tabs .dropdown-menu { - // make dropdown border overlap tab border - margin-top: -1px; - // Remove the top rounded corners here since there is a hard edge above the menu - .border-top-radius(0); +// Make dropdown carets use link color in navs +.nav .caret { + border-top-color: @link-color; + border-bottom-color: @link-color; +} +.nav a:hover .caret { + border-top-color: @link-hover-color; + border-bottom-color: @link-hover-color; } - - - - - - // Make dropdown carets use link color in navs - .nav .caret { - border-top-color: @link-color; - border-bottom-color: @link-color; - } - .nav a:hover .caret { - border-top-color: @link-hover-color; - border-bottom-color: @link-hover-color; - } - - - -// Active dropdown links -// ------------------------- -.nav .active .caret { +/*.nav .active .caret { border-top-color: #fff; border-bottom-color: #fff; } .nav-tabs .active .caret { border-top-color: @gray; border-bottom-color: @gray; -} - -// Active:hover dropdown links -// ------------------------- -.nav > .dropdown.active > a:hover { - cursor: pointer; -} - -// Open dropdowns -// ------------------------- -.nav-tabs .open > a, -.nav-pills .open > a, -.nav > li.dropdown.open.active > a:hover { - color: #fff; - background-color: @gray-light; - border-color: @gray-light; -} -.nav li.dropdown.open .caret, -.nav li.dropdown.open.active .caret, -.nav li.dropdown.open > a:hover .caret { - border-top-color: #fff; - border-bottom-color: #fff; - .opacity(1); -} - -// Dropdowns in stacked tabs -.tabs-stacked .open > a:hover { - border-color: @gray-light; -} - - -/* -// Prevent IE8 from misplacing imgs -// See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989 -.nav > li > a > img { - max-width: none; -} +}*/ -// Dropdowns -// ------------------------- +// Specific dropdowns .nav-tabs .dropdown-menu { + // make dropdown border overlap tab border + margin-top: -1px; // Remove the top rounded corners here since there is a hard edge above the menu .border-top-radius(0); } -// Default dropdown links -// ------------------------- -// Make carets use linkColor to start -.nav .dropdown-toggle .caret { - border-top-color: @link-color; - border-bottom-color: @link-color; - margin-top: 8px; -} -.nav .dropdown-toggle:hover .caret { - border-top-color: @link-hover-color; - border-bottom-color: @link-hover-color; -} + + +/* // Active dropdown links // ------------------------- -.nav .active .dropdown-toggle .caret { +.nav .active .caret { border-top-color: #fff; border-bottom-color: #fff; } -.nav-tabs .active .dropdown-toggle .caret { +.nav-tabs .active .caret { border-top-color: @gray; border-bottom-color: @gray; } +*/ +/* // Active:hover dropdown links // ------------------------- .nav > .dropdown.active > a:hover { cursor: pointer; } +*/ -// Open dropdowns +/*// Open dropdowns // ------------------------- -.nav-tabs .open .dropdown-toggle, -.nav-pills .open .dropdown-toggle, +.nav > .open > a, +.nav-pills .open > a, .nav > li.dropdown.open.active > a:hover { color: #fff; background-color: @gray-light; @@ -343,15 +291,13 @@ } .nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret, -.nav li.dropdown.open a:hover .caret { +.nav li.dropdown.open > a:hover .caret { border-top-color: #fff; border-bottom-color: #fff; .opacity(1); -} +}*/ -// Dropdowns in stacked tabs +/*// Dropdowns in stacked tabs .tabs-stacked .open > a:hover { border-color: @gray-light; -} - -*/ +}*/ -- cgit v1.2.3 From da4e7ab15c050314cfa5eea6d4853898757d182a Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 12 May 2013 16:13:39 -0700 Subject: fix broke example --- docs/javascript.html | 2 +- less/navs.less | 56 ---------------------------------------------------- 2 files changed, 1 insertion(+), 57 deletions(-) diff --git a/docs/javascript.html b/docs/javascript.html index e02fb32d7..94e1c7bdb 100644 --- a/docs/javascript.html +++ b/docs/javascript.html @@ -477,7 +477,7 @@ $('.dropdown-toggle').dropdown()
                                                                  Project Name -
                                                                    +
                                                                    • @fat
                                                                    • @mdo
                                                                    • diff --git a/less/navs.less b/less/navs.less index 2ea9a925d..66fa341e4 100644 --- a/less/navs.less +++ b/less/navs.less @@ -238,16 +238,6 @@ border-bottom-color: @link-hover-color; } -/*.nav .active .caret { - border-top-color: #fff; - border-bottom-color: #fff; -} -.nav-tabs .active .caret { - border-top-color: @gray; - border-bottom-color: @gray; -}*/ - - // Specific dropdowns .nav-tabs .dropdown-menu { // make dropdown border overlap tab border @@ -255,49 +245,3 @@ // Remove the top rounded corners here since there is a hard edge above the menu .border-top-radius(0); } - - - -/* - -// Active dropdown links -// ------------------------- -.nav .active .caret { - border-top-color: #fff; - border-bottom-color: #fff; -} -.nav-tabs .active .caret { - border-top-color: @gray; - border-bottom-color: @gray; -} -*/ - -/* -// Active:hover dropdown links -// ------------------------- -.nav > .dropdown.active > a:hover { - cursor: pointer; -} -*/ - -/*// Open dropdowns -// ------------------------- -.nav > .open > a, -.nav-pills .open > a, -.nav > li.dropdown.open.active > a:hover { - color: #fff; - background-color: @gray-light; - border-color: @gray-light; -} -.nav li.dropdown.open .caret, -.nav li.dropdown.open.active .caret, -.nav li.dropdown.open > a:hover .caret { - border-top-color: #fff; - border-bottom-color: #fff; - .opacity(1); -}*/ - -/*// Dropdowns in stacked tabs -.tabs-stacked .open > a:hover { - border-color: @gray-light; -}*/ -- cgit v1.2.3 From 09098a7923b287cbf863c8dc1d6f41749dd4829c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 12 May 2013 16:13:51 -0700 Subject: run make on last commit --- docs/assets/css/bootstrap.css | 53 ------------------------------------------- 1 file changed, 53 deletions(-) diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 2b00fae4f..2ddd9e769 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3336,65 +3336,12 @@ button.close { border-bottom-color: #2a6496; } -/*.nav .active .caret { - border-top-color: #fff; - border-bottom-color: #fff; -} -.nav-tabs .active .caret { - border-top-color: @gray; - border-bottom-color: @gray; -}*/ - .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; } -/* - -// Active dropdown links -// ------------------------- -.nav .active .caret { - border-top-color: #fff; - border-bottom-color: #fff; -} -.nav-tabs .active .caret { - border-top-color: @gray; - border-bottom-color: @gray; -} -*/ - -/* -// Active:hover dropdown links -// ------------------------- -.nav > .dropdown.active > a:hover { - cursor: pointer; -} -*/ - -/*// Open dropdowns -// ------------------------- -.nav > .open > a, -.nav-pills .open > a, -.nav > li.dropdown.open.active > a:hover { - color: #fff; - background-color: @gray-light; - border-color: @gray-light; -} -.nav li.dropdown.open .caret, -.nav li.dropdown.open.active .caret, -.nav li.dropdown.open > a:hover .caret { - border-top-color: #fff; - border-bottom-color: #fff; - .opacity(1); -}*/ - -/*// Dropdowns in stacked tabs -.tabs-stacked .open > a:hover { - border-color: @gray-light; -}*/ - .navbar { position: relative; padding-right: 15px; -- cgit v1.2.3 From 41a76e8e7ade28a8ac65b6948bddf1cd702f9579 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 12 May 2013 16:30:54 -0700 Subject: Less specific dropdown styles, change up navbar dropdown styles --- docs/assets/css/bootstrap.css | 46 +++++++++++++++++++++---------------------- less/navbar.less | 34 ++++++++++++++++---------------- less/navs.less | 22 ++++++++++----------- 3 files changed, 51 insertions(+), 51 deletions(-) diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 2ddd9e769..72bda5c82 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3162,17 +3162,17 @@ button.close { margin-top: 9px; } -.nav > li.open > a, -.nav > li.open > a:hover, -.nav > li.open > a:focus { +.nav.open > a, +.nav.open > a:hover, +.nav.open > a:focus { color: #fff; background-color: #428bca; border-color: #428bca; } -.nav > li.open > a .caret, -.nav > li.open > a:hover .caret, -.nav > li.open > a:focus .caret { +.nav.open > a .caret, +.nav.open > a:hover .caret, +.nav.open > a:focus .caret { border-top-color: #fff; border-bottom-color: #fff; } @@ -3501,27 +3501,27 @@ button.close { border-bottom-left-radius: 0; } -.navbar-nav li.dropdown > a:hover .caret, -.navbar-nav li.dropdown > a:focus .caret { +.navbar-nav > .dropdown > a:hover .caret, +.navbar-nav > .dropdown > a:focus .caret { border-top-color: #333333; border-bottom-color: #333333; } -.navbar-nav li.dropdown.open > .dropdown-toggle, -.navbar-nav li.dropdown.active > .dropdown-toggle, -.navbar-nav li.dropdown.open.active > .dropdown-toggle { +.navbar-nav > .open > a, +.navbar-nav > .open > a:hover, +.navbar-nav > .open > a:focus { color: #555555; background-color: #d5d5d5; } -.navbar-nav li.dropdown > .dropdown-toggle .caret { +.navbar-nav > .dropdown > a .caret { border-top-color: #777777; border-bottom-color: #777777; } -.navbar-nav li.dropdown.open > .dropdown-toggle .caret, -.navbar-nav li.dropdown.active > .dropdown-toggle .caret, -.navbar-nav li.dropdown.open.active > .dropdown-toggle .caret { +.navbar-nav > .open > a .caret, +.navbar-nav > .open > a:hover .caret, +.navbar-nav > .open > a:focus .caret { border-top-color: #555555; border-bottom-color: #555555; } @@ -3587,26 +3587,26 @@ button.close { background-color: #fff; } -.navbar-inverse .navbar-nav li.dropdown.open > .dropdown-toggle, -.navbar-inverse .navbar-nav li.dropdown.active > .dropdown-toggle, -.navbar-inverse .navbar-nav li.dropdown.open.active > .dropdown-toggle { +.navbar-inverse .navbar-nav > .open > a, +.navbar-inverse .navbar-nav > .open > a:hover, +.navbar-inverse .navbar-nav > .open > a:focus { color: #ffffff; background-color: #080808; } -.navbar-inverse .navbar-nav li.dropdown > a:hover .caret { +.navbar-inverse .navbar-nav > .dropdown > a:hover .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } -.navbar-inverse .navbar-nav li.dropdown > .dropdown-toggle .caret { +.navbar-inverse .navbar-nav > .dropdown > a .caret { border-top-color: #999999; border-bottom-color: #999999; } -.navbar-inverse .navbar-nav li.dropdown.open > .dropdown-toggle .caret, -.navbar-inverse .navbar-nav li.dropdown.active > .dropdown-toggle .caret, -.navbar-inverse .navbar-nav li.dropdown.open.active > .dropdown-toggle .caret { +.navbar-inverse .navbar-nav > .open > a .caret, +.navbar-inverse .navbar-nav > .open > a:hover .caret, +.navbar-inverse .navbar-nav > .open > a:focus .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } diff --git a/less/navbar.less b/less/navbar.less index 975f2ebb2..86768962d 100644 --- a/less/navbar.less +++ b/less/navbar.less @@ -153,26 +153,26 @@ // Dropdown menu items and carets .navbar-nav { // Caret should match text color on hover - li.dropdown > a:hover .caret, - li.dropdown > a:focus .caret { + > .dropdown > a:hover .caret, + > .dropdown > a:focus .caret { border-top-color: @navbar-link-hover-color; border-bottom-color: @navbar-link-hover-color; } // Remove background color from open dropdown - li.dropdown.open > .dropdown-toggle, - li.dropdown.active > .dropdown-toggle, - li.dropdown.open.active > .dropdown-toggle { + > .open > a, + > .open > a:hover, + > .open > a:focus { background-color: @navbar-link-active-bg; color: @navbar-link-active-color; } - li.dropdown > .dropdown-toggle .caret { + > .dropdown > a .caret { border-top-color: @navbar-link-color; border-bottom-color: @navbar-link-color; } - li.dropdown.open > .dropdown-toggle .caret, - li.dropdown.active > .dropdown-toggle .caret, - li.dropdown.open.active > .dropdown-toggle .caret { + > .open > a .caret, + > .open > a:hover .caret, + > .open > a:focus .caret { border-top-color: @navbar-link-active-color; border-bottom-color: @navbar-link-active-color; } @@ -243,23 +243,23 @@ // Dropdowns .navbar-nav { - li.dropdown.open > .dropdown-toggle, - li.dropdown.active > .dropdown-toggle, - li.dropdown.open.active > .dropdown-toggle { + > .open > a, + > .open > a:hover, + > .open > a:focus { background-color: @navbar-inverse-link-active-bg; color: @navbar-inverse-link-active-color; } - li.dropdown > a:hover .caret { + > .dropdown > a:hover .caret { border-top-color: @navbar-inverse-link-hover-color; border-bottom-color: @navbar-inverse-link-hover-color; } - li.dropdown > .dropdown-toggle .caret { + > .dropdown > a .caret { border-top-color: @navbar-inverse-link-color; border-bottom-color: @navbar-inverse-link-color; } - li.dropdown.open > .dropdown-toggle .caret, - li.dropdown.active > .dropdown-toggle .caret, - li.dropdown.open.active > .dropdown-toggle .caret { + > .open > a .caret, + > .open > a:hover .caret, + > .open > a:focus .caret { border-top-color: @navbar-inverse-link-active-color; border-bottom-color: @navbar-inverse-link-active-color; } diff --git a/less/navs.less b/less/navs.less index 66fa341e4..e5925bf63 100644 --- a/less/navs.less +++ b/less/navs.less @@ -44,18 +44,18 @@ + .nav-header { margin-top: 9px; } + } - // Open dropdowns - &.open > a, - &.open > a:hover, - &.open > a:focus { - color: #fff; - background-color: @link-color; - border-color: @link-color; - .caret { - border-top-color: #fff; - border-bottom-color: #fff; - } + // Open dropdowns + &.open > a, + &.open > a:hover, + &.open > a:focus { + color: #fff; + background-color: @link-color; + border-color: @link-color; + .caret { + border-top-color: #fff; + border-bottom-color: #fff; } } -- cgit v1.2.3 From 79a426943075e11458acd96aa71490aee76672c7 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 12 May 2013 16:34:12 -0700 Subject: Fix navbar button docs --- docs/components.html | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/docs/components.html b/docs/components.html index 01a580bf9..916d7c957 100644 --- a/docs/components.html +++ b/docs/components.html @@ -1170,9 +1170,12 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na
                                                                      Brand - +
                                                                      +{% highlight html %} + +{% endhighlight %}

                                                                      Text

                                                                      Wrap strings of text in an element with .navbar-text, usually on a <p> tag for proper leading and color.

                                                                      @@ -1182,7 +1185,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na

                                                                      Signed in as Mark Otto

                                                                  -{% highlight html linenos %} +{% highlight html %}
                                                                  Brand

                                                                  Signed in as Mark Otto

                                                                  @@ -1197,7 +1200,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na

                                                                  Signed in as Mark Otto

                                                                  -{% highlight html linenos %} +{% highlight html %}
                                                                  Brand

                                                                  Signed in as Mark Otto

                                                                  -- cgit v1.2.3 From 046d82f0ef31520a64709f03b708721ed902a6c4 Mon Sep 17 00:00:00 2001 From: Robert Burns Date: Sun, 12 May 2013 22:04:01 -0400 Subject: Fix invalid input within docs --- docs/css.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/css.html b/docs/css.html index 9684d778c..c84547caa 100644 --- a/docs/css.html +++ b/docs/css.html @@ -1273,10 +1273,10 @@ For example, <section> should be wrapped as inline.
                                                                  - + {% highlight html %} - + {% endhighlight %}

                                                                  Disabled inputs

                                                                  -- cgit v1.2.3 From d4546cbcc2f3a5cae79a69e4857d52d6e947a833 Mon Sep 17 00:00:00 2001 From: Robert Burns Date: Sun, 12 May 2013 22:04:22 -0400 Subject: Fix buttons within examples --- docs/customize.html | 2 +- docs/examples/carousel.html | 6 +++--- docs/examples/jumbotron.html | 6 +++--- docs/examples/justified-nav.html | 6 +++--- 4 files changed, 10 insertions(+), 10 deletions(-) diff --git a/docs/customize.html b/docs/customize.html index 1269d2532..5d4edcf79 100644 --- a/docs/customize.html +++ b/docs/customize.html @@ -19,7 +19,7 @@ slug: customize
                                                                  - Toggle all + Toggle all

                                                                  1. Choose components

                                                                  diff --git a/docs/examples/carousel.html b/docs/examples/carousel.html index cd6855aab..75e0838e3 100644 --- a/docs/examples/carousel.html +++ b/docs/examples/carousel.html @@ -327,19 +327,19 @@ body {

                                                                  Heading

                                                                  Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna.

                                                                  -

                                                                  View details »

                                                                  +

                                                                  View details »

                                                                  Heading

                                                                  Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.

                                                                  -

                                                                  View details »

                                                                  +

                                                                  View details »

                                                                  Heading

                                                                  Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

                                                                  -

                                                                  View details »

                                                                  +

                                                                  View details »

                                                                  diff --git a/docs/examples/jumbotron.html b/docs/examples/jumbotron.html index 5b2f62eb5..3627f7ef4 100644 --- a/docs/examples/jumbotron.html +++ b/docs/examples/jumbotron.html @@ -88,17 +88,17 @@ title: Jumbotron template

                                                                  Heading

                                                                  Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

                                                                  -

                                                                  View details »

                                                                  +

                                                                  View details »

                                                                  Heading

                                                                  Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

                                                                  -

                                                                  View details »

                                                                  +

                                                                  View details »

                                                                  Heading

                                                                  Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

                                                                  -

                                                                  View details »

                                                                  +

                                                                  View details »

                                                                  diff --git a/docs/examples/justified-nav.html b/docs/examples/justified-nav.html index fdd706a8f..afc03a1a8 100644 --- a/docs/examples/justified-nav.html +++ b/docs/examples/justified-nav.html @@ -121,17 +121,17 @@ title: Justified nav template

                                                                  Heading

                                                                  Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

                                                                  -

                                                                  View details »

                                                                  +

                                                                  View details »

                                                                  Heading

                                                                  Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

                                                                  -

                                                                  View details »

                                                                  +

                                                                  View details »

                                                                  Heading

                                                                  Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa.

                                                                  -

                                                                  View details »

                                                                  +

                                                                  View details »

                                                                  -- cgit v1.2.3 From dd7bb71554ad2ba33b483ed187aed0930e7788ba Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 12 May 2013 21:00:37 -0700 Subject: spacing --- less/responsive-utilities.less | 28 ++++++++++++++-------------- 1 file changed, 14 insertions(+), 14 deletions(-) diff --git a/less/responsive-utilities.less b/less/responsive-utilities.less index 71a158846..09a0955f8 100644 --- a/less/responsive-utilities.less +++ b/less/responsive-utilities.less @@ -36,40 +36,40 @@ // Visibility utilities // For Phones -.visible-sm { display: inherit !important; } -.visible-md { display: none !important; } +.visible-sm { display: inherit !important; } +.visible-md { display: none !important; } .visible-lg { display: none !important; } -.hidden-sm { display: none !important; } -.hidden-md { display: inherit !important; } +.hidden-sm { display: none !important; } +.hidden-md { display: inherit !important; } .hidden-lg { display: inherit !important; } // Tablets & small desktops only @media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) { - .visible-sm { display: none !important; } - .visible-md { display: inherit !important; } + .visible-sm { display: none !important; } + .visible-md { display: inherit !important; } .visible-lg { display: none !important; } - .hidden-sm { display: inherit !important; } - .hidden-md { display: none !important; } + .hidden-sm { display: inherit !important; } + .hidden-md { display: none !important; } .hidden-lg { display: inherit !important; } } // For desktops @media (min-width: @screen-desktop) { - .visible-sm { display: none !important; } - .visible-md { display: none !important; } + .visible-sm { display: none !important; } + .visible-md { display: none !important; } .visible-lg { display: inherit !important; } - .hidden-sm { display: inherit !important; } - .hidden-md { display: inherit !important; } + .hidden-sm { display: inherit !important; } + .hidden-md { display: inherit !important; } .hidden-lg { display: none !important; } } // Print utilities -.visible-print { display: none !important; } -.hidden-print { } +.visible-print { display: none !important; } +.hidden-print { } @media print { .visible-print { display: inherit !important; } -- cgit v1.2.3 From 2c6e854eea823495d342a38e26863abf60ac32ec Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 12 May 2013 23:54:10 -0700 Subject: fix broken responsive utilities table --- docs/css.html | 98 ++++++++++++++++++++++++++++++----------------------------- 1 file changed, 50 insertions(+), 48 deletions(-) diff --git a/docs/css.html b/docs/css.html index aec71a4f4..a3eda473b 100644 --- a/docs/css.html +++ b/docs/css.html @@ -1949,54 +1949,56 @@ For example, <section> should be wrapped as inline.

                                                                  For faster mobile-friendly development, use these utility classes for showing and hiding content by device via media query. Also included are utility classes for toggling content when printed.

                                                                  Responsive classes

                                                                  -
                                                                  • - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - +

                                                                  Print classes

                                                                  -- cgit v1.2.3 From 4eeebe7e06bc93a8d4854acb82745f8409c2e3a1 Mon Sep 17 00:00:00 2001 From: marsuboss Date: Mon, 13 May 2013 15:50:02 +0300 Subject: Fix --- docs/_includes/nav-javascript.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/_includes/nav-javascript.html b/docs/_includes/nav-javascript.html index d691845f2..9422b27fb 100644 --- a/docs/_includes/nav-javascript.html +++ b/docs/_includes/nav-javascript.html @@ -5,7 +5,7 @@
                                                                • Data attributes
                                                                • Programmatic API
                                                                • No Conflict
                                                                  • -
                                                                • Evens
                                                                  • +
                                                                • Events
                                                                • Transitions
                                                                  • -- cgit v1.2.3 From a38a3429fc132cbf3925a057db8b331db57aae87 Mon Sep 17 00:00:00 2001 From: Robert Burns Date: Mon, 13 May 2013 20:01:59 -0400 Subject: Fix caret position --- docs/assets/css/bootstrap.css | 1 - less/button-groups.less | 1 - 2 files changed, 2 deletions(-) diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 0c538b8f6..8bc5c9358 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3791,7 +3791,6 @@ button.close { } .btn .caret { - margin-top: 8px; margin-left: 0; } diff --git a/less/button-groups.less b/less/button-groups.less index bac8c06b4..f7934a328 100644 --- a/less/button-groups.less +++ b/less/button-groups.less @@ -114,7 +114,6 @@ // Reposition the caret .btn .caret { - margin-top: 8px; margin-left: 0; } // Carets in other button sizes -- cgit v1.2.3 From da9cf1009b5ba5004deca58a8e7b999d70dd9382 Mon Sep 17 00:00:00 2001 From: Robert Burns Date: Mon, 13 May 2013 21:40:48 -0400 Subject: Fix glyphicon in "Dropdown in a button group" example --- docs/components.html | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/docs/components.html b/docs/components.html index 916d7c957..23c20d94d 100644 --- a/docs/components.html +++ b/docs/components.html @@ -233,14 +233,14 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na
                                                                  Dropdown in a button group
                                                                  - User + User
                                                                  -- cgit v1.2.3 From 45f62f9589c50175161b627d0f5b6f34ee8592aa Mon Sep 17 00:00:00 2001 From: Robert Burns Date: Tue, 14 May 2013 08:33:49 -0400 Subject: Cleanup form-inline examples in docs --- docs/assets/css/docs.css | 5 +++++ docs/css.html | 34 +++++++++++++++------------------- 2 files changed, 20 insertions(+), 19 deletions(-) diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 3a93a01cf..b08437a0e 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -288,6 +288,11 @@ body { margin: 0; } +.bs-example.form-inline input:not([type=checkbox]):not([type=radio]), +.bs-example.form-inline select { + width: 180px; +} + /* List groups */ .bs-example > .list-group { max-width: 400px; diff --git a/docs/css.html b/docs/css.html index 520a252af..6a123c947 100644 --- a/docs/css.html +++ b/docs/css.html @@ -1051,8 +1051,8 @@ For example, <section> should be wrapped as inline.

                                                                  Inputs, selects, and textareas are 100% wide by default in Bootstrap. To use the inline form, you'll have to set a width on the form controls used within.

                                                                  - - + +
                                                                  -
                                                                  + {% highlight html %} @@ -1281,7 +1281,7 @@ For example, <section> should be wrapped as inline.

                                                                  Disabled inputs

                                                                  Add the disabled attribute on an input to prevent user input and trigger a slightly different look.

                                                                  -
                                                                  + {% highlight html %} @@ -1303,14 +1303,10 @@ For example, <section> should be wrapped as inline.
                                                                  -
                                                                  - -
                                                                  -
                                                                  - -
                                                                  + +
                                                                  +{% endhighlight %} + + +

                                                                  Wrap buttons or secondary text in .panel-footer.

                                                                  +
                                                                  +
                                                                  + Panel content +
                                                                  Panel footer
                                                                  +
                                                                  +
                                                                  +{% highlight html %} +
                                                                  + Panel content +
                                                                  Panel footer
                                                                  +
                                                                  {% endhighlight %}

                                                                  Contextual alternatives

                                                                  diff --git a/less/panels.less b/less/panels.less index 0d5a07ad4..a08febef3 100644 --- a/less/panels.less +++ b/less/panels.less @@ -25,6 +25,16 @@ border-top-right-radius: (@panel-border-radius - 1); } +// Optional footer (stays gray in every modifier class) +.panel-footer { + margin: 15px -15px -15px; + padding: 10px 15px; + background-color: @panel-footer-bg; + border-top: 1px solid @panel-border; + border-bottom-left-radius: (@panel-border-radius - 1); + border-bottom-right-radius: (@panel-border-radius - 1); +} + // Contextual variations .panel-primary { border-color: @panel-primary-border; diff --git a/less/variables.less b/less/variables.less index cb07c8307..4feb9879a 100644 --- a/less/variables.less +++ b/less/variables.less @@ -331,6 +331,7 @@ @panel-border: #ddd; @panel-border-radius: @border-radius-base; @panel-heading-bg: #f5f5f5; +@panel-footer-bg: #f5f5f5; @panel-primary-text: #fff; @panel-primary-border: @brand-primary; -- cgit v1.2.3 From e23f661f3fc66f83cb976f8a3b7e2c627af9162d Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 14 May 2013 18:59:13 -0700 Subject: Fixes #7885 and #7886: only right align horizontal form labels when above 768px --- docs/assets/css/bootstrap.css | 7 ++++++- less/forms.less | 6 ++++++ 2 files changed, 12 insertions(+), 1 deletion(-) diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 7f1bf5cd8..4a1324b6b 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1700,7 +1700,12 @@ select:focus:invalid:focus { .form-horizontal .row-label { padding-top: 6px; - text-align: right; +} + +@media (min-width: 768px) { + .form-horizontal .row-label { + text-align: right; + } } .btn { diff --git a/less/forms.less b/less/forms.less index 173520000..dacc4bb50 100644 --- a/less/forms.less +++ b/less/forms.less @@ -478,6 +478,12 @@ select:focus:invalid { } .row-label { padding-top: 6px; + } +} + +// Only right aline form labels here when the columns stop stacking +@media (min-width: 768px) { + .form-horizontal .row-label { text-align: right; } } -- cgit v1.2.3 From 7e674efa22fa06e1ea825b934973c11fb03583ea Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 14 May 2013 22:00:08 -0700 Subject: outdent the file list --- docs/getting-started.html | 26 +++++++++++++------------- 1 file changed, 13 insertions(+), 13 deletions(-) diff --git a/docs/getting-started.html b/docs/getting-started.html index cd8432690..ae7ee0e51 100644 --- a/docs/getting-started.html +++ b/docs/getting-started.html @@ -60,19 +60,19 @@ lead: "An overview of Bootstrap, how to download and use, basic templates and ex

                                                                  Once downloaded, unzip the compressed folder to see the structure of (the compiled) Bootstrap. You'll see something like this:

                                                                  {% highlight bash %} - bootstrap/ - ├── css/ - │ ├── bootstrap.css - │ ├── bootstrap.min.css - ├── js/ - │ ├── bootstrap.js - │ ├── bootstrap.min.js - └── fonts/ - ├── glyphiconshalflings-regular.eot - ├── glyphiconshalflings-regular.otf - ├── glyphiconshalflings-regular.svg - ├── glyphiconshalflings-regular.ttf - └── glyphiconshalflings-regular.woff +bootstrap/ +├── css/ +│ ├── bootstrap.css +│ ├── bootstrap.min.css +├── js/ +│ ├── bootstrap.js +│ ├── bootstrap.min.js +└── fonts/ + ├── glyphiconshalflings-regular.eot + ├── glyphiconshalflings-regular.otf + ├── glyphiconshalflings-regular.svg + ├── glyphiconshalflings-regular.ttf + └── glyphiconshalflings-regular.woff {% endhighlight %}

                                                                  This is the most basic form of Bootstrap: compiled files for quick drop-in usage in nearly any web project. We provide compiled CSS and JS (bootstrap.*), as well as compiled and minified CSS and JS (bootstrap.min.*). The image files are compressed using ImageOptim, a Mac app for compressing PNGs.

                                                                  -- cgit v1.2.3 From e56c809492b605f2bae242b67ff18fef426e7b7a Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 14 May 2013 22:08:32 -0700 Subject: refined navbar styles in docs --- docs/assets/css/docs.css | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 3a93a01cf..36f7cbd45 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -21,12 +21,18 @@ body { .bs-docs-nav { background-color: #b94a48; } -.bs-docs-nav .navbar-brand, +.bs-docs-nav .navbar-brand { + color: #fff; +} .bs-docs-nav .navbar-nav > li > a { + color: #dfc9c8; +} +.bs-docs-nav .navbar-nav > li > a:hover { color: #fff; } .bs-docs-nav .navbar-nav > .active > a, .bs-docs-nav .navbar-nav > .active > a:hover { + color: #fff; background-color: #993c3a; } .bs-docs-nav .navbar-toggle { -- cgit v1.2.3 From a41d566d5e38dd3227a0f5921f7be92969ff63f1 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 14 May 2013 22:08:56 -0700 Subject: margin on bottom of navbar nav by default, also round links in mobile views (unround in desktop) --- docs/assets/css/bootstrap.css | 6 ++++++ less/navbar.less | 9 ++++++++- 2 files changed, 14 insertions(+), 1 deletion(-) diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 4a1324b6b..354dd25fe 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3387,6 +3387,7 @@ button.close { .navbar-nav { margin-top: 10px; + margin-bottom: 15px; } .navbar-nav > li > a { @@ -3394,6 +3395,7 @@ button.close { padding-bottom: 15px; line-height: 20px; color: #777777; + border-radius: 4px; } .navbar-nav > li > a:hover, @@ -3634,10 +3636,14 @@ button.close { .navbar .nav { float: left; margin-top: 0; + margin-bottom: 0; } .navbar .nav > li { float: left; } + .navbar .nav > li > a { + border-radius: 0; + } .navbar .nav.pull-right { float: right; } diff --git a/less/navbar.less b/less/navbar.less index 86768962d..13a36781e 100644 --- a/less/navbar.less +++ b/less/navbar.less @@ -22,12 +22,14 @@ // Space out from .navbar .brand and .btn-navbar when stacked in mobile views // and outdent nav links so text lines up with logo. margin-top: 10px; + margin-bottom: 15px; > li > a { padding-top: ((@navbar-height - @line-height-computed) / 2); padding-bottom: ((@navbar-height - @line-height-computed) / 2); color: @navbar-link-color; line-height: 20px; + border-radius: @border-radius-base; } > li > a:hover, > li > a:focus { @@ -281,10 +283,15 @@ } .navbar .nav { float: left; - margin-top: 0; // undo top margin to make nav extend full height of navbar + // undo margin to make nav extend full height of navbar + margin-top: 0; + margin-bottom: 0; > li { float: left; + > a { + border-radius: 0; + } } &.pull-right { -- cgit v1.2.3 From 28a081cb20d4e9544967e7c6d5ab31ff4ad68862 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 14 May 2013 23:21:30 -0700 Subject: Overhaul form control and button sizing, and some type styles * New padding approach with separate horizontal and vertical padding variables * Improved sizing in large and small buttons and form controls * Dropped the `.btn-mini` (since we have no `.input-mini` to match, and holy fuck those were small buttons) * Dropped the `.pagination-mini` as well because once again, to hell with such small components * Changed `@line-height-headings` to `@headings-line-height` * Removed the `@headings-font-family` because it was honestly kind of useless --- docs/assets/css/bootstrap.css | 96 ++++++++++++++++++------------------------- docs/assets/css/docs.css | 5 +++ docs/components.html | 37 +---------------- docs/css.html | 12 +----- less/buttons.less | 12 ++---- less/forms.less | 15 +++---- less/pagination.less | 27 ++++-------- less/type.less | 3 +- less/variables.less | 34 ++++++++------- 9 files changed, 88 insertions(+), 153 deletions(-) diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 354dd25fe..046cc20a5 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -283,7 +283,7 @@ html { body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; - line-height: 1.428; + line-height: 1.428571429; color: #333333; background-color: #ffffff; } @@ -415,7 +415,6 @@ h6, .h4, .h5, .h6 { - font-family: inherit; font-weight: 500; line-height: 1.1; } @@ -518,7 +517,7 @@ ol ul { } li { - line-height: 1.428; + line-height: 1.428571429; } .list-unstyled { @@ -543,7 +542,7 @@ dl { dt, dd { - line-height: 1.428; + line-height: 1.428571429; } dt { @@ -625,7 +624,7 @@ blockquote p:last-child { blockquote small { display: block; - line-height: 1.428; + line-height: 1.428571429; color: #999999; } @@ -665,7 +664,7 @@ address { display: block; margin-bottom: 20px; font-style: normal; - line-height: 1.428; + line-height: 1.428571429; } code, @@ -690,7 +689,7 @@ pre { padding: 9.5px; margin: 0 0 10px; font-size: 13px; - line-height: 1.428; + line-height: 1.428571429; word-break: break-all; word-wrap: break-word; white-space: pre; @@ -1018,7 +1017,7 @@ th { .table thead > tr > td, .table tbody > tr > td { padding: 8px; - line-height: 1.428; + line-height: 1.428571429; vertical-align: top; border-top: 1px solid #dddddd; } @@ -1206,7 +1205,7 @@ legend { padding: 0; margin-bottom: 20px; font-size: 21px; - line-height: 1.1; + line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; @@ -1235,10 +1234,10 @@ input[type="search"], input[type="tel"], input[type="color"] { display: block; - min-height: 34px; - padding: 6px 9px; + min-height: 36px; + padding: 8px 12px; font-size: 14px; - line-height: 1.428; + line-height: 1.428571429; color: #555555; vertical-align: middle; background-color: #ffffff; @@ -1313,10 +1312,10 @@ input[type="checkbox"] { select, input[type="file"] { - height: 34px; + height: 36px; /* In IE7, the height of the select element cannot be changed by height, only font-size. TODO: Check if this is still needed when dropping IE7 support */ - line-height: 34px; + line-height: 36px; } select[multiple], @@ -1424,7 +1423,7 @@ input[type="url"].input-large, input[type="search"].input-large, input[type="tel"].input-large, input[type="color"].input-large { - padding: 11px 14px; + padding: 14px 16px; font-size: 18px; border-radius: 6px; } @@ -1445,8 +1444,8 @@ input[type="url"].input-small, input[type="search"].input-small, input[type="tel"].input-small, input[type="color"].input-small { - min-height: 26px; - padding: 2px 10px; + min-height: 30px; + padding: 5px 10px; font-size: 12px; border-radius: 3px; } @@ -1612,7 +1611,7 @@ select:focus:invalid:focus { padding: 6px 8px; font-size: 14px; font-weight: normal; - line-height: 1.428; + line-height: 1.428571429; text-align: center; text-shadow: 0 1px 0 #fff; background-color: #eeeeee; @@ -1624,13 +1623,13 @@ select:focus:invalid:focus { } .input-group-addon.input-small { - padding: 2px 10px; + padding: 5px 10px; font-size: 12px; border-radius: 3px; } .input-group-addon.input-large { - padding: 11px 14px; + padding: 14px 16px; font-size: 18px; border-radius: 6px; } @@ -1710,11 +1709,11 @@ select:focus:invalid:focus { .btn { display: inline-block; - padding: 6px 12px; + padding: 8px 12px; margin-bottom: 0; font-size: 14px; font-weight: 500; - line-height: 1.428; + line-height: 1.428571429; text-align: center; white-space: nowrap; vertical-align: middle; @@ -1974,20 +1973,15 @@ fieldset[disabled] .btn-link:focus { } .btn-large { - padding: 11px 14px; + padding: 14px 16px; font-size: 18px; border-radius: 6px; } .btn-small { - padding: 2px 10px; + padding: 5px 10px; font-size: 12px; - border-radius: 3px; -} - -.btn-mini { - padding: 0 6px; - font-size: 11px; + line-height: 1.5; border-radius: 3px; } @@ -2750,7 +2744,7 @@ input[type="button"].btn-block { padding: 3px 20px; clear: both; font-weight: normal; - line-height: 1.428; + line-height: 1.428571429; color: #333333; white-space: nowrap; } @@ -3214,7 +3208,7 @@ button.close { .nav-tabs > li > a { margin-right: 2px; - line-height: 1.428; + line-height: 1.428571429; border: 1px solid transparent; border-radius: 4px 4px 0 0; } @@ -3304,7 +3298,7 @@ button.close { padding: 3px 15px; font-size: 11px; font-weight: bold; - line-height: 1.428; + line-height: 1.428571429; color: #999999; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase; @@ -3660,7 +3654,7 @@ button.close { } .navbar-btn { - margin-top: 8px; + margin-top: 7px; } .navbar-text { @@ -3905,7 +3899,7 @@ button.close { .pagination > li > span { float: left; padding: 4px 12px; - line-height: 1.428; + line-height: 1.428571429; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; @@ -3949,7 +3943,7 @@ button.close { .pagination-large > li > a, .pagination-large > li > span { - padding: 11px 14px; + padding: 14px 16px; font-size: 18px; } @@ -3965,34 +3959,24 @@ button.close { border-bottom-right-radius: 6px; } -.pagination-mini > li:first-child > a, +.pagination-small > li > a, +.pagination-small > li > span { + padding: 5px 10px; + font-size: 12px; +} + .pagination-small > li:first-child > a, -.pagination-mini > li:first-child > span, .pagination-small > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } -.pagination-mini > li:last-child > a, .pagination-small > li:last-child > a, -.pagination-mini > li:last-child > span, .pagination-small > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } -.pagination-small > li > a, -.pagination-small > li > span { - padding: 2px 10px; - font-size: 12px; -} - -.pagination-mini > li > a, -.pagination-mini > li > span { - padding: 0 6px; - font-size: 11px; -} - .pager { margin: 20px 0; text-align: center; @@ -4131,7 +4115,7 @@ button.close { } .modal-header { - min-height: 16.428px; + min-height: 16.428571429px; padding: 15px; border-bottom: 1px solid #e5e5e5; } @@ -4142,7 +4126,7 @@ button.close { .modal-title { margin: 0; - line-height: 1.428; + line-height: 1.428571429; } .modal-body { @@ -4523,7 +4507,7 @@ button.close { .thumbnail, .img-thumbnail { padding: 4px; - line-height: 1.428; + line-height: 1.428571429; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; @@ -5050,7 +5034,7 @@ a.list-group-item.active > .badge, margin-bottom: 30px; font-size: 21px; font-weight: 200; - line-height: 2.142; + line-height: 2.1428571435; color: inherit; background-color: #eeeeee; } diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 36f7cbd45..7f2526f21 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -294,6 +294,11 @@ body { margin: 0; } +/* Forms */ +.bs-example-control-sizing input[type="text"] + input[type="text"] { + margin-top: 10px; +} + /* List groups */ .bs-example > .list-group { max-width: 400px; diff --git a/docs/components.html b/docs/components.html index 01b76d812..d192156dc 100644 --- a/docs/components.html +++ b/docs/components.html @@ -748,7 +748,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na {% endhighlight %}

                                                                  Works with all button sizes

                                                                  -

                                                                  Button dropdowns work at any size: .btn-large, .btn-small, or .btn-mini.

                                                                  +

                                                                  Button dropdowns work with buttons of all sizes.

                                                                  @@ -775,18 +775,6 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na
                                                                • Separated link
                                                                  • -
                                                                  - - -
                                                                  {% highlight html %} @@ -809,15 +797,6 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na ... - - -
                                                                  - -
                                                                    - ... -
                                                                  {% endhighlight %} @@ -1540,7 +1519,7 @@ body {

                                                                  Sizes

                                                                  -

                                                                  Fancy larger or smaller pagination? Add .pagination-large, .pagination-small, or .pagination-mini for additional sizes.

                                                                  +

                                                                  Fancy larger or smaller pagination? Add .pagination-large or .pagination-small for additional sizes.

                                                                    @@ -1575,23 +1554,11 @@ body {
                                                                  • »
                                                                  -
                                                                  - -
                                                                  {% highlight html %}
                                                                    ...
                                                                    ...
                                                                    ...
                                                                  -
                                                                    ...
                                                                  {% endhighlight %} diff --git a/docs/css.html b/docs/css.html index 520a252af..2640e1688 100644 --- a/docs/css.html +++ b/docs/css.html @@ -1625,7 +1625,7 @@ For example, <section> should be wrapped as inline.

                                                                  Relative sizing

                                                                  Create larger or smaller form controls that match button sizes.

                                                                  - +
                                                                  @@ -1738,7 +1738,7 @@ For example, <section> should be wrapped as inline. {% endhighlight %}

                                                                  Button sizes

                                                                  -

                                                                  Fancy larger or smaller buttons? Add .btn-large, .btn-small, or .btn-mini for additional sizes.

                                                                  +

                                                                  Fancy larger or smaller buttons? Add .btn-large or .btn-small for additional sizes.

                                                                  @@ -1752,10 +1752,6 @@ For example, <section> should be wrapped as inline.

                                                                  -

                                                                  - - -

                                                                  {% highlight html %}

                                                                  @@ -1770,10 +1766,6 @@ For example, <section> should be wrapped as inline.

                                                                  -

                                                                  - - -

                                                                  {% endhighlight %}

                                                                  Create block level buttons—those that span the full width of a parent— by adding .btn-block.

                                                                  diff --git a/less/buttons.less b/less/buttons.less index 128971a4c..6280d3448 100644 --- a/less/buttons.less +++ b/less/buttons.less @@ -9,7 +9,7 @@ // Core styles .btn { display: inline-block; - padding: 6px 12px; + padding: @padding-base-vertical @padding-base-horizontal; margin-bottom: 0; // For input.btn font-size: @font-size-base; font-weight: 500; @@ -123,18 +123,14 @@ fieldset[disabled] .btn-link { // -------------------------------------------------- .btn-large { - padding: @padding-large; + padding: @padding-large-vertical @padding-large-horizontal; font-size: @font-size-large; border-radius: @border-radius-large; } .btn-small { - padding: @padding-small; + padding: @padding-small-vertical @padding-small-horizontal; font-size: @font-size-small; - border-radius: @border-radius-small; -} -.btn-mini { - padding: @padding-mini; - font-size: @font-size-mini; + line-height: 1.5; // ensure proper height of button next to small input border-radius: @border-radius-small; } diff --git a/less/forms.less b/less/forms.less index dacc4bb50..c7b376cda 100644 --- a/less/forms.less +++ b/less/forms.less @@ -22,7 +22,7 @@ legend { padding: 0; margin-bottom: @line-height-computed; font-size: (@font-size-base * 1.5); - line-height: @line-height-headings; + line-height: inherit; color: @gray-dark; border: 0; border-bottom: 1px solid #e5e5e5; @@ -56,7 +56,7 @@ input[type="tel"], input[type="color"] { display: block; min-height: @input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border) - padding: 6px 9px; + padding: @padding-base-vertical @padding-base-horizontal; font-size: @font-size-base; line-height: @line-height-base; color: @gray; @@ -241,13 +241,13 @@ input[type="search"], input[type="tel"], input[type="color"] { &.input-large { - padding: @padding-large; + padding: @padding-large-vertical @padding-large-horizontal; font-size: @font-size-large; border-radius: @border-radius-large; } &.input-small { min-height: @input-height-small; - padding: @padding-small; + padding: @padding-small-vertical @padding-small-horizontal; font-size: @font-size-small; border-radius: @border-radius-small; } @@ -397,11 +397,12 @@ select:focus:invalid { border-radius: @border-radius-base; &.input-small { - padding: @padding-small; + padding: @padding-small-vertical @padding-small-horizontal; font-size: @font-size-small; - border-radius: @border-radius-small; } + border-radius: @border-radius-small; + } &.input-large { - padding: @padding-large; + padding: @padding-large-vertical @padding-large-horizontal; font-size: @font-size-large; border-radius: @border-radius-large; } diff --git a/less/pagination.less b/less/pagination.less index ec1eef27f..73c063be0 100644 --- a/less/pagination.less +++ b/less/pagination.less @@ -56,7 +56,7 @@ .pagination-large { > li > a, > li > span { - padding: @padding-large; + padding: @padding-large-vertical @padding-large-horizontal; font-size: @font-size-large; } > li:first-child > a, @@ -69,9 +69,13 @@ } } -// Small and mini -.pagination-mini, +// Small .pagination-small { + > li > a, + > li > span { + padding: @padding-small-vertical @padding-small-horizontal; + font-size: @font-size-small; + } > li:first-child > a, > li:first-child > span { .border-left-radius(@border-radius-small); @@ -81,20 +85,3 @@ .border-right-radius(@border-radius-small); } } - -// Small -.pagination-small { - > li > a, - > li > span { - padding: @padding-small; - font-size: @font-size-small; - } -} -// Mini -.pagination-mini { - > li > a, - > li > span { - padding: @padding-mini; - font-size: @font-size-mini; - } -} diff --git a/less/type.less b/less/type.less index e562bb2c2..a95e5bff7 100644 --- a/less/type.less +++ b/less/type.less @@ -54,9 +54,8 @@ a.text-success:focus { color: darken(@state-success-text, 10%); } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { - font-family: @headings-font-family; font-weight: @headings-font-weight; - line-height: @line-height-headings; + line-height: @headings-line-height; small { font-weight: normal; line-height: 1; diff --git a/less/variables.less b/less/variables.less index 4feb9879a..9cd8f830b 100644 --- a/less/variables.less +++ b/less/variables.less @@ -50,25 +50,29 @@ @font-size-small: ceil(@font-size-base * 0.85); // ~12px @font-size-mini: ceil(@font-size-base * 0.75); // ~11px -@line-height-base: 1.428; // 20/14 -@line-height-computed: ceil(@font-size-base * @line-height-base); // ~20px -@line-height-headings: 1.1; +@line-height-base: 1.428571429; // 20/14 +@line-height-computed: floor(@font-size-base * @line-height-base); // ~20px -@headings-font-family: inherit; // empty to use BS default, @font-family-base @headings-font-weight: 500; +@headings-line-height: 1.1; // Components // ------------------------- -// Based on 14px font-size and 1.5 line-height +// Based on 14px font-size and 1.428 line-height (~20px to start) -@padding-large: 11px 14px; // 44px -@padding-small: 2px 10px; // 26px -@padding-mini: 0 6px; // 22px +@padding-base-vertical: 8px; +@padding-base-horizontal: 12px; -@border-radius-base: 4px; -@border-radius-large: 6px; -@border-radius-small: 3px; +@padding-large-vertical: 14px; +@padding-large-horizontal: 16px; + +@padding-small-vertical: 5px; +@padding-small-horizontal: 10px; + +@border-radius-base: 4px; +@border-radius-large: 6px; +@border-radius-small: 3px; @component-active-bg: @brand-primary; @@ -123,11 +127,11 @@ @input-color-placeholder: @gray-light; -@input-height-base: (@line-height-computed + 14px); // base line-height + 12px vertical padding + 2px top/bottom border -@input-height-large: (@line-height-computed + 24px); // base line-height + 22px vertical padding + 2px top/bottom border -@input-height-small: (@line-height-computed + 6px); // base line-height + 4px vertical padding + 2px top/bottom border +@input-height-base: (@line-height-computed + (@padding-base-vertical * 2)); +@input-height-large: (@line-height-computed + (@padding-large-vertical * 2)); +@input-height-small: (@line-height-computed + (@padding-small-vertical * 2)); -@form-actions-bg: #f5f5f5; +@form-actions-bg: #f5f5f5; // Dropdowns -- cgit v1.2.3 From fcb7c9da6f5082e1306fab096c16020b4227c967 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 14 May 2013 23:24:29 -0700 Subject: Fixes #7878: .col-span-* mentions to .col-lg-* --- docs/css.html | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/docs/css.html b/docs/css.html index 2640e1688..f0ac78118 100644 --- a/docs/css.html +++ b/docs/css.html @@ -66,7 +66,7 @@ lead: "Fundamental HTML elements styled and enhanced with extensible classes."

                                                                  Bootstrap includes a responsive, percent-based grid system that appropriately scales up to 12 columns as the device or viewport size increases—in other words, it's mobile first. It includes predefined classes for this, as well as powerful mixins for generating semantic layouts.

                                                                  Grid example

                                                                  -

                                                                  On mobile devices, the grid starts out stacked. Above 768px, it becomes horizontal as media queries kick in to apply floats and widths. To create a basic grid layout, wrap a series of .col-span-* elements within a .row. As this is a 12-column grid, each .col-span-* spans a number of those 12 columns, and should always add up to 12 for each row (or the number of columns in the parent), even at mobile resolutions.

                                                                  +

                                                                  On mobile devices, the grid starts out stacked. Above 768px, it becomes horizontal as media queries kick in to apply floats and widths. To create a basic grid layout, wrap a series of .col-lg-* elements within a .row. As this is a 12-column grid, each .col-lg-* spans a number of those 12 columns, and should always add up to 12 for each row (or the number of columns in the parent), even at mobile resolutions.

                                                                  1
                                                                  @@ -149,7 +149,7 @@ lead: "Fundamental HTML elements styled and enhanced with extensible classes."

                                                                  Nesting columns

                                                                  -

                                                                  To nest your content with the default grid, add a new .row and set of .col-span-* columns within an existing .col-span-* column. Nested rows should include a set of columns that add up to 12.

                                                                  +

                                                                  To nest your content with the default grid, add a new .row and set of .col-lg-* columns within an existing .col-lg-* column. Nested rows should include a set of columns that add up to 12.

                                                                  Level 1: 9 columns @@ -1621,7 +1621,7 @@ For example, <section> should be wrapped as inline. {% endhighlight %}

                                                                  Control sizing

                                                                  -

                                                                  Use relative sizing classes like .input-large or match your inputs to the grid column sizes using .col-span-* classes.

                                                                  +

                                                                  Use relative sizing classes like .input-large or match your inputs to the grid column sizes using .col-lg-* classes.

                                                                  Relative sizing

                                                                  Create larger or smaller form controls that match button sizes.

                                                                  -- cgit v1.2.3 From 7780133c1cb1868a0e936dd68e951b1e22d3215b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?m=2Eseegm=C3=BCller?= Date: Wed, 15 May 2013 15:44:28 +0200 Subject: Fixed ugly outline Removes outline (especially on select-elements in firefox) --- less/forms.less | 1 + 1 file changed, 1 insertion(+) diff --git a/less/forms.less b/less/forms.less index c7b376cda..fe5396cd1 100644 --- a/less/forms.less +++ b/less/forms.less @@ -64,6 +64,7 @@ input[type="color"] { background-color: @input-bg; border: 1px solid @input-border; border-radius: @input-border-radius; + outline: 0; .box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); .transition(~"border-color linear .2s, box-shadow linear .2s"); } -- cgit v1.2.3 From 6289e24f6663e7465b9a902e70190b41100d16ac Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?m=2Eseegm=C3=BCller?= Date: Wed, 15 May 2013 16:14:44 +0200 Subject: Fixed ugly outline in select fields Removes .tab-focus() on select-fields --- less/forms.less | 34 ++++++---------------------------- 1 file changed, 6 insertions(+), 28 deletions(-) diff --git a/less/forms.less b/less/forms.less index fe5396cd1..c79f7f673 100644 --- a/less/forms.less +++ b/less/forms.less @@ -64,9 +64,14 @@ input[type="color"] { background-color: @input-bg; border: 1px solid @input-border; border-radius: @input-border-radius; - outline: 0; .box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); .transition(~"border-color linear .2s, box-shadow linear .2s"); + + &:focus { + border-color: rgba(82,168,236,.8); + outline: 0; + .box-shadow(0 0 8px rgba(82,168,236,.6)); + } } // Reset appearance properties for textual inputs and textarea @@ -98,32 +103,6 @@ textarea { height: auto; } -// Everything else -textarea, -input[type="text"], -input[type="password"], -input[type="datetime"], -input[type="datetime-local"], -input[type="date"], -input[type="month"], -input[type="time"], -input[type="week"], -input[type="number"], -input[type="email"], -input[type="url"], -input[type="search"], -input[type="tel"], -input[type="color"] { - // Focus state - &:focus { - border-color: rgba(82,168,236,.8); - outline: 0; - outline: thin dotted \9; /* IE6-9 */ - //.box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6)"); - .box-shadow(0 0 8px rgba(82,168,236,.6)); - } -} - // Position radios and checkboxes better input[type="radio"], input[type="checkbox"] { @@ -146,7 +125,6 @@ select[size] { } // Focus for select, file, radio, and checkbox -select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { -- cgit v1.2.3 From 6307dc40d738653d2fdf8c2316e27586fa8e975f Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 15 May 2013 10:01:09 -0700 Subject: Fixes #7898: ensure button type Sets `type="button"` on all buttons in the docs --- docs/assets/css/docs.css | 3 +++ docs/components.html | 48 ++++++++++++++++++++++++------------------------ docs/css.html | 20 ++++++++++---------- 3 files changed, 37 insertions(+), 34 deletions(-) diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index c2446d0fe..3cc4d97ec 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -269,6 +269,9 @@ body { .bs-example > .well:last-child { margin-bottom: 0; } +.bs-example > .close { + float: none; +} /* Typography */ .bs-example-type .table td { diff --git a/docs/components.html b/docs/components.html index 66573758a..ea87a7e22 100644 --- a/docs/components.html +++ b/docs/components.html @@ -602,7 +602,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na
                                                                  - +
                                                                  • Action
                                                                  • Another action
                                                                    • @@ -612,7 +612,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na
                                                                  - +
                                                                  • Action
                                                                  • Another action
                                                                    • @@ -622,7 +622,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na
                                                                  - +
                                                                  • Action
                                                                  • Another action
                                                                    • @@ -632,7 +632,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na
                                                                  - +
                                                                  • Action
                                                                  • Another action
                                                                    • @@ -642,7 +642,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na
                                                                  - +
                                                                  • Action
                                                                  • Another action
                                                                    • @@ -656,7 +656,7 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na {% highlight html %}
                                                                    -
                                                                      @@ -674,8 +674,8 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na
                                                                      - - + +
                                                                      • Action
                                                                      • Another action
                                                                        • @@ -685,8 +685,8 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na
                                                                      - - + +
                                                                      • Action
                                                                      • Another action
                                                                        • @@ -696,8 +696,8 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na
                                                                      - - + +
                                                                      • Action
                                                                      • Another action
                                                                        • @@ -707,8 +707,8 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na
                                                                      - - + +
                                                                      • Action
                                                                      • Another action
                                                                        • @@ -718,8 +718,8 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na
                                                                      - - + +
                                                                      • Action
                                                                      • Another action
                                                                        • @@ -733,8 +733,8 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na {% highlight html %}
                                                                        - - +
                                                                          @@ -805,8 +805,8 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na
                                                                          - - + +
                                                                          • Action
                                                                          • Another action
                                                                            • @@ -816,8 +816,8 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na
                                                                          - - + +
                                                                          • Action
                                                                          • Another action
                                                                            • @@ -830,8 +830,8 @@ lead: "Dozens of reusable components built to provide iconography, dropdowns, na
                                                                          {% highlight html %}
                                                                          - - +
                                                                            diff --git a/docs/css.html b/docs/css.html index 8f86b48b8..36b5208e6 100644 --- a/docs/css.html +++ b/docs/css.html @@ -1506,7 +1506,7 @@ For example, <section> should be wrapped as inline.
                                                                            - +
                                                                            • Action
                                                                            • Another action
                                                                              • @@ -1521,7 +1521,7 @@ For example, <section> should be wrapped as inline.
                                                                              - +
                                                                              • Action
                                                                              • Another action
                                                                                • @@ -1535,7 +1535,7 @@ For example, <section> should be wrapped as inline. {% highlight html %}
                                                                                - +
                                                                                • Action
                                                                                • Another action
                                                                                  • @@ -1550,7 +1550,7 @@ For example, <section> should be wrapped as inline.
                                                                                  - +
                                                                                  • Action
                                                                                  • Another action
                                                                                    • @@ -1566,8 +1566,8 @@ For example, <section> should be wrapped as inline.
                                                                                    - - +
                                                                                      @@ -1586,8 +1586,8 @@ For example, <section> should be wrapped as inline.
                                                                                      - - +
                                                                                        @@ -1875,10 +1875,10 @@ For example, <section> should be wrapped as inline.

                                                                                        Close icon

                                                                                        Use the generic close icon for dismissing content like modals and alerts.

                                                                                        -

                                                                                        +

                                                                                        {% highlight html %} - + {% endhighlight %}

                                                                                        .pull-left

                                                                                        -- cgit v1.2.3 From f3d857773455a940fca0c8d2ef1ca26982700031 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 15 May 2013 10:16:11 -0700 Subject: Run make on previous commit; twerk box shadow back to commented out version --- docs/assets/css/bootstrap.css | 55 ++++++++++++++++++++----------------------- less/forms.less | 4 ++-- 2 files changed, 28 insertions(+), 31 deletions(-) diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 046cc20a5..209aed496 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1245,10 +1245,32 @@ input[type="color"] { border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -webkit-transition: border-color linear 0.2s, box-shadow linear 0.2s; - -moz-transition: border-color linear 0.2s, box-shadow linear 0.2s; - -o-transition: border-color linear 0.2s, box-shadow linear 0.2s; - transition: border-color linear 0.2s, box-shadow linear 0.2s; + -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; + -moz-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; + -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; + transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; +} + +select:focus, +textarea:focus, +input[type="text"]:focus, +input[type="password"]:focus, +input[type="datetime"]:focus, +input[type="datetime-local"]:focus, +input[type="date"]:focus, +input[type="month"]:focus, +input[type="time"]:focus, +input[type="week"]:focus, +input[type="number"]:focus, +input[type="email"]:focus, +input[type="url"]:focus, +input[type="search"]:focus, +input[type="tel"]:focus, +input[type="color"]:focus { + border-color: rgba(82, 168, 236, 0.8); + outline: 0; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); } input, @@ -1277,30 +1299,6 @@ textarea { height: auto; } -textarea:focus, -input[type="text"]:focus, -input[type="password"]:focus, -input[type="datetime"]:focus, -input[type="datetime-local"]:focus, -input[type="date"]:focus, -input[type="month"]:focus, -input[type="time"]:focus, -input[type="week"]:focus, -input[type="number"]:focus, -input[type="email"]:focus, -input[type="url"]:focus, -input[type="search"]:focus, -input[type="tel"]:focus, -input[type="color"]:focus { - border-color: rgba(82, 168, 236, 0.8); - outline: 0; - outline: thin dotted \9; - /* IE6-9 */ - - -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6); - box-shadow: 0 0 8px rgba(82, 168, 236, 0.6); -} - input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; @@ -1323,7 +1321,6 @@ select[size] { height: auto; } -select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { diff --git a/less/forms.less b/less/forms.less index c79f7f673..2c696945d 100644 --- a/less/forms.less +++ b/less/forms.less @@ -65,12 +65,12 @@ input[type="color"] { border: 1px solid @input-border; border-radius: @input-border-radius; .box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); - .transition(~"border-color linear .2s, box-shadow linear .2s"); + .transition(~"border-color ease-in-out .15s, box-shadow ease-in-out .15s"); &:focus { border-color: rgba(82,168,236,.8); outline: 0; - .box-shadow(0 0 8px rgba(82,168,236,.6)); + .box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6)"); } } -- cgit v1.2.3 From 14651035deda4d02a1ca02c6088c34f770f897f6 Mon Sep 17 00:00:00 2001 From: fat Date: Thu, 16 May 2013 11:06:30 -0700 Subject: a bunch javascript junk --- CHANGELOG.md | 2 +- Makefile | 4 +- docs/_includes/footer.html | 26 +- docs/_site/assets/css/bootstrap.css | 5016 ++++++++++++++++++++ docs/_site/assets/css/docs.css | 665 +++ docs/_site/assets/css/pygments-manni.css | 66 + .../assets/fonts/glyphiconshalflings-regular.eot | Bin 0 -> 33358 bytes .../assets/fonts/glyphiconshalflings-regular.otf | Bin 0 -> 18116 bytes .../assets/fonts/glyphiconshalflings-regular.svg | 175 + .../assets/fonts/glyphiconshalflings-regular.ttf | Bin 0 -> 32896 bytes .../assets/fonts/glyphiconshalflings-regular.woff | Bin 0 -> 18944 bytes .../ico/apple-touch-icon-114-precomposed.png | Bin 0 -> 11392 bytes .../ico/apple-touch-icon-144-precomposed.png | Bin 0 -> 16780 bytes .../assets/ico/apple-touch-icon-57-precomposed.png | Bin 0 -> 4026 bytes .../assets/ico/apple-touch-icon-72-precomposed.png | Bin 0 -> 5681 bytes docs/_site/assets/ico/favicon.ico | Bin 0 -> 1150 bytes docs/_site/assets/ico/favicon.png | Bin 0 -> 2711 bytes docs/_site/assets/img/bootstrap-docs-readme.png | Bin 0 -> 30612 bytes .../assets/img/bs-docs-bootstrap-features.png | Bin 0 -> 11244 bytes docs/_site/assets/img/bs-docs-masthead-pattern.png | Bin 0 -> 6450 bytes .../img/bs-docs-responsive-illustrations.png | Bin 0 -> 10572 bytes docs/_site/assets/img/bs-docs-twitter-github.png | Bin 0 -> 30968 bytes .../img/examples/bootstrap-example-carousel.png | Bin 0 -> 339980 bytes .../img/examples/bootstrap-example-fluid.png | Bin 0 -> 209039 bytes .../bootstrap-example-jumbotron-narrow.png | Bin 0 -> 117303 bytes .../examples/bootstrap-example-justified-nav.png | Bin 0 -> 136021 bytes .../img/examples/bootstrap-example-marketing.png | Bin 0 -> 134269 bytes .../bootstrap-example-navbar-fixed-top.png | Bin 0 -> 58049 bytes .../bootstrap-example-navbar-static-top.png | Bin 0 -> 62207 bytes .../img/examples/bootstrap-example-navbar.png | Bin 0 -> 62522 bytes .../img/examples/bootstrap-example-signin.png | Bin 0 -> 22037 bytes .../img/examples/bootstrap-example-starter.png | Bin 0 -> 36099 bytes .../bootstrap-example-sticky-footer-navbar.png | Bin 0 -> 55659 bytes .../examples/bootstrap-example-sticky-footer.png | Bin 0 -> 30820 bytes .../assets/img/examples/browser-icon-chrome.png | Bin 0 -> 55522 bytes .../assets/img/examples/browser-icon-firefox.png | Bin 0 -> 175944 bytes .../assets/img/examples/browser-icon-safari.png | Bin 0 -> 209494 bytes docs/_site/assets/img/examples/slide-01.jpg | Bin 0 -> 83303 bytes docs/_site/assets/img/examples/slide-02.jpg | Bin 0 -> 137070 bytes docs/_site/assets/img/examples/slide-03.jpg | Bin 0 -> 137378 bytes docs/_site/assets/img/grid-baseline-20px.png | Bin 0 -> 84 bytes docs/_site/assets/js/README.md | 106 + docs/_site/assets/js/application.js | 156 + docs/_site/assets/js/bootstrap-affix.js | 117 + docs/_site/assets/js/bootstrap-alert.js | 99 + docs/_site/assets/js/bootstrap-button.js | 105 + docs/_site/assets/js/bootstrap-carousel.js | 207 + docs/_site/assets/js/bootstrap-collapse.js | 167 + docs/_site/assets/js/bootstrap-dropdown.js | 165 + docs/_site/assets/js/bootstrap-modal.js | 251 + docs/_site/assets/js/bootstrap-popover.js | 114 + docs/_site/assets/js/bootstrap-scrollspy.js | 162 + docs/_site/assets/js/bootstrap-tab.js | 144 + docs/_site/assets/js/bootstrap-tooltip.js | 361 ++ docs/_site/assets/js/bootstrap-transition.js | 60 + docs/_site/assets/js/bootstrap-typeahead.js | 335 ++ docs/_site/assets/js/bootstrap.js | 2280 +++++++++ docs/_site/assets/js/bootstrap.min.js | 6 + docs/_site/assets/js/holder/holder.js | 401 ++ docs/_site/assets/js/html5shiv.js | 8 + docs/_site/assets/js/jquery.js | 5 + docs/_site/assets/js/respond/respond.min.js | 6 + docs/_site/components.html | 2208 +++++++++ docs/_site/css.html | 2671 +++++++++++ docs/_site/customize.html | 542 +++ docs/_site/examples/carousel.html | 491 ++ docs/_site/examples/grid.html | 152 + docs/_site/examples/jumbotron-narrow.html | 222 + docs/_site/examples/jumbotron.html | 200 + docs/_site/examples/justified-nav.html | 234 + docs/_site/examples/navbar-fixed-top.html | 155 + docs/_site/examples/navbar-static-top.html | 152 + docs/_site/examples/navbar.html | 155 + docs/_site/examples/signin.html | 156 + docs/_site/examples/starter-template.html | 132 + docs/_site/examples/sticky-footer-navbar.html | 205 + docs/_site/examples/sticky-footer.html | 169 + docs/_site/getting-started.html | 462 ++ docs/_site/index.html | 243 + docs/_site/javascript.html | 2126 +++++++++ docs/assets/js/affix.js | 120 + docs/assets/js/alert.js | 96 + docs/assets/js/bootstrap-affix.js | 89 +- docs/assets/js/bootstrap-alert.js | 55 +- docs/assets/js/bootstrap-button.js | 66 +- docs/assets/js/bootstrap-carousel.js | 237 +- docs/assets/js/bootstrap-collapse.js | 2 +- docs/assets/js/bootstrap-dropdown.js | 2 +- docs/assets/js/bootstrap-modal.js | 2 +- docs/assets/js/bootstrap-popover.js | 4 +- docs/assets/js/bootstrap-scrollspy.js | 2 +- docs/assets/js/bootstrap-tab.js | 2 +- docs/assets/js/bootstrap-tooltip.js | 2 +- docs/assets/js/bootstrap-transition.js | 50 +- docs/assets/js/bootstrap-typeahead.js | 2 +- docs/assets/js/bootstrap.js | 842 +--- docs/assets/js/bootstrap.min.js | 2 +- docs/assets/js/button.js | 105 + docs/assets/js/carousel.js | 202 + docs/assets/js/collapse.js | 167 + docs/assets/js/dropdown.js | 165 + docs/assets/js/modal.js | 251 + docs/assets/js/popover.js | 114 + docs/assets/js/scrollspy.js | 162 + docs/assets/js/tab.js | 144 + docs/assets/js/tooltip.js | 361 ++ docs/assets/js/transition.js | 50 + docs/customize.html | 26 +- docs/docs.html | 28 +- js/.jshintrc | 20 +- js/affix.js | 120 + js/alert.js | 96 + js/bootstrap-affix.js | 117 - js/bootstrap-alert.js | 99 - js/bootstrap-button.js | 105 - js/bootstrap-carousel.js | 207 - js/bootstrap-collapse.js | 167 - js/bootstrap-dropdown.js | 165 - js/bootstrap-modal.js | 251 - js/bootstrap-popover.js | 114 - js/bootstrap-scrollspy.js | 162 - js/bootstrap-tab.js | 144 - js/bootstrap-tooltip.js | 361 -- js/bootstrap-transition.js | 60 - js/bootstrap-typeahead.js | 335 -- js/button.js | 105 + js/carousel.js | 202 + js/collapse.js | 167 + js/dropdown.js | 165 + js/modal.js | 251 + js/popover.js | 114 + js/scrollspy.js | 162 + js/tab.js | 144 + js/tests/index.html | 52 +- js/tests/unit/affix.js | 25 + js/tests/unit/alert.js | 62 + js/tests/unit/bootstrap-affix.js | 25 - js/tests/unit/bootstrap-alert.js | 62 - js/tests/unit/bootstrap-button.js | 102 - js/tests/unit/bootstrap-carousel.js | 81 - js/tests/unit/bootstrap-collapse.js | 94 - js/tests/unit/bootstrap-dropdown.js | 151 - js/tests/unit/bootstrap-modal.js | 137 - js/tests/unit/bootstrap-phantom.js | 21 - js/tests/unit/bootstrap-popover.js | 113 - js/tests/unit/bootstrap-scrollspy.js | 37 - js/tests/unit/bootstrap-tab.js | 86 - js/tests/unit/bootstrap-tooltip.js | 294 -- js/tests/unit/bootstrap-transition.js | 13 - js/tests/unit/bootstrap-typeahead.js | 236 - js/tests/unit/button.js | 102 + js/tests/unit/carousel.js | 81 + js/tests/unit/collapse.js | 94 + js/tests/unit/dropdown.js | 151 + js/tests/unit/modal.js | 137 + js/tests/unit/phantom.js | 21 + js/tests/unit/popover.js | 113 + js/tests/unit/scrollspy.js | 37 + js/tests/unit/tab.js | 86 + js/tests/unit/tooltip.js | 294 ++ js/tests/unit/transition.js | 13 + js/tooltip.js | 361 ++ js/transition.js | 50 + 163 files changed, 27517 insertions(+), 4681 deletions(-) create mode 100644 docs/_site/assets/css/bootstrap.css create mode 100644 docs/_site/assets/css/docs.css create mode 100644 docs/_site/assets/css/pygments-manni.css create mode 100755 docs/_site/assets/fonts/glyphiconshalflings-regular.eot create mode 100644 docs/_site/assets/fonts/glyphiconshalflings-regular.otf create mode 100755 docs/_site/assets/fonts/glyphiconshalflings-regular.svg create mode 100755 docs/_site/assets/fonts/glyphiconshalflings-regular.ttf create mode 100755 docs/_site/assets/fonts/glyphiconshalflings-regular.woff create mode 100644 docs/_site/assets/ico/apple-touch-icon-114-precomposed.png create mode 100644 docs/_site/assets/ico/apple-touch-icon-144-precomposed.png create mode 100644 docs/_site/assets/ico/apple-touch-icon-57-precomposed.png create mode 100644 docs/_site/assets/ico/apple-touch-icon-72-precomposed.png create mode 100644 docs/_site/assets/ico/favicon.ico create mode 100644 docs/_site/assets/ico/favicon.png create mode 100644 docs/_site/assets/img/bootstrap-docs-readme.png create mode 100644 docs/_site/assets/img/bs-docs-bootstrap-features.png create mode 100644 docs/_site/assets/img/bs-docs-masthead-pattern.png create mode 100644 docs/_site/assets/img/bs-docs-responsive-illustrations.png create mode 100644 docs/_site/assets/img/bs-docs-twitter-github.png create mode 100644 docs/_site/assets/img/examples/bootstrap-example-carousel.png create mode 100644 docs/_site/assets/img/examples/bootstrap-example-fluid.png create mode 100644 docs/_site/assets/img/examples/bootstrap-example-jumbotron-narrow.png create mode 100644 docs/_site/assets/img/examples/bootstrap-example-justified-nav.png create mode 100644 docs/_site/assets/img/examples/bootstrap-example-marketing.png create mode 100644 docs/_site/assets/img/examples/bootstrap-example-navbar-fixed-top.png create mode 100644 docs/_site/assets/img/examples/bootstrap-example-navbar-static-top.png create mode 100644 docs/_site/assets/img/examples/bootstrap-example-navbar.png create mode 100644 docs/_site/assets/img/examples/bootstrap-example-signin.png create mode 100644 docs/_site/assets/img/examples/bootstrap-example-starter.png create mode 100644 docs/_site/assets/img/examples/bootstrap-example-sticky-footer-navbar.png create mode 100644 docs/_site/assets/img/examples/bootstrap-example-sticky-footer.png create mode 100644 docs/_site/assets/img/examples/browser-icon-chrome.png create mode 100644 docs/_site/assets/img/examples/browser-icon-firefox.png create mode 100644 docs/_site/assets/img/examples/browser-icon-safari.png create mode 100644 docs/_site/assets/img/examples/slide-01.jpg create mode 100644 docs/_site/assets/img/examples/slide-02.jpg create mode 100644 docs/_site/assets/img/examples/slide-03.jpg create mode 100644 docs/_site/assets/img/grid-baseline-20px.png create mode 100644 docs/_site/assets/js/README.md create mode 100644 docs/_site/assets/js/application.js create mode 100644 docs/_site/assets/js/bootstrap-affix.js create mode 100644 docs/_site/assets/js/bootstrap-alert.js create mode 100644 docs/_site/assets/js/bootstrap-button.js create mode 100644 docs/_site/assets/js/bootstrap-carousel.js create mode 100644 docs/_site/assets/js/bootstrap-collapse.js create mode 100644 docs/_site/assets/js/bootstrap-dropdown.js create mode 100644 docs/_site/assets/js/bootstrap-modal.js create mode 100644 docs/_site/assets/js/bootstrap-popover.js create mode 100644 docs/_site/assets/js/bootstrap-scrollspy.js create mode 100644 docs/_site/assets/js/bootstrap-tab.js create mode 100644 docs/_site/assets/js/bootstrap-tooltip.js create mode 100644 docs/_site/assets/js/bootstrap-transition.js create mode 100644 docs/_site/assets/js/bootstrap-typeahead.js create mode 100644 docs/_site/assets/js/bootstrap.js create mode 100644 docs/_site/assets/js/bootstrap.min.js create mode 100755 docs/_site/assets/js/holder/holder.js create mode 100644 docs/_site/assets/js/html5shiv.js create mode 100644 docs/_site/assets/js/jquery.js create mode 100644 docs/_site/assets/js/respond/respond.min.js create mode 100644 docs/_site/components.html create mode 100644 docs/_site/css.html create mode 100644 docs/_site/customize.html create mode 100644 docs/_site/examples/carousel.html create mode 100644 docs/_site/examples/grid.html create mode 100644 docs/_site/examples/jumbotron-narrow.html create mode 100644 docs/_site/examples/jumbotron.html create mode 100644 docs/_site/examples/justified-nav.html create mode 100644 docs/_site/examples/navbar-fixed-top.html create mode 100644 docs/_site/examples/navbar-static-top.html create mode 100644 docs/_site/examples/navbar.html create mode 100644 docs/_site/examples/signin.html create mode 100644 docs/_site/examples/starter-template.html create mode 100644 docs/_site/examples/sticky-footer-navbar.html create mode 100644 docs/_site/examples/sticky-footer.html create mode 100644 docs/_site/getting-started.html create mode 100644 docs/_site/index.html create mode 100644 docs/_site/javascript.html create mode 100644 docs/assets/js/affix.js create mode 100644 docs/assets/js/alert.js create mode 100644 docs/assets/js/button.js create mode 100644 docs/assets/js/carousel.js create mode 100644 docs/assets/js/collapse.js create mode 100644 docs/assets/js/dropdown.js create mode 100644 docs/assets/js/modal.js create mode 100644 docs/assets/js/popover.js create mode 100644 docs/assets/js/scrollspy.js create mode 100644 docs/assets/js/tab.js create mode 100644 docs/assets/js/tooltip.js create mode 100644 docs/assets/js/transition.js create mode 100644 js/affix.js create mode 100644 js/alert.js delete mode 100644 js/bootstrap-affix.js delete mode 100644 js/bootstrap-alert.js delete mode 100644 js/bootstrap-button.js delete mode 100644 js/bootstrap-carousel.js delete mode 100644 js/bootstrap-collapse.js delete mode 100644 js/bootstrap-dropdown.js delete mode 100644 js/bootstrap-modal.js delete mode 100644 js/bootstrap-popover.js delete mode 100644 js/bootstrap-scrollspy.js delete mode 100644 js/bootstrap-tab.js delete mode 100644 js/bootstrap-tooltip.js delete mode 100644 js/bootstrap-transition.js delete mode 100644 js/bootstrap-typeahead.js create mode 100644 js/button.js create mode 100644 js/carousel.js create mode 100644 js/collapse.js create mode 100644 js/dropdown.js create mode 100644 js/modal.js create mode 100644 js/popover.js create mode 100644 js/scrollspy.js create mode 100644 js/tab.js create mode 100644 js/tests/unit/affix.js create mode 100644 js/tests/unit/alert.js delete mode 100644 js/tests/unit/bootstrap-affix.js delete mode 100644 js/tests/unit/bootstrap-alert.js delete mode 100644 js/tests/unit/bootstrap-button.js delete mode 100644 js/tests/unit/bootstrap-carousel.js delete mode 100644 js/tests/unit/bootstrap-collapse.js delete mode 100644 js/tests/unit/bootstrap-dropdown.js delete mode 100644 js/tests/unit/bootstrap-modal.js delete mode 100644 js/tests/unit/bootstrap-phantom.js delete mode 100644 js/tests/unit/bootstrap-popover.js delete mode 100644 js/tests/unit/bootstrap-scrollspy.js delete mode 100644 js/tests/unit/bootstrap-tab.js delete mode 100644 js/tests/unit/bootstrap-tooltip.js delete mode 100644 js/tests/unit/bootstrap-transition.js delete mode 100644 js/tests/unit/bootstrap-typeahead.js create mode 100644 js/tests/unit/button.js create mode 100644 js/tests/unit/carousel.js create mode 100644 js/tests/unit/collapse.js create mode 100644 js/tests/unit/dropdown.js create mode 100644 js/tests/unit/modal.js create mode 100644 js/tests/unit/phantom.js create mode 100644 js/tests/unit/popover.js create mode 100644 js/tests/unit/scrollspy.js create mode 100644 js/tests/unit/tab.js create mode 100644 js/tests/unit/tooltip.js create mode 100644 js/tests/unit/transition.js create mode 100644 js/tooltip.js create mode 100644 js/transition.js diff --git a/CHANGELOG.md b/CHANGELOG.md index f33f97937..c7609beab 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -196,7 +196,7 @@ Running makefile now require JSHint and Recess. - Add jshint support - Add travis-ci support w/ headless phantom integration -- Replace UA sniffing in bootstrap-transitions.js +- Replace UA sniffing in transitions.js - Add MSTransitionEnd event to transition plugin - Fix pause method in carousel (shouldn't restart when hovering over controls) - Fix crazy opera bug #1776 diff --git a/Makefile b/Makefile index 7c95b1900..fb56a4b3c 100644 --- a/Makefile +++ b/Makefile @@ -27,7 +27,7 @@ build: @cp js/tests/vendor/jquery.js docs/assets/js/ @echo " ${CHECK}" @printf "Compiling and minifying JavaScript..." - @cat js/bootstrap-transition.js js/bootstrap-alert.js js/bootstrap-button.js js/bootstrap-carousel.js js/bootstrap-collapse.js js/bootstrap-dropdown.js js/bootstrap-modal.js js/bootstrap-tooltip.js js/bootstrap-popover.js js/bootstrap-scrollspy.js js/bootstrap-tab.js js/bootstrap-typeahead.js js/bootstrap-affix.js > docs/assets/js/bootstrap.js + @cat js/transition.js js/alert.js js/button.js js/carousel.js js/collapse.js js/dropdown.js js/modal.js js/tooltip.js js/popover.js js/scrollspy.js js/tab.js js/affix.js > docs/assets/js/bootstrap.js @uglifyjs -nc docs/assets/js/bootstrap.js > docs/assets/js/bootstrap.min.tmp.js @echo "/**\n* Bootstrap.js v3.0.0 by @fat & @mdo\n* Copyright 2012 Twitter, Inc.\n* http://www.apache.org/licenses/LICENSE-2.0.txt\n*/" > docs/assets/js/copyright.js @cat docs/assets/js/copyright.js docs/assets/js/bootstrap.min.tmp.js > docs/assets/js/bootstrap.min.js @@ -72,7 +72,7 @@ bootstrap-js: bootstrap/js/*.js bootstrap/js/*.js: js/*.js mkdir -p bootstrap/js - cat js/bootstrap-transition.js js/bootstrap-alert.js js/bootstrap-button.js js/bootstrap-carousel.js js/bootstrap-collapse.js js/bootstrap-dropdown.js js/bootstrap-modal.js js/bootstrap-tooltip.js js/bootstrap-popover.js js/bootstrap-scrollspy.js js/bootstrap-tab.js js/bootstrap-typeahead.js js/bootstrap-affix.js > bootstrap/js/bootstrap.js + cat js/transition.js js/alert.js js/button.js js/carousel.js js/collapse.js js/dropdown.js js/modal.js js/tooltip.js js/popover.js js/scrollspy.js js/tab.js js/affix.js > bootstrap/js/bootstrap.js uglifyjs -nc bootstrap/js/bootstrap.js > bootstrap/js/bootstrap.min.tmp.js echo "/*!\n* Bootstrap.js by @fat & @mdo\n* Copyright 2012 Twitter, Inc.\n* http://www.apache.org/licenses/LICENSE-2.0.txt\n*/" > bootstrap/js/copyright.js cat bootstrap/js/copyright.js bootstrap/js/bootstrap.min.tmp.js > bootstrap/js/bootstrap.min.js diff --git a/docs/_includes/footer.html b/docs/_includes/footer.html index 048f31359..8827ec2a7 100644 --- a/docs/_includes/footer.html +++ b/docs/_includes/footer.html @@ -2,19 +2,19 @@ ================================================== --> - - - - - - - - - - - - - + + + + + + + + + + + + + diff --git a/docs/_site/assets/css/bootstrap.css b/docs/_site/assets/css/bootstrap.css new file mode 100644 index 000000000..c92bd7f36 --- /dev/null +++ b/docs/_site/assets/css/bootstrap.css @@ -0,0 +1,5016 @@ +/*! + * Bootstrap v3.0.0 + * + * Copyright 2013 Twitter, Inc + * Licensed under the Apache License v2.0 + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Designed and built with all the love in the world by @mdo and @fat. + */ + +/*! normalize.css v2.1.0 | MIT License | git.io/normalize */ + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +nav, +section, +summary { + display: block; +} + +audio, +canvas, +video { + display: inline-block; +} + +audio:not([controls]) { + display: none; + height: 0; +} + +[hidden] { + display: none; +} + +html { + font-family: sans-serif; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} + +body { + margin: 0; +} + +a:focus { + outline: thin dotted; +} + +a:active, +a:hover { + outline: 0; +} + +h1 { + margin: 0.67em 0; + font-size: 2em; +} + +abbr[title] { + border-bottom: 1px dotted; +} + +b, +strong { + font-weight: bold; +} + +dfn { + font-style: italic; +} + +hr { + height: 0; + -moz-box-sizing: content-box; + box-sizing: content-box; +} + +mark { + color: #000; + background: #ff0; +} + +code, +kbd, +pre, +samp { + font-family: monospace, serif; + font-size: 1em; +} + +pre { + white-space: pre-wrap; +} + +q { + quotes: "\201C" "\201D" "\2018" "\2019"; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sup { + top: -0.5em; +} + +sub { + bottom: -0.25em; +} + +img { + border: 0; +} + +svg:not(:root) { + overflow: hidden; +} + +figure { + margin: 0; +} + +fieldset { + padding: 0.35em 0.625em 0.75em; + margin: 0 2px; + border: 1px solid #c0c0c0; +} + +legend { + padding: 0; + border: 0; +} + +button, +input, +select, +textarea { + margin: 0; + font-family: inherit; + font-size: 100%; +} + +button, +input { + line-height: normal; +} + +button, +select { + text-transform: none; +} + +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + cursor: pointer; + -webkit-appearance: button; +} + +button[disabled], +html input[disabled] { + cursor: default; +} + +input[type="checkbox"], +input[type="radio"] { + padding: 0; + box-sizing: border-box; +} + +input[type="search"] { + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; + -webkit-appearance: textfield; +} + +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +button::-moz-focus-inner, +input::-moz-focus-inner { + padding: 0; + border: 0; +} + +textarea { + overflow: auto; + vertical-align: top; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +@media print { + * { + color: #000 !important; + text-shadow: none !important; + background: transparent !important; + box-shadow: none !important; + } + a, + a:visited { + text-decoration: underline; + } + a[href]:after { + content: " (" attr(href) ")"; + } + abbr[title]:after { + content: " (" attr(title) ")"; + } + .ir a:after, + a[href^="javascript:"]:after, + a[href^="#"]:after { + content: ""; + } + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + img { + max-width: 100% !important; + } + @page { + margin: 0.5cm; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } + .navbar-toggle { + display: none; + } +} + +* { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +html { + font-size: 62.5%; + -webkit-overflow-scrolling: touch; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +@media screen and (max-device-width: 480px) { + html { + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + } +} + +body { + color: #333333; + background-color: #ffffff; +} + +body, +input, +button, +select, +textarea { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 14px; + font-size: 1.4rem; + line-height: 20px; +} + +a { + color: #428bca; + text-decoration: none; +} + +a:hover, +a:focus { + color: #2a6496; + text-decoration: underline; +} + +a:focus { + outline: thin dotted #333; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} + +img { + width: auto\9; + height: auto; + max-width: 100%; + vertical-align: middle; +} + +.img-rounded { + border-radius: 6px; +} + +.img-circle { + border-radius: 500px; +} + +p { + margin: 0 0 10px; +} + +.lead { + margin-bottom: 20px; + font-size: 21px; + font-size: 2.1rem; + font-weight: 200; + line-height: 1.25; +} + +small { + font-size: 85%; +} + +strong { + font-weight: bold; +} + +em { + font-style: italic; +} + +cite { + font-style: normal; +} + +.muted { + color: #999999; +} + +a.muted:hover, +a.muted:focus { + color: #808080; +} + +.text-warning { + color: #c09853; +} + +a.text-warning:hover, +a.text-warning:focus { + color: #a47e3c; +} + +.text-error { + color: #b94a48; +} + +a.text-error:hover, +a.text-error:focus { + color: #953b39; +} + +.text-success { + color: #468847; +} + +a.text-success:hover, +a.text-success:focus { + color: #356635; +} + +.text-left { + text-align: left; +} + +.text-right { + text-align: right; +} + +.text-center { + text-align: center; +} + +h1, +h2, +h3, +h4, +h5, +h6, +.h1, +.h2, +.h3, +.h4, +.h5, +.h6 { + font-family: inherit; + font-weight: 500; + line-height: 20px; + text-rendering: optimizelegibility; +} + +h1 small, +h2 small, +h3 small, +h4 small, +h5 small, +h6 small, +.h1 small, +.h2 small, +.h3 small, +.h4 small, +.h5 small, +.h6 small { + font-weight: normal; + line-height: 1; + color: #999999; +} + +h1, +h2, +h3 { + margin-top: 20px; + margin-bottom: 10px; + line-height: 40px; +} + +h3 { + line-height: 30px; +} + +h4, +h5, +h6 { + margin-top: 10px; + margin-bottom: 10px; +} + +h1, +.h1 { + font-size: 38.5; + font-size: 4rem; +} + +h2, +.h2 { + font-size: 31.5; + font-size: 3rem; +} + +h3, +.h3 { + font-size: 24.5; + font-size: 2.5rem; +} + +h4, +.h4 { + font-size: 17.5; + font-size: 2rem; +} + +h5, +.h5 { + font-size: 14; + font-size: 1.6rem; +} + +h6, +.h6 { + font-size: 11.9; + font-size: 1.2rem; +} + +h1 small, +.h1 small { + font-size: 24.5; +} + +h2 small, +.h2 small { + font-size: 17.5; +} + +h3 small, +.h3 small { + font-size: 14; +} + +h4 small, +.h4 small { + font-size: 14; +} + +.page-header { + padding-bottom: 9px; + margin: 40px 0 20px; + border-bottom: 1px solid #eeeeee; +} + +ul, +ol { + padding: 0; + margin: 0 0 10px 25px; +} + +ul ul, +ul ol, +ol ol, +ol ul { + margin-bottom: 0; +} + +li { + line-height: 20px; +} + +.list-unstyled, +.list-inline { + margin-left: 0; + list-style: none; +} + +.list-inline > li { + display: inline-block; + padding-right: 5px; + padding-left: 5px; +} + +dl { + margin-bottom: 20px; +} + +dt, +dd { + line-height: 20px; +} + +dt { + font-weight: bold; +} + +dd { + margin-left: 10px; +} + +.dl-horizontal:before, +.dl-horizontal:after { + display: table; + content: " "; +} + +.dl-horizontal:after { + clear: both; +} + +.dl-horizontal dt { + float: left; + width: 160px; + overflow: hidden; + clear: left; + text-align: right; + text-overflow: ellipsis; + white-space: nowrap; +} + +.dl-horizontal dd { + margin-left: 180px; +} + +hr { + margin: 20px 0; + border: 0; + border-top: 1px solid #eeeeee; + border-bottom: 1px solid #fff; + border-bottom: 1px solid rgba(255, 255, 255, 0.5); +} + +abbr[title], +abbr[data-original-title] { + cursor: help; + border-bottom: 1px dotted #999999; +} + +abbr.initialism { + font-size: 90%; + text-transform: uppercase; +} + +blockquote { + padding: 0 0 0 15px; + margin: 0 0 20px; + border-left: 5px solid #eeeeee; +} + +blockquote p { + margin-bottom: 0; + font-size: 17.5; + font-weight: 300; + line-height: 1.25; +} + +blockquote small { + display: block; + line-height: 20px; + color: #999999; +} + +blockquote small:before { + content: '\2014 \00A0'; +} + +blockquote.pull-right { + float: right; + padding-right: 15px; + padding-left: 0; + border-right: 5px solid #eeeeee; + border-left: 0; +} + +blockquote.pull-right p, +blockquote.pull-right small { + text-align: right; +} + +blockquote.pull-right small:before { + content: ''; +} + +blockquote.pull-right small:after { + content: '\00A0 \2014'; +} + +q:before, +q:after, +blockquote:before, +blockquote:after { + content: ""; +} + +address { + display: block; + margin-bottom: 20px; + font-style: normal; + line-height: 20px; +} + +code, +pre { + padding: 0 3px 2px; + font-family: Monaco, Menlo, Consolas, "Courier New", monospace; + font-size: 12; + color: #333333; + border-radius: 4px; +} + +code { + padding: 2px 4px; + font-size: 90%; + color: #c7254e; + white-space: nowrap; + background-color: #f9f2f4; +} + +pre { + display: block; + padding: 9.5px; + margin: 0 0 10px; + font-size: 13; + line-height: 20px; + word-break: break-all; + word-wrap: break-word; + white-space: pre; + white-space: pre-wrap; + background-color: #f5f5f5; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 4px; +} + +pre.prettyprint { + margin-bottom: 20px; +} + +pre code { + padding: 0; + color: inherit; + white-space: pre; + white-space: pre-wrap; + background-color: transparent; + border: 0; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + margin-right: auto; + margin-left: auto; +} + +.container:before, +.container:after { + display: table; + content: " "; +} + +.container:after { + clear: both; +} + +.row { + margin-right: -15px; + margin-left: -15px; +} + +.row:before, +.row:after { + display: table; + content: " "; +} + +.row:after { + clear: both; +} + +[class^="span"] { + position: relative; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; +} + +@media screen and (min-width: 768px) { + .container { + max-width: 728px; + } + [class^="span"] { + float: left; + } + .span12 { + width: 100%; + } + .span11 { + width: 91.66666666666666%; + } + .span10 { + width: 83.33333333333334%; + } + .span9 { + width: 75%; + } + .span8 { + width: 66.66666666666666%; + } + .span7 { + width: 58.333333333333336%; + } + .span6 { + width: 50%; + } + .span5 { + width: 41.66666666666667%; + } + .span4 { + width: 33.33333333333333%; + } + .span3 { + width: 25%; + } + .span2 { + width: 16.666666666666664%; + } + .span1 { + width: 8.333333333333332%; + } + .offset12 { + margin-left: 100%; + } + .offset11 { + margin-left: 91.66666666666666%; + } + .offset10 { + margin-left: 83.33333333333334%; + } + .offset9 { + margin-left: 75%; + } + .offset8 { + margin-left: 66.66666666666666%; + } + .offset7 { + margin-left: 58.333333333333336%; + } + .offset6 { + margin-left: 50%; + } + .offset5 { + margin-left: 41.66666666666667%; + } + .offset4 { + margin-left: 33.33333333333333%; + } + .offset3 { + margin-left: 25%; + } + .offset2 { + margin-left: 16.666666666666664%; + } + .offset1 { + margin-left: 8.333333333333332%; + } + .push12 { + left: 100%; + } + .push11 { + left: 91.66666666666666%; + } + .push10 { + left: 83.33333333333334%; + } + .push9 { + left: 75%; + } + .push8 { + left: 66.66666666666666%; + } + .push7 { + left: 58.333333333333336%; + } + .push6 { + left: 50%; + } + .push5 { + left: 41.66666666666667%; + } + .push4 { + left: 33.33333333333333%; + } + .push3 { + left: 25%; + } + .push2 { + left: 16.666666666666664%; + } + .push1 { + left: 8.333333333333332%; + } + .pull12 { + right: 100%; + } + .pull11 { + right: 91.66666666666666%; + } + .pull10 { + right: 83.33333333333334%; + } + .pull9 { + right: 75%; + } + .pull8 { + right: 66.66666666666666%; + } + .pull7 { + right: 58.333333333333336%; + } + .pull6 { + right: 50%; + } + .pull5 { + right: 41.66666666666667%; + } + .pull4 { + right: 33.33333333333333%; + } + .pull3 { + right: 25%; + } + .pull2 { + right: 16.666666666666664%; + } + .pull1 { + right: 8.333333333333332%; + } +} + +@media screen and (min-width: 992px) { + .container { + max-width: 940px; + } +} + +@media screen and (min-width: 1200px) { + .container { + max-width: 1170px; + } +} + +[class*="span"].pull-right { + float: right; +} + +table { + max-width: 100%; + background-color: transparent; + border-collapse: collapse; + border-spacing: 0; +} + +th { + text-align: left; +} + +.table { + width: 100%; + margin-bottom: 20px; +} + +.table th, +.table td { + padding: 8px; + line-height: 20px; + vertical-align: top; + border-top: 1px solid #dddddd; +} + +.table thead th { + vertical-align: bottom; +} + +.table caption + thead tr:first-child th, +.table caption + thead tr:first-child td, +.table colgroup + thead tr:first-child th, +.table colgroup + thead tr:first-child td, +.table thead:first-child tr:first-child th, +.table thead:first-child tr:first-child td { + border-top: 0; +} + +.table tbody + tbody { + border-top: 2px solid #dddddd; +} + +.table .table { + background-color: #ffffff; +} + +.table-condensed th, +.table-condensed td { + padding: 4px 5px; +} + +.table-bordered { + border: 1px solid #dddddd; + border-collapse: separate; + border-left: 0; + border-radius: 4px; +} + +.table-bordered th, +.table-bordered td { + border-left: 1px solid #dddddd; +} + +.table-bordered caption + thead tr:first-child th, +.table-bordered caption + tbody tr:first-child th, +.table-bordered caption + tbody tr:first-child td, +.table-bordered colgroup + thead tr:first-child th, +.table-bordered colgroup + tbody tr:first-child th, +.table-bordered colgroup + tbody tr:first-child td, +.table-bordered thead:first-child tr:first-child th, +.table-bordered tbody:first-child tr:first-child th, +.table-bordered tbody:first-child tr:first-child td { + border-top: 0; +} + +.table-bordered thead:first-child tr:first-child > th:first-child, +.table-bordered tbody:first-child tr:first-child > td:first-child, +.table-bordered tbody:first-child tr:first-child > th:first-child { + border-top-left-radius: 4px; +} + +.table-bordered thead:first-child tr:first-child > th:last-child, +.table-bordered tbody:first-child tr:first-child > td:last-child, +.table-bordered tbody:first-child tr:first-child > th:last-child { + border-top-right-radius: 4px; +} + +.table-bordered thead:last-child tr:last-child > th:first-child, +.table-bordered tbody:last-child tr:last-child > td:first-child, +.table-bordered tbody:last-child tr:last-child > th:first-child, +.table-bordered tfoot:last-child tr:last-child > td:first-child, +.table-bordered tfoot:last-child tr:last-child > th:first-child { + border-bottom-left-radius: 4px; +} + +.table-bordered thead:last-child tr:last-child > th:last-child, +.table-bordered tbody:last-child tr:last-child > td:last-child, +.table-bordered tbody:last-child tr:last-child > th:last-child, +.table-bordered tfoot:last-child tr:last-child > td:last-child, +.table-bordered tfoot:last-child tr:last-child > th:last-child { + border-bottom-right-radius: 4px; +} + +.table-bordered tfoot + tbody:last-child tr:last-child > td:first-child { + border-bottom-left-radius: 0; +} + +.table-bordered tfoot + tbody:last-child tr:last-child > td:last-child { + border-bottom-right-radius: 0; +} + +.table-bordered caption + thead tr:first-child th:first-child, +.table-bordered caption + tbody tr:first-child td:first-child, +.table-bordered colgroup + thead tr:first-child th:first-child, +.table-bordered colgroup + tbody tr:first-child td:first-child { + border-top-left-radius: 4px; +} + +.table-bordered caption + thead tr:first-child th:last-child, +.table-bordered caption + tbody tr:first-child td:last-child, +.table-bordered colgroup + thead tr:first-child th:last-child, +.table-bordered colgroup + tbody tr:first-child td:last-child { + border-top-right-radius: 4px; +} + +.table-striped > tbody > tr:nth-child(odd) > td, +.table-striped > tbody > tr:nth-child(odd) > th { + background-color: #f9f9f9; +} + +.table-hover > tbody > tr:hover > td, +.table-hover > tbody > tr:hover > th { + background-color: #f5f5f5; +} + +table col[class^="span"] { + display: table-column; + float: none; +} + +table td[class^="span"], +table th[class^="span"] { + display: table-cell; + float: none; +} + +.table > tbody > tr > td.success, +.table > tbody > tr > th.success, +.table > tbody > tr.success > td { + background-color: #dff0d8; +} + +.table > tbody > tr > td.error, +.table > tbody > tr > th.error, +.table > tbody > tr.error > td { + background-color: #f2dede; +} + +.table > tbody > tr > td.warning, +.table > tbody > tr > th.warning, +.table > tbody > tr.warning > td { + background-color: #fcf8e3; +} + +.table-hover > tbody > tr > td.success:hover, +.table-hover > tbody > tr > th.success:hover, +.table-hover > tbody > tr.success:hover > td { + background-color: #d0e9c6; +} + +.table-hover > tbody > tr > td.error:hover, +.table-hover > tbody > tr > th.error:hover, +.table-hover > tbody > tr.error:hover > td { + background-color: #ebcccc; +} + +.table-hover > tbody > tr > td.warning:hover, +.table-hover > tbody > tr > th.warning:hover, +.table-hover > tbody > tr.warning:hover > td { + background-color: #faf2cc; +} + +form { + margin: 0; +} + +fieldset { + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + padding: 0; + margin-bottom: 20px; + font-size: 21; + line-height: 40px; + color: #333333; + border: 0; + border-bottom: 1px solid #e5e5e5; +} + +label { + display: inline-block; + margin-bottom: 5px; + font-weight: bold; +} + +select, +textarea, +input[type="text"], +input[type="password"], +input[type="datetime"], +input[type="datetime-local"], +input[type="date"], +input[type="month"], +input[type="time"], +input[type="week"], +input[type="number"], +input[type="email"], +input[type="url"], +input[type="search"], +input[type="tel"], +input[type="color"] { + display: inline-block; + min-height: 34px; + padding: 6px 9px; + font-size: 14; + line-height: 20px; + color: #555555; + vertical-align: middle; + background-color: #ffffff; + border: 1px solid #cccccc; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; + -moz-transition: border linear 0.2s, box-shadow linear 0.2s; + -o-transition: border linear 0.2s, box-shadow linear 0.2s; + transition: border linear 0.2s, box-shadow linear 0.2s; +} + +input, +select, +textarea { + width: 100%; +} + +input[type="file"], +input[type="image"], +input[type="submit"], +input[type="reset"], +input[type="button"], +input[type="radio"], +input[type="checkbox"] { + width: auto; +} + +textarea { + height: auto; +} + +textarea:focus, +input[type="text"]:focus, +input[type="password"]:focus, +input[type="datetime"]:focus, +input[type="datetime-local"]:focus, +input[type="date"]:focus, +input[type="month"]:focus, +input[type="time"]:focus, +input[type="week"]:focus, +input[type="number"]:focus, +input[type="email"]:focus, +input[type="url"]:focus, +input[type="search"]:focus, +input[type="tel"]:focus, +input[type="color"]:focus { + border-color: rgba(82, 168, 236, 0.8); + outline: 0; + outline: thin dotted \9; + /* IE6-9 */ + + -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6); + box-shadow: 0 0 8px rgba(82, 168, 236, 0.6); +} + +input[type="radio"], +input[type="checkbox"] { + margin: 4px 0 0; + margin-top: 1px \9; + /* IE8-9 */ + + line-height: normal; +} + +select, +input[type="file"] { + height: 34px; + /* In IE7, the height of the select element cannot be changed by height, only font-size. TODO: Check if this is still needed when dropping IE7 support */ + + line-height: 34px; +} + +select[multiple], +select[size] { + height: auto; +} + +select:focus, +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus { + outline: thin dotted #333; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} + +input:-moz-placeholder, +textarea:-moz-placeholder { + color: #999999; +} + +input::-moz-placeholder, +textarea::-moz-placeholder { + color: #999999; +} + +input:-ms-input-placeholder, +textarea:-ms-input-placeholder { + color: #999999; +} + +input::-webkit-input-placeholder, +textarea::-webkit-input-placeholder { + color: #999999; +} + +.radio, +.checkbox { + display: block; + min-height: 20px; + padding-left: 20px; + margin-bottom: 10px; +} + +.radio label, +.checkbox label { + display: inline; + margin-bottom: 0; + font-weight: normal; +} + +.radio input[type="radio"], +.radio-inline input[type="radio"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + float: left; + margin-left: -20px; +} + +.radio + .radio, +.checkbox + .checkbox { + margin-top: -5px; +} + +.controls > .radio:first-child, +.controls > .checkbox:first-child { + padding-top: 5px; +} + +.radio-inline, +.checkbox-inline { + display: inline-block; + padding-top: 5px; + padding-left: 20px; + margin-bottom: 0; + font-weight: normal; + vertical-align: middle; +} + +.radio-inline + .radio-inline, +.checkbox-inline + .checkbox-inline { + margin-top: 0; + margin-left: 10px; +} + +select.input-large, +textarea.input-large, +input[type="text"].input-large, +input[type="password"].input-large, +input[type="datetime"].input-large, +input[type="datetime-local"].input-large, +input[type="date"].input-large, +input[type="month"].input-large, +input[type="time"].input-large, +input[type="week"].input-large, +input[type="number"].input-large, +input[type="email"].input-large, +input[type="url"].input-large, +input[type="search"].input-large, +input[type="tel"].input-large, +input[type="color"].input-large { + padding: 11px 14px; + font-size: 17.5; + border-radius: 6px; +} + +select.input-small, +textarea.input-small, +input[type="text"].input-small, +input[type="password"].input-small, +input[type="datetime"].input-small, +input[type="datetime-local"].input-small, +input[type="date"].input-small, +input[type="month"].input-small, +input[type="time"].input-small, +input[type="week"].input-small, +input[type="number"].input-small, +input[type="email"].input-small, +input[type="url"].input-small, +input[type="search"].input-small, +input[type="tel"].input-small, +input[type="color"].input-small { + min-height: 26px; + padding: 2px 10px; + font-size: 11.9; + border-radius: 3px; +} + +input[class*="span"], +select[class*="span"], +textarea[class*="span"] { + float: none; + margin-right: 0; + margin-left: 0; +} + +.input-append input[class*="span"], +.input-prepend input[class*="span"] { + display: inline-block; +} + +input[class*="span"], +select[class*="span"], +textarea[class*="span"] { + height: 34px; +} + +input[disabled], +select[disabled], +textarea[disabled], +input[readonly], +select[readonly], +textarea[readonly], +fieldset[disabled] input, +fieldset[disabled] select, +fieldset[disabled] textarea { + cursor: not-allowed; + background-color: #eeeeee; +} + +input[type="radio"][disabled], +input[type="checkbox"][disabled], +input[type="radio"][readonly], +input[type="checkbox"][readonly], +fieldset[disabled] input[type="radio"], +fieldset[disabled] input[type="checkbox"] { + background-color: transparent; +} + +.has-warning .control-label { + color: #c09853; +} + +.has-warning .input-with-feedback { + padding-right: 32px; + border-color: #c09853; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} + +.has-warning .input-with-feedback:focus { + border-color: #a47e3c; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; +} + +.has-error .control-label { + color: #b94a48; +} + +.has-error .input-with-feedback { + padding-right: 32px; + border-color: #b94a48; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} + +.has-error .input-with-feedback:focus { + border-color: #953b39; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; +} + +.has-success .control-label { + color: #468847; +} + +.has-success .input-with-feedback { + padding-right: 32px; + border-color: #468847; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} + +.has-success .input-with-feedback:focus { + border-color: #356635; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; +} + +input:focus:invalid, +textarea:focus:invalid, +select:focus:invalid { + color: #b94a48; + border-color: #ee5f5b; +} + +input:focus:invalid:focus, +textarea:focus:invalid:focus, +select:focus:invalid:focus { + border-color: #e9322d; + -webkit-box-shadow: 0 0 6px #f8b9b7; + box-shadow: 0 0 6px #f8b9b7; +} + +.form-actions { + padding: 19px 20px 20px; + margin-top: 20px; + margin-bottom: 20px; + background-color: #f5f5f5; + border-top: 1px solid #e5e5e5; +} + +.form-actions:before, +.form-actions:after { + display: table; + content: " "; +} + +.form-actions:after { + clear: both; +} + +.help-block, +.help-inline { + color: #737373; +} + +.help-block { + display: block; + margin-bottom: 10px; +} + +.help-inline { + display: inline-block; + padding-left: 5px; + vertical-align: middle; +} + +.input-group { + display: table; +} + +.input-group[class*="span"] { + float: none; + padding: 0; +} + +.input-group input, +.input-group select { + width: 100%; +} + +.input-group-addon, +.input-group-btn, +.input-group input { + display: table-cell; + margin: 0; + border-radius: 0; +} + +.input-group-addon.input-small, +.input-group-btn.input-small, +.input-group input.input-small { + border-radius: 0; +} + +.input-group-addon.input-large, +.input-group-btn.input-large, +.input-group input.input-large { + border-radius: 0; +} + +.input-group-addon, +.input-group-btn { + width: 1%; + vertical-align: middle; +} + +.input-group-addon { + padding: 6px 8px; + font-size: 14; + font-weight: normal; + line-height: 20px; + text-align: center; + text-shadow: 0 1px 0 #fff; + background-color: #eeeeee; + border: 1px solid #ccc; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.input-group-addon.input-small { + padding: 2px 10px; + font-size: 11.9; +} + +.input-group-addon.input-large { + padding: 11px 14px; + font-size: 17.5; +} + +.input-group input:first-child, +.input-group-addon:first-child { + border-bottom-left-radius: 4px; + border-top-left-radius: 4px; +} + +.input-group input:first-child.input-small, +.input-group-addon:first-child.input-small { + border-bottom-left-radius: 3px; + border-top-left-radius: 3px; +} + +.input-group input:first-child.input-large, +.input-group-addon:first-child.input-large { + border-bottom-left-radius: 6px; + border-top-left-radius: 6px; +} + +.input-group-addon:first-child { + border-right: 0; +} + +.input-group input:last-child, +.input-group-addon:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.input-group input:last-child.input-small, +.input-group-addon:last-child.input-small { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.input-group input:last-child.input-large, +.input-group-addon:last-child.input-large { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.input-group-addon:last-child { + border-left: 0; +} + +.input-group-btn { + position: relative; + white-space: nowrap; +} + +.input-group-btn > .btn { + position: relative; + float: left; + border-radius: 0; +} + +.input-group-btn > .btn + .btn { + margin-left: -1px; +} + +.input-group-btn > .btn:hover, +.input-group-btn > .btn:active { + z-index: 2; +} + +.input-group-btn:first-child > .btn:first-child, +.input-group-btn:first-child > .dropdown-toggle:first-child { + border-bottom-left-radius: 4px; + border-top-left-radius: 4px; +} + +.input-group-btn:first-child > .btn:first-child.btn-large, +.input-group-btn:first-child > .dropdown-toggle:first-child.btn-large { + border-bottom-left-radius: 6px; + border-top-left-radius: 6px; +} + +.input-group-btn:first-child > .btn:first-child.btn-small, +.input-group-btn:first-child > .dropdown-toggle:first-child.btn-small { + border-bottom-left-radius: 3px; + border-top-left-radius: 3px; +} + +.input-group-btn:last-child > .btn:last-child, +.input-group-btn:last-child > .dropdown-toggle { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.input-group-btn:last-child > .btn:last-child.btn-large, +.input-group-btn:last-child > .dropdown-toggle.btn-large { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.input-group-btn:last-child > .btn:last-child.btn-small, +.input-group-btn:last-child > .dropdown-toggle.btn-small { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +@media screen and (min-width: 768px) { + .form-horizontal .control-group { + position: relative; + margin-bottom: 20px; + } + .form-horizontal .control-group:before, + .form-horizontal .control-group:after { + display: table; + content: " "; + } + .form-horizontal .control-group:after { + clear: both; + } + .form-horizontal .control-group input, + .form-horizontal .control-group select, + .form-horizontal .control-group textarea { + margin-bottom: 0; + } + .form-horizontal .control-group > .control-label { + float: left; + width: 160px; + padding-top: 6px; + text-align: right; + } + .form-horizontal .control-group > .controls { + margin-left: 180px; + } +} + +.btn { + display: inline-block; + padding: 6px 12px; + margin-bottom: 0; + font-size: 14; + font-weight: 500; + line-height: 20px; + text-align: center; + white-space: nowrap; + vertical-align: middle; + cursor: pointer; + border: 1px solid #a7a9aa; + border-radius: 4px; +} + +.btn:focus { + outline: thin dotted #333; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} + +.btn:hover, +.btn:focus { + color: #fff; + text-decoration: none; +} + +.btn:active, +.btn.active { + background-image: none; + outline: 0; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); +} + +.btn.disabled, +.btn[disabled], +fieldset[disabled] .btn { + pointer-events: none; + cursor: default; + opacity: 0.65; + filter: alpha(opacity=65); + -webkit-box-shadow: none; + box-shadow: none; +} + +.btn-large { + padding: 11px 14px; + font-size: 17.5; + border-radius: 6px; +} + +.btn-small { + padding: 2px 10px; + font-size: 11.9; + border-radius: 3px; +} + +.btn-mini { + padding: 0 6px; + font-size: 10.5; + border-radius: 3px; +} + +.btn-block { + display: block; + width: 100%; + padding-right: 0; + padding-left: 0; +} + +.btn-block + .btn-block { + margin-top: 5px; +} + +input[type="submit"].btn-block, +input[type="reset"].btn-block, +input[type="button"].btn-block { + width: 100%; +} + +.btn { + color: #ffffff; + background-color: #a7a9aa; + border-color: #a7a9aa; +} + +.btn:hover, +.btn:focus, +.btn:active, +.btn.active { + background-color: #9a9c9d; + border-color: #8d9091; +} + +.btn.disabled:hover, +.btn[disabled]:hover, +fieldset[disabled] .btn:hover, +.btn.disabled:focus, +.btn[disabled]:focus, +fieldset[disabled] .btn:focus, +.btn.disabled:active, +.btn[disabled]:active, +fieldset[disabled] .btn:active, +.btn.disabled.active, +.btn[disabled].active, +fieldset[disabled] .btn.active { + background-color: #a7a9aa; + border-color: #a7a9aa; +} + +.btn-primary { + background-color: #428bca; + border-color: #428bca; +} + +.btn-primary:hover, +.btn-primary:focus, +.btn-primary:active, +.btn-primary.active { + background-color: #357ebd; + border-color: #3071a9; +} + +.btn-primary.disabled:hover, +.btn-primary[disabled]:hover, +fieldset[disabled] .btn-primary:hover, +.btn-primary.disabled:focus, +.btn-primary[disabled]:focus, +fieldset[disabled] .btn-primary:focus, +.btn-primary.disabled:active, +.btn-primary[disabled]:active, +fieldset[disabled] .btn-primary:active, +.btn-primary.disabled.active, +.btn-primary[disabled].active, +fieldset[disabled] .btn-primary.active { + background-color: #428bca; + border-color: #428bca; +} + +.btn-warning { + background-color: #f0ad4e; + border-color: #f0ad4e; +} + +.btn-warning:hover, +.btn-warning:focus, +.btn-warning:active, +.btn-warning.active { + background-color: #eea236; + border-color: #ec971f; +} + +.btn-warning.disabled:hover, +.btn-warning[disabled]:hover, +fieldset[disabled] .btn-warning:hover, +.btn-warning.disabled:focus, +.btn-warning[disabled]:focus, +fieldset[disabled] .btn-warning:focus, +.btn-warning.disabled:active, +.btn-warning[disabled]:active, +fieldset[disabled] .btn-warning:active, +.btn-warning.disabled.active, +.btn-warning[disabled].active, +fieldset[disabled] .btn-warning.active { + background-color: #f0ad4e; + border-color: #f0ad4e; +} + +.btn-danger { + background-color: #d9534f; + border-color: #d9534f; +} + +.btn-danger:hover, +.btn-danger:focus, +.btn-danger:active, +.btn-danger.active { + background-color: #d43f3a; + border-color: #c9302c; +} + +.btn-danger.disabled:hover, +.btn-danger[disabled]:hover, +fieldset[disabled] .btn-danger:hover, +.btn-danger.disabled:focus, +.btn-danger[disabled]:focus, +fieldset[disabled] .btn-danger:focus, +.btn-danger.disabled:active, +.btn-danger[disabled]:active, +fieldset[disabled] .btn-danger:active, +.btn-danger.disabled.active, +.btn-danger[disabled].active, +fieldset[disabled] .btn-danger.active { + background-color: #d9534f; + border-color: #d9534f; +} + +.btn-success { + background-color: #5cb85c; + border-color: #5cb85c; +} + +.btn-success:hover, +.btn-success:focus, +.btn-success:active, +.btn-success.active { + background-color: #4cae4c; + border-color: #449d44; +} + +.btn-success.disabled:hover, +.btn-success[disabled]:hover, +fieldset[disabled] .btn-success:hover, +.btn-success.disabled:focus, +.btn-success[disabled]:focus, +fieldset[disabled] .btn-success:focus, +.btn-success.disabled:active, +.btn-success[disabled]:active, +fieldset[disabled] .btn-success:active, +.btn-success.disabled.active, +.btn-success[disabled].active, +fieldset[disabled] .btn-success.active { + background-color: #5cb85c; + border-color: #5cb85c; +} + +.btn-info { + background-color: #5bc0de; + border-color: #5bc0de; +} + +.btn-info:hover, +.btn-info:focus, +.btn-info:active, +.btn-info.active { + background-color: #46b8da; + border-color: #31b0d5; +} + +.btn-info.disabled:hover, +.btn-info[disabled]:hover, +fieldset[disabled] .btn-info:hover, +.btn-info.disabled:focus, +.btn-info[disabled]:focus, +fieldset[disabled] .btn-info:focus, +.btn-info.disabled:active, +.btn-info[disabled]:active, +fieldset[disabled] .btn-info:active, +.btn-info.disabled.active, +.btn-info[disabled].active, +fieldset[disabled] .btn-info.active { + background-color: #5bc0de; + border-color: #5bc0de; +} + +.btn-link, +.btn-link:active, +.btn-link[disabled], +fieldset[disabled] .btn-link { + background-color: transparent; + background-image: none; + -webkit-box-shadow: none; + box-shadow: none; +} + +.btn-link, +.btn-link:hover, +.btn-link:focus, +.btn-link:active { + border-color: transparent; +} + +.btn-link { + font-weight: normal; + color: #428bca; + cursor: pointer; + border-radius: 0; +} + +.btn-link:hover, +.btn-link:focus { + color: #2a6496; + text-decoration: underline; + background-color: transparent; +} + +.btn-link[disabled]:hover, +fieldset[disabled] .btn-link:hover, +.btn-link[disabled]:focus, +fieldset[disabled] .btn-link:focus { + color: #333333; + text-decoration: none; +} + +.fade { + opacity: 0; + -webkit-transition: opacity 0.15s linear; + -moz-transition: opacity 0.15s linear; + -o-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; +} + +.fade.in { + opacity: 1; +} + +/*.collapse { + position: relative; + height: 0; + overflow: hidden; + .transition(height .35s ease); + &.in { + height: auto; + } +}*/ + +.collapse { + position: relative; + height: 0; + overflow: hidden; + -webkit-transition: height 0.35s ease; + -moz-transition: height 0.35s ease; + -o-transition: height 0.35s ease; + transition: height 0.35s ease; +} + +.collapse.in { + height: auto; +} + +@font-face { + font-family: 'Glyphicons Halflings'; + font-style: normal; + font-weight: normal; + src: url('../fonts/glyphiconshalflings-regular.eot'); + src: url('../fonts/glyphiconshalflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphiconshalflings-regular.woff') format('woff'), url('../fonts/glyphiconshalflings-regular.ttf') format('truetype'), url('../fonts/glyphiconshalflings-regular.svg#glyphicons_halflingsregular') format('svg'); +} + +.glyphicon:before { + font-family: 'Glyphicons Halflings'; + font-style: normal; + line-height: 1; +} + +.glyphicon-glass:before { + content: "\e001"; +} + +.glyphicon-music:before { + content: "\e002"; +} + +.glyphicon-search:before { + content: "\e003"; +} + +.glyphicon-envelope:before { + content: "\2709"; +} + +.glyphicon-heart:before { + content: "\e005"; +} + +.glyphicon-star:before { + content: "\e006"; +} + +.glyphicon-star-empty:before { + content: "\e007"; +} + +.glyphicon-user:before { + content: "\e008"; +} + +.glyphicon-film:before { + content: "\e009"; +} + +.glyphicon-th-large:before { + content: "\e010"; +} + +.glyphicon-th:before { + content: "\e011"; +} + +.glyphicon-th-list:before { + content: "\e012"; +} + +.glyphicon-ok:before { + content: "\e013"; +} + +.glyphicon-remove:before { + content: "\e014"; +} + +.glyphicon-zoom-in:before { + content: "\e015"; +} + +.glyphicon-zoom-out:before { + content: "\e016"; +} + +.glyphicon-off:before { + content: "\e017"; +} + +.glyphicon-signal:before { + content: "\e018"; +} + +.glyphicon-cog:before { + content: "\e019"; +} + +.glyphicon-trash:before { + content: "\e020"; +} + +.glyphicon-home:before { + content: "\e021"; +} + +.glyphicon-file:before { + content: "\e022"; +} + +.glyphicon-time:before { + content: "\e023"; +} + +.glyphicon-road:before { + content: "\e024"; +} + +.glyphicon-download-alt:before { + content: "\e025"; +} + +.glyphicon-download:before { + content: "\e026"; +} + +.glyphicon-upload:before { + content: "\e027"; +} + +.glyphicon-inbox:before { + content: "\e028"; +} + +.glyphicon-play-circle:before { + content: "\e029"; +} + +.glyphicon-repeat:before { + content: "\e030"; +} + +.glyphicon-refresh:before { + content: "\e031"; +} + +.glyphicon-list-alt:before { + content: "\e032"; +} + +.glyphicon-lock:before { + content: "\e033"; +} + +.glyphicon-flag:before { + content: "\e034"; +} + +.glyphicon-headphones:before { + content: "\e035"; +} + +.glyphicon-volume-off:before { + content: "\e036"; +} + +.glyphicon-volume-down:before { + content: "\e037"; +} + +.glyphicon-volume-up:before { + content: "\e038"; +} + +.glyphicon-qrcode:before { + content: "\e039"; +} + +.glyphicon-barcode:before { + content: "\e040"; +} + +.glyphicon-tag:before { + content: "\e041"; +} + +.glyphicon-tags:before { + content: "\e042"; +} + +.glyphicon-book:before { + content: "\e043"; +} + +.glyphicon-bookmark:before { + content: "\e044"; +} + +.glyphicon-print:before { + content: "\e045"; +} + +.glyphicon-camera:before { + content: "\e046"; +} + +.glyphicon-font:before { + content: "\e047"; +} + +.glyphicon-bold:before { + content: "\e048"; +} + +.glyphicon-italic:before { + content: "\e049"; +} + +.glyphicon-text-height:before { + content: "\e050"; +} + +.glyphicon-text-width:before { + content: "\e051"; +} + +.glyphicon-align-left:before { + content: "\e052"; +} + +.glyphicon-align-center:before { + content: "\e053"; +} + +.glyphicon-align-right:before { + content: "\e054"; +} + +.glyphicon-align-justify:before { + content: "\e055"; +} + +.glyphicon-list:before { + content: "\e056"; +} + +.glyphicon-indent-left:before { + content: "\e057"; +} + +.glyphicon-indent-right:before { + content: "\e058"; +} + +.glyphicon-facetime-video:before { + content: "\e059"; +} + +.glyphicon-picture:before { + content: "\e060"; +} + +.glyphicon-pencil:before { + content: "\270f"; +} + +.glyphicon-map-marker:before { + content: "\e062"; +} + +.glyphicon-adjust:before { + content: "\e063"; +} + +.glyphicon-tint:before { + content: "\e064"; +} + +.glyphicon-edit:before { + content: "\e065"; +} + +.glyphicon-share:before { + content: "\e066"; +} + +.glyphicon-check:before { + content: "\e067"; +} + +.glyphicon-move:before { + content: "\e068"; +} + +.glyphicon-step-backward:before { + content: "\e069"; +} + +.glyphicon-fast-backward:before { + content: "\e070"; +} + +.glyphicon-backward:before { + content: "\e071"; +} + +.glyphicon-play:before { + content: "\e072"; +} + +.glyphicon-pause:before { + content: "\e073"; +} + +.glyphicon-stop:before { + content: "\e074"; +} + +.glyphicon-forward:before { + content: "\e075"; +} + +.glyphicon-fast-forward:before { + content: "\e076"; +} + +.glyphicon-step-forward:before { + content: "\e077"; +} + +.glyphicon-eject:before { + content: "\e078"; +} + +.glyphicon-chevron-left:before { + content: "\e079"; +} + +.glyphicon-chevron-right:before { + content: "\e080"; +} + +.glyphicon-plus-sign:before { + content: "\e081"; +} + +.glyphicon-minus-sign:before { + content: "\e082"; +} + +.glyphicon-remove-sign:before { + content: "\e083"; +} + +.glyphicon-ok-sign:before { + content: "\e084"; +} + +.glyphicon-question-sign:before { + content: "\e085"; +} + +.glyphicon-info-sign:before { + content: "\e086"; +} + +.glyphicon-screenshot:before { + content: "\e087"; +} + +.glyphicon-remove-circle:before { + content: "\e088"; +} + +.glyphicon-ok-circle:before { + content: "\e089"; +} + +.glyphicon-ban-circle:before { + content: "\e090"; +} + +.glyphicon-arrow-left:before { + content: "\e091"; +} + +.glyphicon-arrow-right:before { + content: "\e092"; +} + +.glyphicon-arrow-up:before { + content: "\e093"; +} + +.glyphicon-arrow-down:before { + content: "\e094"; +} + +.glyphicon-share-alt:before { + content: "\e095"; +} + +.glyphicon-resize-full:before { + content: "\e096"; +} + +.glyphicon-resize-small:before { + content: "\e097"; +} + +.glyphicon-plus:before { + content: "\002b"; +} + +.glyphicon-minus:before { + content: "\2212"; +} + +.glyphicon-asterisk:before { + content: "\002a"; +} + +.glyphicon-exclamation-sign:before { + content: "\e101"; +} + +.glyphicon-gift:before { + content: "\e102"; +} + +.glyphicon-leaf:before { + content: "\e103"; +} + +.glyphicon-fire:before { + content: "\e104"; +} + +.glyphicon-eye-open:before { + content: "\e105"; +} + +.glyphicon-eye-close:before { + content: "\e106"; +} + +.glyphicon-warning-sign:before { + content: "\e107"; +} + +.glyphicon-plane:before { + content: "\e108"; +} + +.glyphicon-calendar:before { + content: "\e109"; +} + +.glyphicon-random:before { + content: "\e110"; +} + +.glyphicon-comment:before { + content: "\e111"; +} + +.glyphicon-magnet:before { + content: "\e112"; +} + +.glyphicon-chevron-up:before { + content: "\e113"; +} + +.glyphicon-chevron-down:before { + content: "\e114"; +} + +.glyphicon-retweet:before { + content: "\e115"; +} + +.glyphicon-shopping-cart:before { + content: "\e116"; +} + +.glyphicon-folder-close:before { + content: "\e117"; +} + +.glyphicon-folder-open:before { + content: "\e118"; +} + +.glyphicon-resize-vertical:before { + content: "\e119"; +} + +.glyphicon-resize-horizontal:before { + content: "\e120"; +} + +.glyphicon-hdd:before { + content: "\e121"; +} + +.glyphicon-bullhorn:before { + content: "\e122"; +} + +.glyphicon-bell:before { + content: "\e123"; +} + +.glyphicon-certificate:before { + content: "\e124"; +} + +.glyphicon-thumbs-up:before { + content: "\e125"; +} + +.glyphicon-thumbs-down:before { + content: "\e126"; +} + +.glyphicon-hand-right:before { + content: "\e127"; +} + +.glyphicon-hand-left:before { + content: "\e128"; +} + +.glyphicon-hand-up:before { + content: "\e129"; +} + +.glyphicon-hand-down:before { + content: "\e130"; +} + +.glyphicon-circle-arrow-right:before { + content: "\e131"; +} + +.glyphicon-circle-arrow-left:before { + content: "\e132"; +} + +.glyphicon-circle-arrow-up:before { + content: "\e133"; +} + +.glyphicon-circle-arrow-down:before { + content: "\e134"; +} + +.glyphicon-globe:before { + content: "\e135"; +} + +.glyphicon-wrench:before { + content: "\e136"; +} + +.glyphicon-tasks:before { + content: "\e137"; +} + +.glyphicon-filter:before { + content: "\e138"; +} + +.glyphicon-briefcase:before { + content: "\e139"; +} + +.glyphicon-fullscreen:before { + content: "\e140"; +} + +.glyphicon-dashboard:before { + content: "\e141"; +} + +.glyphicon-paperclip:before { + content: "\e142"; +} + +.glyphicon-heart-empty:before { + content: "\e143"; +} + +.glyphicon-link:before { + content: "\e144"; +} + +.glyphicon-phone:before { + content: "\e145"; +} + +.glyphicon-pushpin:before { + content: "\e146"; +} + +.glyphicon-euro:before { + content: "\20ac"; +} + +.glyphicon-usd:before { + content: "\e148"; +} + +.glyphicon-gbp:before { + content: "\e149"; +} + +.glyphicon-sort:before { + content: "\e150"; +} + +.glyphicon-sort-by-alphabet:before { + content: "\e151"; +} + +.glyphicon-sort-by-alphabet-alt:before { + content: "\e152"; +} + +.glyphicon-sort-by-order:before { + content: "\e153"; +} + +.glyphicon-sort-by-order-alt:before { + content: "\e154"; +} + +.glyphicon-sort-by-attributes:before { + content: "\e155"; +} + +.glyphicon-sort-by-attributes-alt:before { + content: "\e156"; +} + +.glyphicon-unchecked:before { + content: "\e157"; +} + +.glyphicon-expand:before { + content: "\e158"; +} + +.glyphicon-collapse:before { + content: "\e159"; +} + +.glyphicon-collapse-top:before { + content: "\e160"; +} + +.dropup, +.dropdown { + position: relative; +} + +.dropdown-toggle:active, +.open .dropdown-toggle { + outline: 0; +} + +.caret { + display: inline-block; + width: 0; + height: 0; + vertical-align: top; + border-top: 4px solid #000; + border-right: 4px solid transparent; + border-left: 4px solid transparent; + content: ""; +} + +.dropdown .caret { + margin-top: 8px; + margin-left: 2px; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 160px; + padding: 5px 0; + margin: 2px 0 0; + list-style: none; + background-color: #ffffff; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 4px; + -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + -webkit-background-clip: padding-box; + -moz-background-clip: padding-box; + background-clip: padding-box; +} + +.dropdown-menu.pull-right { + right: 0; + left: auto; +} + +.dropdown-menu .divider { + height: 1px; + margin: 9px 0; + overflow: hidden; + background-color: #e5e5e5; + border-bottom: 1px solid #ffffff; +} + +.dropdown-menu > li > a { + display: block; + padding: 3px 20px; + clear: both; + font-weight: normal; + line-height: 20px; + color: #333333; + white-space: nowrap; +} + +.dropdown-menu > li > a:hover, +.dropdown-menu > li > a:focus, +.dropdown-submenu:hover > a, +.dropdown-submenu:focus > a { + color: #ffffff; + text-decoration: none; + background-color: #357ebd; + background-image: -moz-linear-gradient(top, #428bca, #357ebd); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#428bca), to(#357ebd)); + background-image: -webkit-linear-gradient(top, #428bca, #357ebd); + background-image: -o-linear-gradient(top, #428bca, #357ebd); + background-image: linear-gradient(to bottom, #428bca, #357ebd); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0); +} + +.dropdown-menu > .active > a, +.dropdown-menu > .active > a:hover, +.dropdown-menu > .active > a:focus { + color: #ffffff; + text-decoration: none; + background-color: #357ebd; + background-image: -moz-linear-gradient(top, #428bca, #357ebd); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#428bca), to(#357ebd)); + background-image: -webkit-linear-gradient(top, #428bca, #357ebd); + background-image: -o-linear-gradient(top, #428bca, #357ebd); + background-image: linear-gradient(to bottom, #428bca, #357ebd); + background-repeat: repeat-x; + outline: 0; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0); +} + +.dropdown-menu > .disabled > a, +.dropdown-menu > .disabled > a:hover, +.dropdown-menu > .disabled > a:focus { + color: #999999; +} + +.dropdown-menu > .disabled > a:hover, +.dropdown-menu > .disabled > a:focus { + text-decoration: none; + cursor: default; + background-color: transparent; + background-image: none; + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); +} + +.open > .dropdown-menu { + display: block; +} + +.pull-right > .dropdown-menu { + right: 0; + left: auto; +} + +.dropup .caret, +.navbar-fixed-bottom .dropdown .caret { + border-top: 0; + border-bottom: 4px solid #000; + content: ""; +} + +.dropup .dropdown-menu, +.navbar-fixed-bottom .dropdown .dropdown-menu { + top: auto; + bottom: 100%; + margin-bottom: 1px; +} + +.dropdown-submenu { + position: relative; +} + +.dropdown-submenu > .dropdown-menu { + top: 0; + left: 100%; + margin-top: -6px; + margin-left: -1px; + border-top-left-radius: 0; +} + +.dropdown-submenu:hover > .dropdown-menu { + display: block; +} + +.dropup .dropdown-submenu > .dropdown-menu { + top: auto; + bottom: 0; + margin-top: 0; + margin-bottom: -2px; + border-bottom-left-radius: 0; +} + +.dropdown-submenu > a:after { + display: block; + float: right; + width: 0; + height: 0; + margin-top: 5px; + margin-right: -10px; + border-color: transparent; + border-left-color: #cccccc; + border-style: solid; + border-width: 5px 0 5px 5px; + content: " "; +} + +.dropdown-submenu:hover > a:after { + border-left-color: #ffffff; +} + +.dropdown-submenu.pull-left { + float: none; +} + +.dropdown-submenu.pull-left > .dropdown-menu { + left: -100%; + margin-left: 10px; + border-top-right-radius: 0; +} + +.dropdown .dropdown-menu .nav-header { + padding-right: 20px; + padding-left: 20px; +} + +.typeahead { + z-index: 1051; +} + +.well { + min-height: 20px; + padding: 19px; + margin-bottom: 20px; + background-color: #f5f5f5; + border: 1px solid #e3e3e3; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); +} + +.well blockquote { + border-color: #ddd; + border-color: rgba(0, 0, 0, 0.15); +} + +.well-large { + padding: 24px; + border-radius: 6px; +} + +.well-small { + padding: 9px; + border-radius: 3px; +} + +.close { + float: right; + font-size: 20px; + font-weight: bold; + line-height: 20px; + color: #000; + text-shadow: 0 1px 0 #ffffff; + opacity: 0.2; + filter: alpha(opacity=20); +} + +.close:hover, +.close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + opacity: 0.5; + filter: alpha(opacity=50); +} + +button.close { + padding: 0; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; +} + +.nav { + padding-left: 0; + margin-bottom: 0; + margin-left: 0; + list-style: none; +} + +.nav:before, +.nav:after { + display: table; + content: " "; +} + +.nav:after { + clear: both; +} + +.nav > li { + display: block; +} + +.nav > li > a { + position: relative; + display: block; + padding: 10px 15px; +} + +.nav > li > a:hover, +.nav > li > a:focus { + text-decoration: none; + background-color: #eeeeee; +} + +.nav > .pull-right { + float: right; +} + +.nav-tabs { + border-bottom: 1px solid #ddd; +} + +.nav-tabs > li { + float: left; + margin-bottom: -1px; +} + +.nav-tabs > li > a { + margin-right: 2px; + line-height: 20px; + border: 1px solid transparent; + border-radius: 4px 4px 0 0; +} + +.nav-tabs > li > a:hover { + border-color: #eeeeee #eeeeee #dddddd; +} + +.nav-tabs > .active > a, +.nav-tabs > .active > a:hover, +.nav-tabs > .active > a:focus { + color: #555555; + cursor: default; + background-color: #ffffff; + border: 1px solid #ddd; + border-bottom-color: transparent; +} + +.nav-pills > li { + float: left; +} + +.nav-pills > li > a { + border-radius: 5px; +} + +.nav-pills > li + li > a { + margin-left: 2px; +} + +.nav-pills > .active > a, +.nav-pills > .active > a:hover, +.nav-pills > .active > a:focus { + color: #fff; + background-color: #428bca; +} + +.nav-stacked > li { + float: none; +} + +.nav-stacked > li + li > a { + margin-top: 2px; + margin-left: 0; +} + +.nav-justified { + max-height: 40px; +} + +.nav-justified > li { + display: table-cell; + float: none; + width: 1%; + text-align: center; +} + +.nav-list > li > a { + margin-bottom: -1px; + border: 1px solid #e5e5e5; +} + +.nav-list > li:first-child > a { + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} + +.nav-list > li:last-child > a { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +.nav-list > .active > a, +.nav-list > .active > a:hover, +.nav-list > .active > a:focus { + z-index: 2; + color: #fff; + background-color: #428bca; + border-color: #428bca; +} + +.nav > .disabled > a { + color: #999999; +} + +.nav > .disabled > a:hover, +.nav > .disabled > a:focus { + color: #999999; + text-decoration: none; + cursor: default; + background-color: transparent; +} + +.nav-header { + display: block; + padding: 3px 15px; + font-size: 11px; + font-weight: bold; + line-height: 20px; + color: #999999; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); + text-transform: uppercase; +} + +.nav li + .nav-header { + margin-top: 9px; +} + +.nav .divider { + height: 1px; + margin: 9px 0; + overflow: hidden; + background-color: #e5e5e5; + border-bottom: 1px solid #ffffff; +} + +.tabbable:before, +.tabbable:after { + display: table; + content: " "; +} + +.tabbable:after { + clear: both; +} + +.tab-content > .tab-pane, +.pill-content > .pill-pane { + display: none; +} + +.tab-content > .active, +.pill-content > .active { + display: block; +} + +/* +// Prevent IE8 from misplacing imgs +// See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989 +.nav > li > a > img { + max-width: none; +} + +// Dropdowns +// ------------------------- + +.nav-tabs .dropdown-menu { + // Remove the top rounded corners here since there is a hard edge above the menu + .border-top-radius(0); +} + +// Default dropdown links +// ------------------------- +// Make carets use linkColor to start +.nav .dropdown-toggle .caret { + border-top-color: @link-color; + border-bottom-color: @link-color; + margin-top: 8px; +} +.nav .dropdown-toggle:hover .caret { + border-top-color: @link-color-hover; + border-bottom-color: @link-color-hover; +} + +// Active dropdown links +// ------------------------- +.nav .active .dropdown-toggle .caret { + border-top-color: #fff; + border-bottom-color: #fff; +} +.nav-tabs .active .dropdown-toggle .caret { + border-top-color: @gray; + border-bottom-color: @gray; +} + +// Active:hover dropdown links +// ------------------------- +.nav > .dropdown.active > a:hover { + cursor: pointer; +} + +// Open dropdowns +// ------------------------- +.nav-tabs .open .dropdown-toggle, +.nav-pills .open .dropdown-toggle, +.nav > li.dropdown.open.active > a:hover { + color: #fff; + background-color: @grayLight; + border-color: @grayLight; +} +.nav li.dropdown.open .caret, +.nav li.dropdown.open.active .caret, +.nav li.dropdown.open a:hover .caret { + border-top-color: #fff; + border-bottom-color: #fff; + .opacity(1); +} + +// Dropdowns in stacked tabs +.tabs-stacked .open > a:hover { + border-color: @grayLight; +} + +*/ + +.navbar { + position: relative; + padding: 10px 15px; + background-color: #eeeeee; + border-radius: 4px; +} + +.navbar:before, +.navbar:after { + display: table; + content: " "; +} + +.navbar:after { + clear: both; +} + +.navbar .nav { + margin-top: 15px; +} + +.navbar .nav > li > a { + padding-top: 15px; + padding-bottom: 15px; + line-height: 20px; + color: #777777; +} + +.navbar .nav > li > a:hover, +.navbar .nav > li > a:focus { + color: #333333; + background-color: transparent; +} + +.navbar .nav > .active > a, +.navbar .nav > .active > a:hover, +.navbar .nav > .active > a:focus { + color: #555555; + background-color: #d5d5d5; +} + +.navbar .nav > .disabled > a, +.navbar .nav > .disabled > a:hover, +.navbar .nav > .disabled > a:focus { + color: #cccccc; + background-color: transparent; +} + +.navbar-static-top { + border-radius: 0; +} + +.navbar-fixed-top, +.navbar-fixed-bottom { + position: fixed; + right: 0; + left: 0; + z-index: 1030; + border-radius: 0; +} + +.navbar-fixed-top { + top: 0; +} + +.navbar-fixed-bottom { + bottom: 0; +} + +.navbar-brand { + display: block; + max-width: 200px; + padding: 7px 15px; + margin-right: auto; + margin-left: auto; + font-size: 18px; + font-weight: 500; + line-height: 20px; + color: #777777; + text-align: center; +} + +.navbar-brand:hover, +.navbar-brand:focus { + color: #5e5e5e; + text-decoration: none; + background-color: transparent; +} + +.navbar-toggle { + position: absolute; + top: 10px; + right: 10px; + padding: 8px 12px; + background-color: transparent; + border: 1px solid #ddd; + border-radius: 4px; +} + +.navbar-toggle:hover, +.navbar-toggle:focus { + background-color: #ddd; +} + +.navbar-toggle .icon-bar { + display: block; + width: 22px; + height: 2px; + background-color: #ccc; + border-radius: 1px; +} + +.navbar-toggle .icon-bar + .icon-bar { + margin-top: 4px; +} + +.navbar .nav > .divider { + height: 1px; + margin: 9px 0; + overflow: hidden; + background-color: #e1e1e1; + border-bottom: 1px solid #fbfbfb; +} + +.navbar-form { + margin-top: 8px; + margin-bottom: 8px; +} + +.navbar .nav > li > .dropdown-menu { + margin-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; +} + +.navbar-fixed-bottom .nav > li > .dropdown-menu { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.navbar .nav li.dropdown > a:hover .caret, +.navbar .nav li.dropdown > a:focus .caret { + border-top-color: #333333; + border-bottom-color: #333333; +} + +.navbar .nav li.dropdown.open > .dropdown-toggle, +.navbar .nav li.dropdown.active > .dropdown-toggle, +.navbar .nav li.dropdown.open.active > .dropdown-toggle { + color: #555555; + background-color: #d5d5d5; +} + +.navbar .nav li.dropdown > .dropdown-toggle .caret { + border-top-color: #777777; + border-bottom-color: #777777; +} + +.navbar .nav li.dropdown.open > .dropdown-toggle .caret, +.navbar .nav li.dropdown.active > .dropdown-toggle .caret, +.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret { + border-top-color: #555555; + border-bottom-color: #555555; +} + +.navbar .pull-right > li > .dropdown-menu, +.navbar .nav > li > .dropdown-menu.pull-right { + right: 0; + left: auto; +} + +.navbar-inverse { + background-color: #222222; +} + +.navbar-inverse .navbar-brand { + color: #999999; +} + +.navbar-inverse .navbar-brand:hover, +.navbar-inverse .navbar-brand:focus { + color: #ffffff; + background-color: transparent; +} + +.navbar-inverse .navbar-text { + color: #999999; +} + +.navbar-inverse .nav > li > a { + color: #999999; +} + +.navbar-inverse .nav > li > a:hover, +.navbar-inverse .nav > li > a:focus { + color: #ffffff; + background-color: transparent; +} + +.navbar-inverse .nav > .active > a, +.navbar-inverse .nav > .active > a:hover, +.navbar-inverse .nav > .active > a:focus { + color: #ffffff; + background-color: #080808; +} + +.navbar-inverse .nav > .disabled > a, +.navbar-inverse .nav > .disabled > a:hover, +.navbar-inverse .nav > .disabled > a:focus { + color: #444444; + background-color: transparent; +} + +.navbar-inverse .navbar-toggle { + border-color: #333; +} + +.navbar-inverse .navbar-toggle:hover, +.navbar-inverse .navbar-toggle:focus { + background-color: #333; +} + +.navbar-inverse .navbar-toggle .icon-bar { + background-color: #fff; +} + +.navbar-inverse .nav > .divider { + background-color: #151515; + border-bottom-color: #2f2f2f; +} + +.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, +.navbar-inverse .nav li.dropdown.active > .dropdown-toggle, +.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { + color: #ffffff; + background-color: #080808; +} + +.navbar-inverse .nav li.dropdown > a:hover .caret { + border-top-color: #ffffff; + border-bottom-color: #ffffff; +} + +.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret { + border-top-color: #999999; + border-bottom-color: #999999; +} + +.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret, +.navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret, +.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret { + border-top-color: #ffffff; + border-bottom-color: #ffffff; +} + +@media screen and (min-width: 768px) { + .navbar { + padding-top: 0; + padding-bottom: 0; + } + .navbar-brand { + float: left; + padding-top: 15px; + padding-bottom: 15px; + margin-left: -10px; + } + .navbar .nav { + float: left; + margin-top: 0; + } + .navbar .nav:before, + .navbar .nav:after { + display: table; + content: " "; + } + .navbar .nav:after { + clear: both; + } + .navbar .nav.pull-right { + float: right; + } + .navbar .nav > li { + float: left; + } + .navbar .nav > .divider { + width: 1px; + height: 30px; + margin: 10px 9px; + border-right: 1px solid #fbfbfb; + border-bottom: 0; + } + .navbar-inverse .nav > .divider { + border-right-color: #2f2f2f; + } + .navbar-toggle { + position: relative; + top: auto; + left: auto; + display: none; + } + .nav-collapse.collapse { + height: auto !important; + overflow: visible !important; + } +} + +/* + +// Janky solution for now to account for links outside the .nav +// ------------------------- +.navbar-link { + color: @navbar-link-color; + &:hover { + color: @navbar-link-color-hover; + } +} + +// Buttons in navbar +// ------------------------- +.navbar .btn, +.navbar .btn-group { + .navbarVerticalAlign(30px); // Vertically center in navbar +} +.navbar .btn-group .btn, +.navbar .input-prepend .btn, +.navbar .input-append .btn { + margin-top: 0; // then undo the margin here so we don't accidentally double it +} + +// Navbar forms +// ------------------------- +.navbar-form { + margin-bottom: 0; // remove default bottom margin + .clearfix(); + input, + select, + .radio, + .checkbox { + .navbarVerticalAlign(30px); // Vertically center in navbar + } + input, + select, + .btn { + display: inline-block; + margin-bottom: 0; + } + input[type="image"], + input[type="checkbox"], + input[type="radio"] { + margin-top: 3px; + } + .input-append, + .input-prepend { + margin-top: 5px; + white-space: nowrap; // preven two items from separating within a .navbar-form that has .pull-left + input { + margin-top: 0; // remove the margin on top since it's on the parent + } + } +} + +*/ + +.btn .caret { + border-top-color: #ffffff; +} + +.dropup .btn .caret { + border-bottom-color: #ffffff; +} + +.btn-group { + position: relative; + display: inline-block; + vertical-align: middle; +} + +.btn-group > .btn { + position: relative; + float: left; +} + +.btn-group > .btn + btn { + margin-left: -1px; +} + +.btn-group > .btn:hover, +.btn-group > .btn:active { + z-index: 2; +} + +.btn-toolbar:before, +.btn-toolbar:after { + display: table; + content: " "; +} + +.btn-toolbar:after { + clear: both; +} + +.btn-toolbar .btn-group { + float: left; +} + +.btn-toolbar > .btn + .btn, +.btn-toolbar > .btn-group + .btn, +.btn-toolbar > .btn + .btn-group, +.btn-toolbar > .btn-group + .btn-group { + margin-left: 5px; +} + +.btn-group > .btn { + position: relative; + border-radius: 0; +} + +.btn-group > .btn:first-child { + margin-left: 0; + border-bottom-left-radius: 4px; + border-top-left-radius: 4px; +} + +.btn-group > .btn:last-child, +.btn-group > .dropdown-toggle { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.btn-group > .btn.large:first-child { + margin-left: 0; + border-bottom-left-radius: 6px; + border-top-left-radius: 6px; +} + +.btn-group > .btn.large:last-child, +.btn-group > .large.dropdown-toggle { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.btn-group .dropdown-toggle:active, +.btn-group.open .dropdown-toggle { + outline: 0; +} + +.btn-group > .btn + .dropdown-toggle { + padding-right: 8px; + padding-left: 8px; +} + +.btn-group > .btn-mini + .dropdown-toggle { + padding-right: 5px; + padding-left: 5px; +} + +.btn-group > .btn-large + .dropdown-toggle { + padding-right: 12px; + padding-left: 12px; +} + +.btn-group.open .dropdown-toggle { + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); +} + +.btn .caret { + margin-top: 8px; + margin-left: 0; +} + +.btn-large .caret { + border-width: 5px; +} + +.dropup .btn-large .caret { + border-bottom-width: 5px; +} + +.btn-group-vertical > .btn { + display: block; + float: none; + width: 100%; + max-width: 100%; +} + +.btn-group-vertical .btn:first-child { + border-radius: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} + +.btn-group-vertical .btn:last-child { + border-radius: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +.btn-group-vertical .btn-large:first-child { + border-top-right-radius: 6px; + border-top-left-radius: 6px; +} + +.btn-group-vertical .btn-large:last-child { + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; +} + +.btn-group-justified { + display: table; + width: 100%; +} + +.btn-group-justified .btn { + display: table-cell; + float: none; + width: 1%; +} + +.btn-group[data-toggle="buttons-radio"] > .btn > input[type="radio"], +.btn-group[data-toggle="buttons-checkbox"] > .btn > input[type="checkbox"] { + display: none; +} + +.breadcrumb { + padding: 8px 15px; + margin: 0 0 20px; + list-style: none; + background-color: #f5f5f5; + border-radius: 4px; +} + +.breadcrumb > li { + display: inline-block; + text-shadow: 0 1px 0 #fff; +} + +.breadcrumb > li:after { + display: inline-block; + padding: 0 5px; + color: #ccc; + content: "\00a0 /"; +} + +.breadcrumb > .active { + color: #999999; +} + +.pagination { + display: inline-block; + margin: 20px 0; + border-radius: 4px; +} + +.pagination > li { + display: inline; +} + +.pagination > li > a, +.pagination > li > span { + float: left; + padding: 4px 12px; + line-height: 20px; + text-decoration: none; + background-color: #ffffff; + border: 1px solid #dddddd; + border-left-width: 0; +} + +.pagination > li > a:hover, +.pagination > li > a:focus, +.pagination > .active > a, +.pagination > .active > span { + background-color: #f5f5f5; +} + +.pagination > .active > a, +.pagination > .active > span { + color: #999999; + cursor: default; +} + +.pagination > .disabled > span, +.pagination > .disabled > a, +.pagination > .disabled > a:hover, +.pagination > .disabled > a:focus { + color: #999999; + cursor: default; + background-color: #ffffff; +} + +.pagination > li:first-child > a, +.pagination > li:first-child > span { + border-left-width: 1px; + border-bottom-left-radius: 4px; + border-top-left-radius: 4px; +} + +.pagination > li:last-child > a, +.pagination > li:last-child > span { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.pagination-large > li > a, +.pagination-large > li > span { + padding: 11px 14px; + font-size: 17.5; +} + +.pagination-large > li:first-child > a, +.pagination-large > li:first-child > span { + border-bottom-left-radius: 6px; + border-top-left-radius: 6px; +} + +.pagination-large > li:last-child > a, +.pagination-large > li:last-child > span { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.pagination-mini > li:first-child > a, +.pagination-small > li:first-child > a, +.pagination-mini > li:first-child > span, +.pagination-small > li:first-child > span { + border-bottom-left-radius: 3px; + border-top-left-radius: 3px; +} + +.pagination-mini > li:last-child > a, +.pagination-small > li:last-child > a, +.pagination-mini > li:last-child > span, +.pagination-small > li:last-child > span { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.pagination-small > li > a, +.pagination-small > li > span { + padding: 2px 10px; + font-size: 11.9; +} + +.pagination-mini > li > a, +.pagination-mini > li > span { + padding: 0 6px; + font-size: 10.5; +} + +.pager { + margin: 20px 0; + text-align: center; + list-style: none; +} + +.pager:before, +.pager:after { + display: table; + content: " "; +} + +.pager:after { + clear: both; +} + +.pager li { + display: inline; +} + +.pager li > a, +.pager li > span { + display: inline-block; + padding: 5px 14px; + background-color: #fff; + border: 1px solid #ddd; + border-radius: 15px; +} + +.pager li > a:hover, +.pager li > a:focus { + text-decoration: none; + background-color: #f5f5f5; +} + +.pager .next > a, +.pager .next > span { + float: right; +} + +.pager .previous > a, +.pager .previous > span { + float: left; +} + +.pager .disabled > a, +.pager .disabled > a:hover, +.pager .disabled > a:focus, +.pager .disabled > span { + color: #999999; + cursor: default; + background-color: #fff; +} + +.modal-open { + overflow: hidden; +} + +.modal { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1040; + display: none; + overflow: auto; + overflow-y: scroll; + -webkit-overflow-scrolling: touch; +} + +.modal.fade { + top: -25%; + -webkit-transition: opacity 0.3s linear, top 0.3s ease-out; + -moz-transition: opacity 0.3s linear, top 0.3s ease-out; + -o-transition: opacity 0.3s linear, top 0.3s ease-out; + transition: opacity 0.3s linear, top 0.3s ease-out; +} + +.modal.fade.in { + top: 0; +} + +.modal-dialog { + position: relative; + top: 0; + right: 0; + left: 0; + z-index: 1050; + width: auto; + padding: 10px; +} + +.modal-content { + position: relative; + background-color: #fff; + border: 1px solid #999; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 6px; + outline: none; + -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); + box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); + -webkit-background-clip: padding-box; + -moz-background-clip: padding-box; + background-clip: padding-box; +} + +.modal-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + background-color: #000; +} + +.modal-backdrop.fade { + opacity: 0; + filter: alpha(opacity=0); +} + +.modal-backdrop.fade.in { + opacity: 0.5; + filter: alpha(opacity=50); +} + +.modal-header { + padding: 9px 15px; + border-bottom: 1px solid #e5e5e5; +} + +.modal-header .close { + margin-top: 2px; +} + +.modal-title { + margin: 0; + line-height: 30px; +} + +.modal-body { + position: relative; + padding: 20px; +} + +.modal-footer { + padding: 19px 20px 20px; + margin-top: 15px; + text-align: right; + border-top: 1px solid #e5e5e5; +} + +.modal-footer:before, +.modal-footer:after { + display: table; + content: " "; +} + +.modal-footer:after { + clear: both; +} + +.modal-footer .btn + .btn { + margin-bottom: 0; + margin-left: 5px; +} + +.modal-footer .btn-group .btn + .btn { + margin-left: -1px; +} + +.modal-footer .btn-block + .btn-block { + margin-left: 0; +} + +@media screen and (min-width: 768px) { + .modal-dialog { + right: auto; + left: 50%; + width: 560px; + padding-top: 30px; + padding-bottom: 30px; + margin-left: -280px; + } + .modal-content { + -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); + } +} + +.tooltip { + position: absolute; + z-index: 1030; + display: block; + font-size: 11px; + line-height: 1.4; + opacity: 0; + filter: alpha(opacity=0); + visibility: visible; +} + +.tooltip.in { + opacity: 1; + filter: alpha(opacity=100); +} + +.tooltip.top { + padding: 5px 0; + margin-top: -3px; +} + +.tooltip.right { + padding: 0 5px; + margin-left: 3px; +} + +.tooltip.bottom { + padding: 5px 0; + margin-top: 3px; +} + +.tooltip.left { + padding: 0 5px; + margin-left: -3px; +} + +.tooltip-inner { + max-width: 200px; + padding: 3px 8px; + color: #ffffff; + text-align: center; + text-decoration: none; + background-color: rgba(0, 0, 0, 0.9); + border-radius: 4px; +} + +.tooltip-arrow { + position: absolute; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} + +.tooltip.top .tooltip-arrow { + bottom: 0; + left: 50%; + margin-left: -5px; + border-top-color: rgba(0, 0, 0, 0.9); + border-width: 5px 5px 0; +} + +.tooltip.right .tooltip-arrow { + top: 50%; + left: 0; + margin-top: -5px; + border-right-color: rgba(0, 0, 0, 0.9); + border-width: 5px 5px 5px 0; +} + +.tooltip.left .tooltip-arrow { + top: 50%; + right: 0; + margin-top: -5px; + border-left-color: rgba(0, 0, 0, 0.9); + border-width: 5px 0 5px 5px; +} + +.tooltip.bottom .tooltip-arrow { + top: 0; + left: 50%; + margin-left: -5px; + border-bottom-color: rgba(0, 0, 0, 0.9); + border-width: 0 5px 5px; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1010; + display: none; + max-width: 276px; + padding: 1px; + text-align: left; + white-space: normal; + background-color: #ffffff; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 6px; + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; +} + +.popover.top { + margin-top: -10px; +} + +.popover.right { + margin-left: 10px; +} + +.popover.bottom { + margin-top: 10px; +} + +.popover.left { + margin-left: -10px; +} + +.popover-title { + padding: 8px 14px; + margin: 0; + font-size: 14px; + font-weight: normal; + line-height: 18px; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + border-radius: 5px 5px 0 0; +} + +.popover-title:empty { + display: none; +} + +.popover-content { + padding: 9px 14px; +} + +.popover .arrow, +.popover .arrow:after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} + +.popover .arrow { + border-width: 11px; +} + +.popover .arrow:after { + border-width: 10px; + content: ""; +} + +.popover.top .arrow { + bottom: -11px; + left: 50%; + margin-left: -11px; + border-top-color: #999; + border-top-color: rgba(0, 0, 0, 0.25); + border-bottom-width: 0; +} + +.popover.top .arrow:after { + bottom: 1px; + margin-left: -10px; + border-top-color: #ffffff; + border-bottom-width: 0; +} + +.popover.right .arrow { + top: 50%; + left: -11px; + margin-top: -11px; + border-right-color: #999; + border-right-color: rgba(0, 0, 0, 0.25); + border-left-width: 0; +} + +.popover.right .arrow:after { + bottom: -10px; + left: 1px; + border-right-color: #ffffff; + border-left-width: 0; +} + +.popover.bottom .arrow { + top: -11px; + left: 50%; + margin-left: -11px; + border-bottom-color: #999; + border-bottom-color: rgba(0, 0, 0, 0.25); + border-top-width: 0; +} + +.popover.bottom .arrow:after { + top: 1px; + margin-left: -10px; + border-bottom-color: #ffffff; + border-top-width: 0; +} + +.popover.left .arrow { + top: 50%; + right: -11px; + margin-top: -11px; + border-left-color: #999; + border-left-color: rgba(0, 0, 0, 0.25); + border-right-width: 0; +} + +.popover.left .arrow:after { + right: 1px; + bottom: -10px; + border-left-color: #ffffff; + border-right-width: 0; +} + +.alert { + padding: 8px 35px 8px 14px; + margin-bottom: 20px; + color: #c09853; + background-color: #fcf8e3; + border: 1px solid #fbeed5; + border-radius: 4px; +} + +.alert h4 { + margin-top: 0; + color: inherit; +} + +.alert hr { + border-top-color: #f8e5be; +} + +.alert > a, +.alert > p > a { + font-weight: 500; + color: #a47e3c; +} + +.close { + position: relative; + top: -2px; + right: -21px; + line-height: 20px; + color: inherit; +} + +.alert-success { + color: #468847; + background-color: #dff0d8; + border-color: #d6e9c6; +} + +.alert-success hr { + border-top-color: #c9e2b3; +} + +.alert-success > a, +.alert-success > p > a { + color: #356635; +} + +.alert-danger, +.alert-error { + color: #b94a48; + background-color: #f2dede; + border-color: #eed3d7; +} + +.alert-danger hr, +.alert-error hr { + border-top-color: #e6c1c7; +} + +.alert-danger > a, +.alert-error > a, +.alert-danger > p > a, +.alert-error > p > a { + color: #953b39; +} + +.alert-info { + color: #3a87ad; + background-color: #d9edf7; + border-color: #bce8f1; +} + +.alert-info hr { + border-top-color: #a6e1ec; +} + +.alert-info > a, +.alert-info > p > a { + color: #2d6987; +} + +.alert-block { + padding-top: 14px; + padding-bottom: 14px; +} + +.alert-block > p, +.alert-block > ul { + margin-bottom: 0; +} + +.alert-block p + p { + margin-top: 5px; +} + +.thumbnail, +.img-thumbnail { + padding: 4px; + line-height: 20px; + border: 1px solid #ddd; + border-radius: 4px; + -webkit-transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; +} + +.thumbnail { + display: block; +} + +.img-thumbnail { + display: inline-block; +} + +a.thumbnail:hover, +a.thumbnail:focus { + border-color: #428bca; +} + +.thumbnail > img { + display: block; + max-width: 100%; + margin-right: auto; + margin-left: auto; +} + +.thumbnail .caption { + padding: 9px; + color: #555555; +} + +.media, +.media-body { + overflow: hidden; + zoom: 1; +} + +.media, +.media .media { + margin-top: 15px; +} + +.media:first-child { + margin-top: 0; +} + +.media-object { + display: block; +} + +.media-heading { + margin: 0 0 5px; +} + +.media > .pull-left { + margin-right: 10px; +} + +.media > .pull-right { + margin-left: 10px; +} + +.media-list { + margin-left: 0; + list-style: none; +} + +.label { + padding: .25em .6em; + font-size: 75%; + font-weight: 500; + line-height: 1; + color: #fff; + text-align: center; + white-space: nowrap; + vertical-align: middle; + background-color: #999999; + border-radius: .25em; +} + +a.label:hover, +a.label:focus { + color: #fff; + text-decoration: none; + cursor: pointer; +} + +.label-danger { + background-color: #d9534f; +} + +.label-danger[href] { + background-color: #c9302c; +} + +.label-warning { + background-color: #f0ad4e; +} + +.label-warning[href] { + background-color: #ec971f; +} + +.label-success { + background-color: #5cb85c; +} + +.label-success[href] { + background-color: #449d44; +} + +.label-info { + background-color: #5bc0de; +} + +.label-info[href] { + background-color: #31b0d5; +} + +.badge { + display: inline-block; + min-width: 10px; + padding: 3px 7px; + font-size: 12px; + font-weight: bold; + line-height: 1; + color: #fff; + text-align: center; + white-space: nowrap; + vertical-align: middle; + background-color: #999999; + border-radius: 10px; +} + +.badge:empty { + display: none; +} + +a.badge:hover, +a.badge:focus { + color: #fff; + text-decoration: none; + cursor: pointer; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.btn-mini .badge { + top: 0; +} + +.nav-list > .active > a > .badge, +.nav-pills > .active > a > .badge { + color: #428bca; + background-color: #fff; +} + +.nav-pills > li > a > .badge { + margin-left: 3px; +} + +@-webkit-keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} + +@-moz-keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} + +@-ms-keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} + +@-o-keyframes progress-bar-stripes { + from { + background-position: 0 0; + } + to { + background-position: 40px 0; + } +} + +@keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} + +.progress { + height: 20px; + margin-bottom: 20px; + overflow: hidden; + background-color: #f5f5f5; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); +} + +.progress-bar { + float: left; + width: 0; + height: 100%; + font-size: 12px; + color: #fff; + text-align: center; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #428bca; + -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + -webkit-transition: width 0.6s ease; + -moz-transition: width 0.6s ease; + -o-transition: width 0.6s ease; + transition: width 0.6s ease; +} + +.progress-striped .progress-bar { + background-color: #428bca; + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + -webkit-background-size: 40px 40px; + -moz-background-size: 40px 40px; + -o-background-size: 40px 40px; + background-size: 40px 40px; +} + +.progress.active .progress-bar { + -webkit-animation: progress-bar-stripes 2s linear infinite; + -moz-animation: progress-bar-stripes 2s linear infinite; + -ms-animation: progress-bar-stripes 2s linear infinite; + -o-animation: progress-bar-stripes 2s linear infinite; + animation: progress-bar-stripes 2s linear infinite; +} + +.progress-bar-danger { + background-color: #d9534f; +} + +.progress-striped .progress-bar-danger { + background-color: #d9534f; + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} + +.progress-bar-success { + background-color: #5cb85c; +} + +.progress-striped .progress-bar-success { + background-color: #5cb85c; + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} + +.progress-bar-warning { + background-color: #f0ad4e; +} + +.progress-striped .progress-bar-warning { + background-color: #f0ad4e; + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} + +.progress-bar-info { + background-color: #5bc0de; +} + +.progress-striped .progress-bar-info { + background-color: #5bc0de; + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} + +.accordion { + margin-bottom: 20px; +} + +.accordion-group { + margin-bottom: 2px; + border: 1px solid #e5e5e5; + border-radius: 4px; +} + +.accordion-heading { + border-bottom: 0; +} + +.accordion-heading .accordion-toggle { + display: block; + padding: 8px 15px; +} + +.accordion-toggle { + cursor: pointer; +} + +.accordion-inner { + padding: 9px 15px; + border-top: 1px solid #e5e5e5; +} + +.carousel { + position: relative; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} + +.carousel-inner > .item { + position: relative; + display: none; + -webkit-transition: 0.6s ease-in-out left; + -moz-transition: 0.6s ease-in-out left; + -o-transition: 0.6s ease-in-out left; + transition: 0.6s ease-in-out left; +} + +.carousel-inner > .item > img, +.carousel-inner > .item > a > img { + display: block; + line-height: 1; +} + +.carousel-inner > .active, +.carousel-inner > .next, +.carousel-inner > .prev { + display: block; +} + +.carousel-inner > .active { + left: 0; +} + +.carousel-inner > .next, +.carousel-inner > .prev { + position: absolute; + top: 0; + width: 100%; +} + +.carousel-inner > .next { + left: 100%; +} + +.carousel-inner > .prev { + left: -100%; +} + +.carousel-inner > .next.left, +.carousel-inner > .prev.right { + left: 0; +} + +.carousel-inner > .active.left { + left: -100%; +} + +.carousel-inner > .active.right { + left: 100%; +} + +.carousel-control { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 15%; + font-size: 20px; + color: #fff; + text-align: center; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + opacity: 0.5; + filter: alpha(opacity=50); +} + +.carousel-control.left { + background-color: rgba(0, 0, 0, 0.0001); + background-color: transparent; + background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0001)); + background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001))); + background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0001)); + background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0001)); + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0001)); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); +} + +.carousel-control.right { + right: 0; + left: auto; + background-color: rgba(0, 0, 0, 0.5); + background-color: transparent; + background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001), rgba(0, 0, 0, 0.5)); + background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5))); + background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001), rgba(0, 0, 0, 0.5)); + background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001), rgba(0, 0, 0, 0.5)); + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001), rgba(0, 0, 0, 0.5)); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); +} + +.carousel-control:hover, +.carousel-control:focus { + color: #fff; + text-decoration: none; + opacity: 0.9; + filter: alpha(opacity=90); +} + +.carousel-control .glyphicon { + position: absolute; + top: 50%; + left: 50%; + z-index: 5; + display: inline-block; + width: 20px; + height: 20px; + margin-top: -10px; + margin-left: -10px; +} + +.carousel-indicators { + position: absolute; + bottom: 20px; + left: 50%; + z-index: 5; + width: 100px; + margin: 0 0 0 -50px; + text-align: center; + list-style: none; +} + +.carousel-indicators li { + display: inline-block; + width: 8px; + height: 8px; + margin-right: 0; + margin-left: 0; + text-indent: -999px; + cursor: pointer; + border: 1px solid #fff; + border-radius: 5px; +} + +.carousel-indicators .active { + background-color: #fff; +} + +.carousel-caption { + position: absolute; + right: 20%; + bottom: 20px; + left: 20%; + display: none; + padding-top: 20px; + padding-bottom: 20px; + color: #fff; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); +} + +@media screen and (min-width: 768px) { + .carousel-control .glyphicon { + width: 30px; + height: 30px; + margin-top: -15px; + margin-left: -15px; + font-size: 30px; + } + .carousel-caption { + right: 0; + left: 0; + z-index: 10; + display: block; + max-width: 60%; + padding: 30px; + margin-right: 0; + margin-left: 0; + } +} + +.jumbotron { + padding: 30px; + margin-bottom: 30px; + font-size: 21px; + font-weight: 200; + line-height: 30px; + color: inherit; + background-color: #eeeeee; +} + +.jumbotron h1 { + line-height: 1; + color: inherit; +} + +.jumbotron p { + line-height: 1.4; +} + +@media screen and (min-width: 768px) { + .jumbotron { + padding: 50px 60px; + border-radius: 6px; + } + .jumbotron h1 { + font-size: 60px; + } +} + +.clearfix:before, +.clearfix:after { + display: table; + content: " "; +} + +.clearfix:after { + clear: both; +} + +.pull-right { + float: right; +} + +.pull-left { + float: left; +} + +.hide { + display: none !important; +} + +.show { + display: block !important; +} + +.invisible { + visibility: hidden; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.affix { + position: fixed; +} + +@-ms-viewport { + width: device-width; +} + +.hidden { + display: none; + visibility: hidden; +} + +.visible-phone { + display: none !important; +} + +.visible-tablet { + display: none !important; +} + +.hidden-desktop { + display: none !important; +} + +.visible-desktop { + display: inherit !important; +} + +@media (min-width: 768px) and (max-width: 979px) { + .hidden-desktop { + display: inherit !important; + } + .visible-desktop { + display: none !important ; + } + .visible-tablet { + display: inherit !important; + } + .hidden-tablet { + display: none !important; + } +} + +@media (max-width: 767px) { + .hidden-desktop { + display: inherit !important; + } + .visible-desktop { + display: none !important; + } + .visible-phone { + display: inherit !important; + } + .hidden-phone { + display: none !important; + } +} + +.visible-print { + display: none !important; +} + +@media print { + .visible-print { + display: inherit !important; + } + .hidden-print { + display: none !important; + } +} diff --git a/docs/_site/assets/css/docs.css b/docs/_site/assets/css/docs.css new file mode 100644 index 000000000..ca8fc006e --- /dev/null +++ b/docs/_site/assets/css/docs.css @@ -0,0 +1,665 @@ +/* + * Bootstrap Documentation + * Special styles for presenting Bootstrap's documentation and code examples. + */ + + + +/* Key scaffolding +-------------------------------------------------- */ + +body { + padding-top: 54px; + position: relative; /* For scrollyspy */ + /* We add the padding to the body for >768px only */ +} + +/* */ +.bs-docs-footer { + padding-left: 15px; + padding-right: 15px; +} + + + +/* Sections +-------------------------------------------------- */ + +/* Padding for in-page bookmarks */ +section { + padding-top: 30px; +} + +/* Few stylistic typography tweaks */ +section > .page-header, +section > .lead { + color: #5a5a5a; +} +section > ul li { + margin-bottom: 5px; +} + + + +/* Navbar +-------------------------------------------------- */ + +.bs-docs-navbar { + background-color: #fff; + border-bottom: 1px solid #ccc; /* IE8 */ + border-bottom: 1px solid rgba(0,0,0,.1); +} +.bs-docs-navbar .nav > .active > a, +.bs-docs-navbar .nav > .active > a:hover { + font-weight: 500; + background-color: transparent; +} + + + +/* Jumbotrons +-------------------------------------------------- */ + +/* Base class */ +.bs-docs-jumbotron { + position: relative; + margin-bottom: 20px; + padding: 30px 15px; + color: #fff; + text-align: center; + background-color: #b94a48; +} +.bs-docs-jumbotron h1 { + font-size: 50px; +} + +/* Link styles (used on .masthead-links as well) */ +.bs-docs-jumbotron a { + color: #fff; + color: rgba(255,255,255,.5); + -webkit-transition: all .2s ease-in-out; + -moz-transition: all .2s ease-in-out; + transition: all .2s ease-in-out; +} +.bs-docs-jumbotron a:hover { + color: #fff; +} + +/* Download button */ +.bs-docs-jumbotron .btn { + padding: 18px 24px; + font-size: 21px; + color: #b94a48; /* redeclare to override the `.jumbotron a` */ + background-color: #fff; +} +.bs-docs-jumbotron .btn, +.bs-docs-jumbotron .btn:hover, +.bs-docs-jumbotron .btn:active { + color: #b94a48; /* redeclare to override the `.jumbotron a` */ + background-color: #fff; + border-color: #fff; +} + +/* Masthead (docs home) +------------------------- */ +.masthead h1 { + line-height: 1; +} + +/* Textual links in masthead */ +.masthead-links { + margin: 20px 0; + list-style: none; +} +.masthead-links li { + display: inline; + padding: 0 10px; + color: rgba(255,255,255,.25); +} + + + +/* Marketing section of Overview +-------------------------------------------------- */ + +.bs-docs-marketing { + text-align: center; + color: #5a5a5a; +} +.bs-docs-marketing h1 { + margin: 60px 0 10px; + font-size: 50px; + line-height: 1; +} +.bs-docs-marketing h2 { + margin-bottom: 5px; +} +.bs-docs-marketing p { + font-size: 16px; + line-height: 1.4; +} +.bs-docs-marketing .marketing-byline { + margin-bottom: 40px; + font-size: 21px; + font-weight: 300; + line-height: 1.25; + color: #999; +} +.marketing-img { + display: block; + margin: 30px auto 10px; + max-height: 145px; +} + + + +/* Special grid styles +-------------------------------------------------- */ + +.show-grid { + margin-bottom: 15px; +} +.show-grid [class^="span"] { + padding-top: 10px; + padding-bottom: 10px; + background-color: #eee; + border: 1px solid #ddd; +} +.show-grid [class*="span"]:hover { + background-color: #ddd; +} + + + +/* Sidenav +-------------------------------------------------- */ + +/* Base styles are not affixable given mobile-first */ +.bs-docs-sidenav { + margin: 20px 0 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.bs-docs-sidenav.affix { + position: static; + top: 0; +} + +/* Chevrons within each link */ +.bs-docs-sidenav .glyphicon-chevron-right { + float: right; + margin-top: 1px; + margin-right: -6px; + opacity: .25; + color: #000; +} +.bs-docs-sidenav a:hover .glyphicon-chevron-right { + opacity: .5; +} +.bs-docs-sidenav .active .glyphicon-chevron-right, +.bs-docs-sidenav .active a:hover .glyphicon-chevron-right { + color: #fff; + opacity: 1; +} + + + +/* Bootstrap code examples +-------------------------------------------------- */ + +/* Base class */ +.bs-docs-example { + position: relative; + padding: 39px 14px 14px; + margin-bottom: -1px; + border: 1px solid #ddd; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +/* Echo out a label for the example */ +.bs-docs-example:after { + content: "Example"; + position: absolute; + top: -1px; + left: -1px; + padding: 3px 7px; + font-size: 12px; + font-weight: bold; + color: #9da0a4; + background-color: #f5f5f5; + border: 1px solid #ddd; + border-top-left-radius: 4px; + border-bottom-right-radius: 4px; +} + +/* Tweak display of the examples */ +.bs-docs-example + .prettyprint, +.bs-docs-example + .highlight { + margin-top: 0; + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.prettyprint .linenums { + /*margin-left: 0;*/ +} + +/* Tweak content of examples for optimum awesome */ +.bs-docs-example > p:last-child, +.bs-docs-example > ul:last-child, +.bs-docs-example > ol:last-child, +.bs-docs-example > blockquote:last-child, +.bs-docs-example > input:last-child, +.bs-docs-example > select:last-child, +.bs-docs-example > textarea:last-child, +.bs-docs-example > .table:last-child, +.bs-docs-example > .jumbotron:last-child, +.bs-docs-example > .alert:last-child { + margin-bottom: 0; +} + +/* Typography */ +.bs-docs-example-type .table td { + color: #999; + vertical-align: middle; + border-color: ; +} +.bs-docs-example-type .table td, +.bs-docs-example-type .table th { + padding: 15px 0; + border-color: #eee; +} +.bs-docs-example-type .table tr:first-child td, +.bs-docs-example-type .table tr:first-child th { + border-top: 0; +} +.bs-docs-example-type h1, +.bs-docs-example-type h2, +.bs-docs-example-type h3, +.bs-docs-example-type h4, +.bs-docs-example-type h5, +.bs-docs-example-type h6 { + margin: 0; +} + + +/* Navbar examples */ +.bs-navbar-top-example, +.bs-navbar-bottom-example { + z-index: 1; + padding: 0; + height: 90px; + overflow: hidden; /* cut the drop shadows off */ +} +.bs-navbar-top-example .navbar-fixed-top, +.bs-navbar-bottom-example .navbar-fixed-bottom { + margin-left: 0; + margin-right: 0; +} +.bs-navbar-top-example { + -webkit-border-radius: 0 0 4px 4px; + -moz-border-radius: 0 0 4px 4px; + border-radius: 0 0 4px 4px; +} +.bs-navbar-top-example:after { + top: auto; + bottom: -1px; + -webkit-border-radius: 0 4px 0 4px; + -moz-border-radius: 0 4px 0 4px; + border-radius: 0 4px 0 4px; +} +.bs-navbar-bottom-example { + -webkit-border-radius: 4px 4px 0 0; + -moz-border-radius: 4px 4px 0 0; + border-radius: 4px 4px 0 0; +} +.bs-navbar-bottom-example .navbar { + margin-bottom: 0; +} + +/* Example modals */ +.bs-docs-example-modal { + background-color: #f5f5f5; +} +.bs-docs-example-modal .modal { + position: relative; + top: auto; + right: auto; + left: auto; + bottom: auto; + z-index: 1; + display: block; +} +.bs-docs-example-modal .modal-dialog { + left: auto; + margin-left: auto; + margin-right: auto; +} + +/* Example dropdowns */ +.bs-docs-example > .dropdown > .dropdown-menu, +.bs-docs-example-submenu > .pull-left > .dropup > .dropdown-menu, +.bs-docs-example-submenu > .pull-left > .dropdown > .dropdown-menu { + position: static; + display: block; + margin-bottom: 5px; +} +.bs-docs-example-submenu { + min-height: 180px; +} +.bs-docs-example-submenu > .pull-left + .pull-left { + margin-left: 20px; +} + +/* Example tabbable tabs */ +.bs-docs-example-tabs .nav-tabs { + margin-bottom: 15px; +} + + +/* Example templates +-------------------------------------------------- */ + +.bs-docs-examples h4 { + margin-bottom: 5px; +} +.bs-docs-examples p { + margin-bottom: 20px; +} + + + +/* Icons +-------------------------------------------------- */ + +.the-icons { + padding-bottom: 1px; + margin-left: 0; + list-style: none; + margin-bottom: 20px; + overflow: hidden; +} +.the-icons li { + float: left; + width: 100px; + height: 110px; + padding: 10px; + border: 1px solid #ddd; + font-size: 12px; + line-height: 1.25; + text-align: center; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + margin: 0 -1px -1px 0; +} +.the-icons .glyphicon { + display: block; + margin: 5px auto; + vertical-align: middle; + margin-right: 3px; + font-size: 24px; +} +.the-icons li:hover { + background-color: rgba(255,0,0,.1); +} + + + +/* Responsive docs +-------------------------------------------------- */ + +/* Related: responsive utilities tables */ +.table code { + font-size: 13px; + font-weight: normal; +} + +/* Utility classes table +------------------------- */ +.responsive-utilities th small { + display: block; + font-weight: normal; + color: #999; +} +.responsive-utilities tbody th { + font-weight: normal; +} +.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 tests +------------------------- */ +.responsive-utilities-test { + margin-top: 5px; + margin-left: 0; + list-style: none; + overflow: hidden; /* clear floats */ +} +.responsive-utilities-test li { + position: relative; + float: left; + width: 25%; + height: 43px; + font-size: 14px; + font-weight: bold; + line-height: 43px; + color: #999; + text-align: center; + border: 1px solid #ddd; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +.responsive-utilities-test li + li { + margin-left: 10px; +} +.responsive-utilities-test span { + position: absolute; + top: -1px; + left: -1px; + right: -1px; + bottom: -1px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +.responsive-utilities-test span { + color: #468847; + background-color: #dff0d8; + border: 1px solid #d6e9c6; +} + + + +/* Footer +-------------------------------------------------- */ + +.bs-docs-footer { + text-align: center; + padding: 30px 0; + margin-top: 100px; + border-top: 1px solid #e5e5e5; +} +.bs-docs-footer p { + margin-bottom: 0; + color: #777; +} +.footer-links { + margin: 10px 0; +} +.footer-links li { + display: inline; + padding: 0 2px; +} +.footer-links li:first-child { + padding-left: 0; +} + +/* Social proof buttons from GitHub & Twitter */ +.bs-docs-social { + margin-top: 10px; + margin-bottom: 20px; + text-align: center; +} +/* Quick links on Home */ +.bs-docs-social-buttons { + display: inline-block; + margin: 0; + padding: 0 10px; + 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; +} + + + +/* Misc docs stuff +-------------------------------------------------- */ + +/* Pseudo :focus state for showing how it looks in the docs */ +input.focused { + border-color: rgba(82,168,236,.8); + outline: 0; + outline: thin dotted \9; /* IE6-9 */ + -moz-box-shadow: 0 0 8px rgba(82,168,236,.6); + box-shadow: 0 0 8px rgba(82,168,236,.6); +} + +/* Scrollspy demo on fixed height div */ +.scrollspy-example { + position: relative; + height: 200px; + margin-top: 10px; + overflow: auto; +} + +.highlight { + padding: 9px 14px; + margin-bottom: 14px; + background-color: #f7f7f9; + border: 1px solid #e1e1e8; + border-radius: 4px; +} +.highlight pre { + padding: 0; + margin-bottom: 0; + background-color: transparent; + border: 0; +} +.highlight pre code { + font-size: inherit; + color: #333; /* Effectively the base text color */ +} +.highlight pre .lineno { + display: inline-block; + width: 22px; + padding-right: 5px; + margin-right: 10px; + text-align: right; + color: #bebec5; +} + + + +/* Docs gallery +-------------------------------------------------- */ + +.bs-docs-gallery .thumbnail { + max-width: 400px; + margin: 0 auto 20px; +} + + +/* Responsive variations +-------------------------------------------------- */ + +/* Hide code snippets on mobile devices */ +@media screen and (max-width: 480px) { + .bs-docs-example { + border-radius: 4px; + } + .highlight { + display: none; + } +} + +/* Tablets and up */ +@media screen and (min-width: 768px) { + + /* Account for fixed navbar (which is static to start) */ + body { + padding-top: 50px; /* Default height of navbar */ + } + + /* Tweak display of docs jumbotrons */ + .masthead { + padding-top: 100px; + padding-bottom: 100px; + } + .masthead h1 { + font-size: 100px; + } + .masthead p { + font-size: 30px; + margin-left: 10%; + margin-right: 10%; + } + .subhead { + padding-top: 60px; + padding-bottom: 60px; + text-align: left; + } + + /* From here, start to affix the nav because we keep columns here */ + .bs-docs-sidenav.affix { + position: fixed; + top: 54px; + } + .bs-docs-sidenav { + width: 170px; + } + .bs-docs-sidenav.affix-bottom { + position: absolute; + top: auto; + bottom: 270px; + } +} + +/* Tablets/desktops and up */ +@media screen and (min-width: 992px) { + + /* Icons */ + .the-icons li { + width: 12.5%; + } + + .bs-docs-sidenav { + width: 220px; + } +} + +/* Large desktops and up */ +@media screen and (min-width: 1200px) { + .bs-docs-sidenav { + width: 260px; + } +} diff --git a/docs/_site/assets/css/pygments-manni.css b/docs/_site/assets/css/pygments-manni.css new file mode 100644 index 000000000..1264b87f1 --- /dev/null +++ b/docs/_site/assets/css/pygments-manni.css @@ -0,0 +1,66 @@ +.hll { background-color: #ffffcc } + /*{ background: #f0f3f3; }*/ +.c { color: #999; } /* Comment */ +.err { color: #AA0000; background-color: #FFAAAA } /* Error */ +.k { color: #006699; } /* Keyword */ +.o { color: #555555 } /* Operator */ +.cm { color: #0099FF; font-style: italic } /* Comment.Multiline */ +.cp { color: #009999 } /* Comment.Preproc */ +.c1 { color: #999; } /* Comment.Single */ +.cs { color: #999; } /* Comment.Special */ +.gd { background-color: #FFCCCC; border: 1px solid #CC0000 } /* Generic.Deleted */ +.ge { font-style: italic } /* Generic.Emph */ +.gr { color: #FF0000 } /* Generic.Error */ +.gh { color: #003300; } /* Generic.Heading */ +.gi { background-color: #CCFFCC; border: 1px solid #00CC00 } /* Generic.Inserted */ +.go { color: #AAAAAA } /* Generic.Output */ +.gp { color: #000099; } /* Generic.Prompt */ +.gs { } /* Generic.Strong */ +.gu { color: #003300; } /* Generic.Subheading */ +.gt { color: #99CC66 } /* Generic.Traceback */ +.kc { color: #006699; } /* Keyword.Constant */ +.kd { color: #006699; } /* Keyword.Declaration */ +.kn { color: #006699; } /* Keyword.Namespace */ +.kp { color: #006699 } /* Keyword.Pseudo */ +.kr { color: #006699; } /* Keyword.Reserved */ +.kt { color: #007788; } /* Keyword.Type */ +.m { color: #FF6600 } /* Literal.Number */ +.s { color: #d44950 } /* Literal.String */ +.na { color: #4f9fcf } /* Name.Attribute */ +.nb { color: #336666 } /* Name.Builtin */ +.nc { color: #00AA88; } /* Name.Class */ +.no { color: #336600 } /* Name.Constant */ +.nd { color: #9999FF } /* Name.Decorator */ +.ni { color: #999999; } /* Name.Entity */ +.ne { color: #CC0000; } /* Name.Exception */ +.nf { color: #CC00FF } /* Name.Function */ +.nl { color: #9999FF } /* Name.Label */ +.nn { color: #00CCFF; } /* Name.Namespace */ +.nt { color: #2f6f9f; } /* Name.Tag */ +.nv { color: #003333 } /* Name.Variable */ +.ow { color: #000000; } /* Operator.Word */ +.w { color: #bbbbbb } /* Text.Whitespace */ +.mf { color: #FF6600 } /* Literal.Number.Float */ +.mh { color: #FF6600 } /* Literal.Number.Hex */ +.mi { color: #FF6600 } /* Literal.Number.Integer */ +.mo { color: #FF6600 } /* Literal.Number.Oct */ +.sb { color: #CC3300 } /* Literal.String.Backtick */ +.sc { color: #CC3300 } /* Literal.String.Char */ +.sd { color: #CC3300; font-style: italic } /* Literal.String.Doc */ +.s2 { color: #CC3300 } /* Literal.String.Double */ +.se { color: #CC3300; } /* Literal.String.Escape */ +.sh { color: #CC3300 } /* Literal.String.Heredoc */ +.si { color: #AA0000 } /* Literal.String.Interpol */ +.sx { color: #CC3300 } /* Literal.String.Other */ +.sr { color: #33AAAA } /* Literal.String.Regex */ +.s1 { color: #CC3300 } /* Literal.String.Single */ +.ss { color: #FFCC33 } /* Literal.String.Symbol */ +.bp { color: #336666 } /* Name.Builtin.Pseudo */ +.vc { color: #003333 } /* Name.Variable.Class */ +.vg { color: #003333 } /* Name.Variable.Global */ +.vi { color: #003333 } /* Name.Variable.Instance */ +.il { color: #FF6600 } /* Literal.Number.Integer.Long */ + +.css .o, +.css .o + .nt, +.css .nt + .nt { color: #999; } diff --git a/docs/_site/assets/fonts/glyphiconshalflings-regular.eot b/docs/_site/assets/fonts/glyphiconshalflings-regular.eot new file mode 100755 index 000000000..bd59ccd2d Binary files /dev/null and b/docs/_site/assets/fonts/glyphiconshalflings-regular.eot differ diff --git a/docs/_site/assets/fonts/glyphiconshalflings-regular.otf b/docs/_site/assets/fonts/glyphiconshalflings-regular.otf new file mode 100644 index 000000000..b058f1cd1 Binary files /dev/null and b/docs/_site/assets/fonts/glyphiconshalflings-regular.otf differ diff --git a/docs/_site/assets/fonts/glyphiconshalflings-regular.svg b/docs/_site/assets/fonts/glyphiconshalflings-regular.svg new file mode 100755 index 000000000..0fb458735 --- /dev/null +++ b/docs/_site/assets/fonts/glyphiconshalflings-regular.svg @@ -0,0 +1,175 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/docs/_site/assets/fonts/glyphiconshalflings-regular.ttf b/docs/_site/assets/fonts/glyphiconshalflings-regular.ttf new file mode 100755 index 000000000..c63c068fe Binary files /dev/null and b/docs/_site/assets/fonts/glyphiconshalflings-regular.ttf differ diff --git a/docs/_site/assets/fonts/glyphiconshalflings-regular.woff b/docs/_site/assets/fonts/glyphiconshalflings-regular.woff new file mode 100755 index 000000000..4c778ffdc Binary files /dev/null and b/docs/_site/assets/fonts/glyphiconshalflings-regular.woff differ diff --git a/docs/_site/assets/ico/apple-touch-icon-114-precomposed.png b/docs/_site/assets/ico/apple-touch-icon-114-precomposed.png new file mode 100644 index 000000000..790a64f75 Binary files /dev/null and b/docs/_site/assets/ico/apple-touch-icon-114-precomposed.png differ diff --git a/docs/_site/assets/ico/apple-touch-icon-144-precomposed.png b/docs/_site/assets/ico/apple-touch-icon-144-precomposed.png new file mode 100644 index 000000000..6d0e463fd Binary files /dev/null and b/docs/_site/assets/ico/apple-touch-icon-144-precomposed.png differ diff --git a/docs/_site/assets/ico/apple-touch-icon-57-precomposed.png b/docs/_site/assets/ico/apple-touch-icon-57-precomposed.png new file mode 100644 index 000000000..4936cca83 Binary files /dev/null and b/docs/_site/assets/ico/apple-touch-icon-57-precomposed.png differ diff --git a/docs/_site/assets/ico/apple-touch-icon-72-precomposed.png b/docs/_site/assets/ico/apple-touch-icon-72-precomposed.png new file mode 100644 index 000000000..b1165bdbd Binary files /dev/null and b/docs/_site/assets/ico/apple-touch-icon-72-precomposed.png differ diff --git a/docs/_site/assets/ico/favicon.ico b/docs/_site/assets/ico/favicon.ico new file mode 100644 index 000000000..cb8dbdfc4 Binary files /dev/null and b/docs/_site/assets/ico/favicon.ico differ diff --git a/docs/_site/assets/ico/favicon.png b/docs/_site/assets/ico/favicon.png new file mode 100644 index 000000000..073c13c0f Binary files /dev/null and b/docs/_site/assets/ico/favicon.png differ diff --git a/docs/_site/assets/img/bootstrap-docs-readme.png b/docs/_site/assets/img/bootstrap-docs-readme.png new file mode 100644 index 000000000..36603bd3b Binary files /dev/null and b/docs/_site/assets/img/bootstrap-docs-readme.png differ diff --git a/docs/_site/assets/img/bs-docs-bootstrap-features.png b/docs/_site/assets/img/bs-docs-bootstrap-features.png new file mode 100644 index 000000000..7cd8501ae Binary files /dev/null and b/docs/_site/assets/img/bs-docs-bootstrap-features.png differ diff --git a/docs/_site/assets/img/bs-docs-masthead-pattern.png b/docs/_site/assets/img/bs-docs-masthead-pattern.png new file mode 100644 index 000000000..75c46a152 Binary files /dev/null and b/docs/_site/assets/img/bs-docs-masthead-pattern.png differ diff --git a/docs/_site/assets/img/bs-docs-responsive-illustrations.png b/docs/_site/assets/img/bs-docs-responsive-illustrations.png new file mode 100644 index 000000000..77c8f18f5 Binary files /dev/null and b/docs/_site/assets/img/bs-docs-responsive-illustrations.png differ diff --git a/docs/_site/assets/img/bs-docs-twitter-github.png b/docs/_site/assets/img/bs-docs-twitter-github.png new file mode 100644 index 000000000..06100f398 Binary files /dev/null and b/docs/_site/assets/img/bs-docs-twitter-github.png differ diff --git a/docs/_site/assets/img/examples/bootstrap-example-carousel.png b/docs/_site/assets/img/examples/bootstrap-example-carousel.png new file mode 100644 index 000000000..725fe07b9 Binary files /dev/null and b/docs/_site/assets/img/examples/bootstrap-example-carousel.png differ diff --git a/docs/_site/assets/img/examples/bootstrap-example-fluid.png b/docs/_site/assets/img/examples/bootstrap-example-fluid.png new file mode 100644 index 000000000..5f49a332f Binary files /dev/null and b/docs/_site/assets/img/examples/bootstrap-example-fluid.png differ diff --git a/docs/_site/assets/img/examples/bootstrap-example-jumbotron-narrow.png b/docs/_site/assets/img/examples/bootstrap-example-jumbotron-narrow.png new file mode 100644 index 000000000..4bca8cdaf Binary files /dev/null and b/docs/_site/assets/img/examples/bootstrap-example-jumbotron-narrow.png differ diff --git a/docs/_site/assets/img/examples/bootstrap-example-justified-nav.png b/docs/_site/assets/img/examples/bootstrap-example-justified-nav.png new file mode 100644 index 000000000..3d1e23389 Binary files /dev/null and b/docs/_site/assets/img/examples/bootstrap-example-justified-nav.png differ diff --git a/docs/_site/assets/img/examples/bootstrap-example-marketing.png b/docs/_site/assets/img/examples/bootstrap-example-marketing.png new file mode 100644 index 000000000..206e26e34 Binary files /dev/null and b/docs/_site/assets/img/examples/bootstrap-example-marketing.png differ diff --git a/docs/_site/assets/img/examples/bootstrap-example-navbar-fixed-top.png b/docs/_site/assets/img/examples/bootstrap-example-navbar-fixed-top.png new file mode 100644 index 000000000..30bfebfba Binary files /dev/null and b/docs/_site/assets/img/examples/bootstrap-example-navbar-fixed-top.png differ diff --git a/docs/_site/assets/img/examples/bootstrap-example-navbar-static-top.png b/docs/_site/assets/img/examples/bootstrap-example-navbar-static-top.png new file mode 100644 index 000000000..a965782d4 Binary files /dev/null and b/docs/_site/assets/img/examples/bootstrap-example-navbar-static-top.png differ diff --git a/docs/_site/assets/img/examples/bootstrap-example-navbar.png b/docs/_site/assets/img/examples/bootstrap-example-navbar.png new file mode 100644 index 000000000..dd1f7df0d Binary files /dev/null and b/docs/_site/assets/img/examples/bootstrap-example-navbar.png differ diff --git a/docs/_site/assets/img/examples/bootstrap-example-signin.png b/docs/_site/assets/img/examples/bootstrap-example-signin.png new file mode 100644 index 000000000..b649a985d Binary files /dev/null and b/docs/_site/assets/img/examples/bootstrap-example-signin.png differ diff --git a/docs/_site/assets/img/examples/bootstrap-example-starter.png b/docs/_site/assets/img/examples/bootstrap-example-starter.png new file mode 100644 index 000000000..1bf4b85ec Binary files /dev/null and b/docs/_site/assets/img/examples/bootstrap-example-starter.png differ diff --git a/docs/_site/assets/img/examples/bootstrap-example-sticky-footer-navbar.png b/docs/_site/assets/img/examples/bootstrap-example-sticky-footer-navbar.png new file mode 100644 index 000000000..4ad0e8681 Binary files /dev/null and b/docs/_site/assets/img/examples/bootstrap-example-sticky-footer-navbar.png differ diff --git a/docs/_site/assets/img/examples/bootstrap-example-sticky-footer.png b/docs/_site/assets/img/examples/bootstrap-example-sticky-footer.png new file mode 100644 index 000000000..fb80e7b92 Binary files /dev/null and b/docs/_site/assets/img/examples/bootstrap-example-sticky-footer.png differ diff --git a/docs/_site/assets/img/examples/browser-icon-chrome.png b/docs/_site/assets/img/examples/browser-icon-chrome.png new file mode 100644 index 000000000..8c846c54e Binary files /dev/null and b/docs/_site/assets/img/examples/browser-icon-chrome.png differ diff --git a/docs/_site/assets/img/examples/browser-icon-firefox.png b/docs/_site/assets/img/examples/browser-icon-firefox.png new file mode 100644 index 000000000..2af3cd856 Binary files /dev/null and b/docs/_site/assets/img/examples/browser-icon-firefox.png differ diff --git a/docs/_site/assets/img/examples/browser-icon-safari.png b/docs/_site/assets/img/examples/browser-icon-safari.png new file mode 100644 index 000000000..880e31daa Binary files /dev/null and b/docs/_site/assets/img/examples/browser-icon-safari.png differ diff --git a/docs/_site/assets/img/examples/slide-01.jpg b/docs/_site/assets/img/examples/slide-01.jpg new file mode 100644 index 000000000..bedab7d81 Binary files /dev/null and b/docs/_site/assets/img/examples/slide-01.jpg differ diff --git a/docs/_site/assets/img/examples/slide-02.jpg b/docs/_site/assets/img/examples/slide-02.jpg new file mode 100644 index 000000000..4ed12cc07 Binary files /dev/null and b/docs/_site/assets/img/examples/slide-02.jpg differ diff --git a/docs/_site/assets/img/examples/slide-03.jpg b/docs/_site/assets/img/examples/slide-03.jpg new file mode 100644 index 000000000..37415da3e Binary files /dev/null and b/docs/_site/assets/img/examples/slide-03.jpg differ diff --git a/docs/_site/assets/img/grid-baseline-20px.png b/docs/_site/assets/img/grid-baseline-20px.png new file mode 100644 index 000000000..ce8c69ca2 Binary files /dev/null and b/docs/_site/assets/img/grid-baseline-20px.png differ diff --git a/docs/_site/assets/js/README.md b/docs/_site/assets/js/README.md new file mode 100644 index 000000000..66903c71a --- /dev/null +++ b/docs/_site/assets/js/README.md @@ -0,0 +1,106 @@ +## 2.0 BOOTSTRAP JS PHILOSOPHY +These are the high-level design rules which guide the development of Bootstrap's plugin apis. + +--- + +### DATA-ATTRIBUTE API + +We believe you should be able to use all plugins provided by Bootstrap purely through the markup API without writing a single line of javascript. + +We acknowledge that this isn't always the most performant and sometimes it may be desirable to turn this functionality off altogether. Therefore, as of 2.0 we provide the ability to disable the data attribute API by unbinding all events on the body namespaced with `'data-api'`. This looks like this: + + $('body').off('.data-api') + +To target a specific plugin, just include the plugins name as a namespace along with the data-api namespace like this: + + $('body').off('.alert.data-api') + +--- + +### PROGRAMMATIC API + +We also believe you should be able to use all plugins provided by Bootstrap purely through the JS API. + +All public APIs should be single, chainable methods, and return the collection acted upon. + + $(".btn.danger").button("toggle").addClass("fat") + +All methods should accept an optional options object, a string which targets a particular method, or null which initiates the default behavior: + + $("#myModal").modal() // initialized with defaults + $("#myModal").modal({ keyboard: false }) // initialized with now keyboard + $("#myModal").modal('show') // initializes and invokes show immediately afterqwe2 + +--- + +### OPTIONS + +Options should be sparse and add universal value. We should pick the right defaults. + +All plugins should have a default object which can be modified to effect all instance's default options. The defaults object should be available via `$.fn.plugin.defaults`. + + $.fn.modal.defaults = { … } + +An options definition should take the following form: + + *noun*: *adjective* - describes or modifies a quality of an instance + +examples: + + backdrop: true + keyboard: false + placement: 'top' + +--- + +### EVENTS + +All events should have an infinitive and past participle form. The infinitive is fired just before an action takes place, the past participle on completion of the action. + + show | shown + hide | hidden + +--- + +### CONSTRUCTORS + +Each plugin should expose it's raw constructor on a `Constructor` property -- accessed in the following way: + + + $.fn.popover.Constructor + +--- + +### DATA ACCESSOR + +Each plugin stores a copy of the invoked class on an object. This class instance can be accessed directly through jQuery's data API like this: + + $('[rel=popover]').data('popover') instanceof $.fn.popover.Constructor + +--- + +### DATA ATTRIBUTES + +Data attributes should take the following form: + +- data-{{verb}}={{plugin}} - defines main interaction +- data-target || href^=# - defined on "control" element (if element controls an element other than self) +- data-{{noun}} - defines class instance options + +examples: + + // control other targets + data-toggle="modal" data-target="#foo" + data-toggle="collapse" data-target="#foo" data-parent="#bar" + + // defined on element they control + data-spy="scroll" + + data-dismiss="modal" + data-dismiss="alert" + + data-toggle="dropdown" + + data-toggle="button" + data-toggle="buttons-checkbox" + data-toggle="buttons-radio" \ No newline at end of file diff --git a/docs/_site/assets/js/application.js b/docs/_site/assets/js/application.js new file mode 100644 index 000000000..4b0b59618 --- /dev/null +++ b/docs/_site/assets/js/application.js @@ -0,0 +1,156 @@ +// NOTICE!! DO NOT USE ANY OF THIS JAVASCRIPT +// IT'S ALL JUST JUNK FOR OUR DOCS! +// ++++++++++++++++++++++++++++++++++++++++++ + +!function ($) { + + $(function(){ + + var $window = $(window) + + // Disable certain links in docs + $('section [href^=#]').click(function (e) { + e.preventDefault() + }) + + // side bar + setTimeout(function () { + $('.bs-docs-sidenav').affix({ + offset: { + top: function () { return $window.width() <= 980 ? 290 : 210 } + , bottom: 270 + } + }) + }, 100) + + // make code pretty + window.prettyPrint && prettyPrint() + + // add-ons + $('.add-on :checkbox').on('click', function () { + var $this = $(this) + , method = $this.attr('checked') ? 'addClass' : 'removeClass' + $(this).parents('.add-on')[method]('active') + }) + + // add tipsies to grid for scaffolding + if ($('#grid-system').length) { + $('#grid-system').tooltip({ + selector: '.show-grid > [class*="span"]' + , title: function () { return $(this).width() + 'px' } + }) + } + + // tooltip demo + $('.tooltip-demo').tooltip({ + selector: "a[data-toggle=tooltip]" + }) + + $('.tooltip-test').tooltip() + $('.popover-test').popover() + + // popover demo + $("a[data-toggle=popover]") + .popover() + .click(function(e) { + e.preventDefault() + }) + + // button state demo + $('#fat-btn') + .click(function () { + var btn = $(this) + btn.button('loading') + setTimeout(function () { + btn.button('reset') + }, 3000) + }) + + // carousel demo + $('.bs-docs-carousel-example').carousel() + + // javascript build logic + var inputsComponent = $("#components.download input") + , inputsPlugin = $("#plugins.download input") + , inputsVariables = $("#variables.download input") + + // toggle all plugin checkboxes + $('#components.download .toggle-all').on('click', function (e) { + e.preventDefault() + inputsComponent.attr('checked', !inputsComponent.is(':checked')) + }) + + $('#plugins.download .toggle-all').on('click', function (e) { + e.preventDefault() + inputsPlugin.attr('checked', !inputsPlugin.is(':checked')) + }) + + $('#variables.download .toggle-all').on('click', function (e) { + e.preventDefault() + inputsVariables.val('') + }) + + // request built javascript + $('.download-btn .btn').on('click', function () { + + var css = $("#components.download input:checked") + .map(function () { return this.value }) + .toArray() + , js = $("#plugins.download input:checked") + .map(function () { return this.value }) + .toArray() + , vars = {} + , img = ['glyphicons-halflings.png', 'glyphicons-halflings-white.png'] + + $("#variables.download input") + .each(function () { + $(this).val() && (vars[ $(this).prev().text() ] = $(this).val()) + }) + + $.ajax({ + type: 'POST' + , url: /\?dev/.test(window.location) ? 'http://localhost:3000' : 'http://bootstrap.herokuapp.com' + , dataType: 'jsonpi' + , params: { + js: js + , css: css + , vars: vars + , img: img + } + }) + }) + }) + +// Modified from the original jsonpi https://github.com/benvinegar/jquery-jsonpi +$.ajaxTransport('jsonpi', function(opts, originalOptions, jqXHR) { + var url = opts.url; + + return { + send: function(_, completeCallback) { + var name = 'jQuery_iframe_' + jQuery.now() + , iframe, form + + iframe = $(' + +
                                                                                      • + +
                                                                                        • + +
                                                                                      • + +
                                                                                        • +
                                                                                      +
                                                                                      + + +

                                                                                      Designed and built with all the love in the world by @mdo and @fat.

                                                                                      +

                                                                                      Code licensed under Apache License v2.0, documentation under CC BY 3.0.

                                                                                      +

                                                                                      Glyphicons Free licensed under CC BY 3.0.

                                                                                      + +
                                                                                      + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/_site/css.html b/docs/_site/css.html new file mode 100644 index 000000000..2af738834 --- /dev/null +++ b/docs/_site/css.html @@ -0,0 +1,2671 @@ + + + + + + + + + + + + CSS · Bootstrap + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
                                                                                      +
                                                                                      + + Bootstrap +
                                                                                      + +
                                                                                      +
                                                                                      +
                                                                                      + + + + +
                                                                                      +
                                                                                      +

                                                                                      CSS

                                                                                      +

                                                                                      Fundamental HTML elements styled and enhanced with extensible classes.

                                                                                      +
                                                                                      +
                                                                                      + + +
                                                                                      + + +
                                                                                      +
                                                                                      + +
                                                                                      +
                                                                                      + + + + +
                                                                                      +
                                                                                      +

                                                                                      Global settings

                                                                                      +
                                                                                      +

                                                                                      Get the lowdown on the key pieces of Bootstrap's infrastructure, including our approach to better, faster, stronger web development.

                                                                                      + +

                                                                                      Requires HTML5 doctype

                                                                                      +

                                                                                      Bootstrap makes use of certain HTML elements and CSS properties that require the use of the HTML5 doctype. Include it at the beginning of all your projects.

                                                                                      + +
                                                                                      + 
                                                                                      <!DOCTYPE html>
+<html lang="en">
+  ...
+</html>
                                                                                      +
                                                                                      + + +

                                                                                      Mobile first

                                                                                      +

                                                                                      With Bootstrap 2, we added optional mobile friendly styles for key aspects of the framework. With Bootstrap 3, we've rewritten the project to be mobile friendly from the start. Instead of adding on optional mobile styles, they're baked right into the core. In fact, Bootstrap is mobile first. Mobile first styles can be found throughout the entire library instead of in separate files.

                                                                                      +

                                                                                      To ensure proper rendering and touch zooming, add the viewport meta tag to your <head>.

                                                                                      + +
                                                                                      + 
                                                                                      <meta name="viewport" content="width=device-width, initial-scale=1.0">
                                                                                      +
                                                                                      + + +

                                                                                      Typography and links

                                                                                      +

                                                                                      Bootstrap sets basic global display, typography, and link styles. Specifically, we:

                                                                                      +
                                                                                        +
                                                                                      • Remove margin on the body
                                                                                        • +
                                                                                      • Set background-color: white; on the body
                                                                                        • +
                                                                                      • Use the @font-family-base, @font-size-base, and @line-height-base attributes as our typographic base
                                                                                        • +
                                                                                      • Set the global link color via @link-color and apply link underlines only on :hover
                                                                                        • +
                                                                                      +

                                                                                      These styles can be found within scaffolding.less.

                                                                                      + +

                                                                                      Normalize reset

                                                                                      +

                                                                                      For improved cross-browser rendering, we use Normalize, a project by Nicolas Gallagher and Jonathan Neal.

                                                                                      + +
                                                                                      + + + + + +
                                                                                      +
                                                                                      +

                                                                                      Typography

                                                                                      +
                                                                                      + + +

                                                                                      Headings

                                                                                      +

                                                                                      All HTML headings, <h1> through <h6> are available.

                                                                                      + +
                                                                                      +
                                                                  + + + + + + + + + + + + + + + + + + + + + + + + + + +

                                                                  Bootstrap heading

                                                                  		Semibold 38px

                                                                  Bootstrap heading

                                                                  		Semibold 32px

                                                                  Bootstrap heading

                                                                  		Semibold 24px

                                                                  Bootstrap heading

                                                                  		Semibold 18px
                                                                  Bootstrap heading
                                                                  		Semibold 16px
                                                                  Bootstrap heading
                                                                  		Semibold 12px
                                                                  +
                                                                  + + + +

                                                                  Body copy

                                                                  +

                                                                  Bootstrap's global default font-size is 14px, with a line-height of 20px. This is applied to the <body> and all paragraphs. In addition, <p> (paragraphs) receive a bottom margin of half their line-height (10px by default).

                                                                  +
                                                                  +

                                                                  Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.

                                                                  +

                                                                  Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec ullamcorper nulla non metus auctor fringilla.

                                                                  +

                                                                  Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

                                                                  +
                                                                  +
                                                                  + 
                                                                  <p>...</p>
                                                                  +
                                                                  + + + +

                                                                  Lead body copy

                                                                  +

                                                                  Make a paragraph stand out by adding .lead.

                                                                  +
                                                                  +

                                                                  Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.

                                                                  +
                                                                  +
                                                                  + 
                                                                  <p class="lead">...</p>
                                                                  +
                                                                  + + + +

                                                                  Built with Less

                                                                  +

                                                                  The typographic scale is based on two LESS variables in variables.less: @font-size-base and @line-height-base. The first is the base font-size used throughout and the second is the base line-height. We use those variables and some simple math to create the margins, paddings, and line-heights of all our type and more. Customize them and Bootstrap adapts.

                                                                  + + + +

                                                                  Emphasis

                                                                  +

                                                                  Make use of HTML's default emphasis tags with lightweight styles.

                                                                  + +

                                                                  Small text

                                                                  +

                                                                  For de-emphasizing inline or blocks of text, use the small tag.

                                                                  +
                                                                  +

                                                                  This line of text is meant to be treated as fine print.

                                                                  +
                                                                  +
                                                                  + 
                                                                  <small>This line of text is meant to be treated as fine print.</small>
                                                                  +
                                                                  + + + +

                                                                  Bold

                                                                  +

                                                                  For emphasizing a snippet of text with a heavier font-weight.

                                                                  +
                                                                  +

                                                                  The following snippet of text is rendered as bold text.

                                                                  +
                                                                  +
                                                                  + 
                                                                  <strong>rendered as bold text</strong>
                                                                  +
                                                                  + + +

                                                                  Italics

                                                                  +

                                                                  For emphasizing a snippet of text with italics.

                                                                  +
                                                                  +

                                                                  The following snippet of text is rendered as italicized text.

                                                                  +
                                                                  +
                                                                  + 
                                                                  <em>rendered as italicized text</em>
                                                                  +
                                                                  + + +

                                                                  Feel free to use <b> and <i> in HTML5. <b> is meant to highlight words or phrases without conveying additional importance while <i> is mostly for voice, technical terms, etc.

                                                                  + +

                                                                  Alignment classes

                                                                  +

                                                                  Easily realign text to components with text alignment classes.

                                                                  +
                                                                  +

                                                                  Left aligned text.

                                                                  +

                                                                  Center aligned text.

                                                                  +

                                                                  Right aligned text.

                                                                  +
                                                                  +
                                                                  + 
                                                                  <p class="text-left">Left aligned text.</p>
+<p class="text-center">Center aligned text.</p>
+<p class="text-right">Right aligned text.</p>
                                                                  +
                                                                  + + +

                                                                  Emphasis classes

                                                                  +

                                                                  Convey meaning through color with a handful of emphasis utility classes.

                                                                  +
                                                                  +

                                                                  Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.

                                                                  +

                                                                  Etiam porta sem malesuada magna mollis euismod.

                                                                  +

                                                                  Donec ullamcorper nulla non metus auctor fringilla.

                                                                  +

                                                                  Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

                                                                  +
                                                                  +
                                                                  + 
                                                                  <p class="muted">...</p>
+<p class="text-warning">...</p>
+<p class="text-error">...</p>
+<p class="text-success">...</p>
                                                                  +
                                                                  + + + + +

                                                                  Abbreviations

                                                                  +

                                                                  Stylized implementation of HTML's <abbr> element for abbreviations and acronyms to show the expanded version on hover. Abbreviations with a title attribute have a light dotted bottom border and a help cursor on hover, providing additional context on hover.

                                                                  + +

                                                                  Basic abbreviation

                                                                  +

                                                                  For expanded text on long hover of an abbreviation, include the title attribute with the <abbr> element.

                                                                  +
                                                                  +

                                                                  An abbreviation of the word attribute is attr.

                                                                  +
                                                                  +
                                                                  + 
                                                                  <abbr title="attribute">attr</abbr>
                                                                  +
                                                                  + + +

                                                                  Initialism

                                                                  +

                                                                  Add .initialism to an abbreviation for a slightly smaller font-size.

                                                                  +
                                                                  +

                                                                  HTML is the best thing since sliced bread.

                                                                  +
                                                                  +
                                                                  + 
                                                                  <abbr title="HyperText Markup Language" class="initialism">HTML</abbr>
                                                                  +
                                                                  + + + + +

                                                                  Addresses

                                                                  +

                                                                  Present contact information for the nearest ancestor or the entire body of work. Preserve formatting by ending all lines with <br>.

                                                                  +
                                                                  +
                                                                  + Twitter, Inc.
                                                                  + 795 Folsom Ave, Suite 600
                                                                  + San Francisco, CA 94107
                                                                  + P: (123) 456-7890 +
                                                                  +
                                                                  + Full Name
                                                                  + first.last@example.com +
                                                                  +
                                                                  +
                                                                  + 
                                                                  <address>
+  <strong>Twitter, Inc.</strong><br>
+  795 Folsom Ave, Suite 600<br>
+  San Francisco, CA 94107<br>
+  <abbr title="Phone">P:</abbr> (123) 456-7890
+</address>
+
+<address>
+  <strong>Full Name</strong><br>
+  <a href="mailto:#">first.last@example.com</a>
+</address>
                                                                  +
                                                                  + + + + +

                                                                  Blockquotes

                                                                  +

                                                                  For quoting blocks of content from another source within your document.

                                                                  + +

                                                                  Default blockquote

                                                                  +

                                                                  Wrap <blockquote> around any HTML as the quote. For straight quotes we recommend a <p>.

                                                                  +
                                                                  +
                                                                  +

                                                                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

                                                                  +
                                                                  +
                                                                  +
                                                                  + 
                                                                  <blockquote>
+  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
+</blockquote>
                                                                  +
                                                                  + + +

                                                                  Blockquote options

                                                                  +

                                                                  Style and content changes for simple variations on a standard blockquote.

                                                                  + +

                                                                  Naming a source

                                                                  +

                                                                  Add <small> tag for identifying the source. Wrap the name of the source work in <cite>.

                                                                  +
                                                                  +
                                                                  +

                                                                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

                                                                  + Someone famous in Source Title +
                                                                  +
                                                                  +
                                                                  + 
                                                                  <blockquote>
+  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
+  <small>Someone famous <cite title="Source Title">Source Title</cite></small>
+</blockquote>
                                                                  +
                                                                  + + +

                                                                  Alternate displays

                                                                  +

                                                                  Use .pull-right for a floated, right-aligned blockquote.

                                                                  +
                                                                  +
                                                                  +

                                                                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

                                                                  + Someone famous in Source Title +
                                                                  +
                                                                  +
                                                                  + 
                                                                  <blockquote class="pull-right">
+  ...
+</blockquote>
                                                                  +
                                                                  + + + + +

                                                                  Lists

                                                                  + +

                                                                  Unordered

                                                                  +

                                                                  A list of items in which the order does not explicitly matter.

                                                                  +
                                                                  +
                                                                    +
                                                                  • Lorem ipsum dolor sit amet
                                                                    • +
                                                                  • Consectetur adipiscing elit
                                                                    • +
                                                                  • Integer molestie lorem at massa
                                                                    • +
                                                                  • Facilisis in pretium nisl aliquet
                                                                    • +
                                                                  • Nulla volutpat aliquam velit +
                                                                      +
                                                                    • Phasellus iaculis neque
                                                                      • +
                                                                    • Purus sodales ultricies
                                                                      • +
                                                                    • Vestibulum laoreet porttitor sem
                                                                      • +
                                                                    • Ac tristique libero volutpat at
                                                                      • +
                                                                    +
                                                                    • +
                                                                  • Faucibus porta lacus fringilla vel
                                                                    • +
                                                                  • Aenean sit amet erat nunc
                                                                    • +
                                                                  • Eget porttitor lorem
                                                                    • +
                                                                  +
                                                                  +
                                                                  + 
                                                                  <ul>
+  <li>...</li>
+</ul>
                                                                  +
                                                                  + + +

                                                                  Ordered

                                                                  +

                                                                  A list of items in which the order does explicitly matter.

                                                                  +
                                                                  +
                                                                    +
                                                                  1. Lorem ipsum dolor sit amet
                                                                    2. +
                                                                  2. Consectetur adipiscing elit
                                                                    3. +
                                                                  3. Integer molestie lorem at massa
                                                                    4. +
                                                                  4. Facilisis in pretium nisl aliquet
                                                                    5. +
                                                                  5. Nulla volutpat aliquam velit
                                                                    6. +
                                                                  6. Faucibus porta lacus fringilla vel
                                                                    7. +
                                                                  7. Aenean sit amet erat nunc
                                                                    8. +
                                                                  8. Eget porttitor lorem
                                                                    9. +
                                                                  +
                                                                  +
                                                                  + 
                                                                  <ol>
+  <li>...</li>
+</ol>
                                                                  +
                                                                  + + +

                                                                  Unstyled

                                                                  +

                                                                  Remove the default list-style and left padding on list items (immediate children only).

                                                                  +
                                                                  +
                                                                    +
                                                                  • Lorem ipsum dolor sit amet
                                                                    • +
                                                                  • Consectetur adipiscing elit
                                                                    • +
                                                                  • Integer molestie lorem at massa
                                                                    • +
                                                                  • Facilisis in pretium nisl aliquet
                                                                    • +
                                                                  • Nulla volutpat aliquam velit +
                                                                      +
                                                                    • Phasellus iaculis neque
                                                                      • +
                                                                    • Purus sodales ultricies
                                                                      • +
                                                                    • Vestibulum laoreet porttitor sem
                                                                      • +
                                                                    • Ac tristique libero volutpat at
                                                                      • +
                                                                    +
                                                                    • +
                                                                  • Faucibus porta lacus fringilla vel
                                                                    • +
                                                                  • Aenean sit amet erat nunc
                                                                    • +
                                                                  • Eget porttitor lorem
                                                                    • +
                                                                  +
                                                                  +
                                                                  + 
                                                                  <ul class="list-unstyled">
+  <li>...</li>
+</ul>
                                                                  +
                                                                  + + +

                                                                  Inline

                                                                  +

                                                                  Place all list items on a single line with inline-block and some light padding.

                                                                  +
                                                                  +
                                                                    +
                                                                  • Lorem ipsum
                                                                    • +
                                                                  • Phasellus iaculis
                                                                    • +
                                                                  • Nulla volutpat
                                                                    • +
                                                                  +
                                                                  +
                                                                  + 
                                                                  <ul class="list-inline">
+  <li>...</li>
+</ul>
                                                                  +
                                                                  + + +

                                                                  Description

                                                                  +

                                                                  A list of terms with their associated descriptions.

                                                                  +
                                                                  +
                                                                  +
                                                                  Description lists
                                                                  +
                                                                  A description list is perfect for defining terms.
                                                                  +
                                                                  Euismod
                                                                  +
                                                                  Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
                                                                  +
                                                                  Donec id elit non mi porta gravida at eget metus.
                                                                  +
                                                                  Malesuada porta
                                                                  +
                                                                  Etiam porta sem malesuada magna mollis euismod.
                                                                  +
                                                                  +
                                                                  +
                                                                  + 
                                                                  <dl>
+  <dt>...</dt>
+  <dd>...</dd>
+</dl>
                                                                  +
                                                                  + + +

                                                                  Horizontal description

                                                                  +

                                                                  Make terms and descriptions in <dl> line up side-by-side.

                                                                  +
                                                                  +
                                                                  +
                                                                  Description lists
                                                                  +
                                                                  A description list is perfect for defining terms.
                                                                  +
                                                                  Euismod
                                                                  +
                                                                  Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
                                                                  +
                                                                  Donec id elit non mi porta gravida at eget metus.
                                                                  +
                                                                  Malesuada porta
                                                                  +
                                                                  Etiam porta sem malesuada magna mollis euismod.
                                                                  +
                                                                  Felis euismod semper eget lacinia
                                                                  +
                                                                  Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
                                                                  +
                                                                  +
                                                                  +
                                                                  + 
                                                                  <dl class="dl-horizontal">
+  <dt>...</dt>
+  <dd>...</dd>
+</dl>
                                                                  +
                                                                  + + +
                                                                  Auto-truncating
                                                                  +

                                                                  + Horizontal description lists will truncate terms that are too long to fit in the left column fix text-overflow. In narrower viewports, they will change to the default stacked layout. +

                                                                  +
                        + + + + +
                        +
                        +

                        Grid system

                        +
                        +

                        Bootstrap includes a responsive, percent-based grid system that appropriately scales up to 12 columns as the device or viewport size increases—in other words, it's mobile first. It includes predefined classes for this, as well as powerful mixins for generating semantic layouts.

                        + +

                        Grid example

                        +

                        On mobile devices, the grid starts out stacked. Above 768px, it becomes horizontal as media queries kick in to apply floats and widths. To create a basic grid layout, wrap a series of .span* elements within a .row. As this is a 12-column grid, each .span* spans a number of those 12 columns, and should always add up to 12 for each row (or the number of columns in the parent), even at mobile resolutions.

                        +
                        +
                        +
                        1
                        +
                        1
                        +
                        1
                        +
                        1
                        +
                        1
                        +
                        1
                        +
                        1
                        +
                        1
                        +
                        1
                        +
                        1
                        +
                        1
                        +
                        1
                        +
                        +
                        +
                        4
                        +
                        4
                        +
                        4
                        +
                        +
                        +
                        6
                        +
                        6
                        +
                        +
                        +
                        + 
                        <div class="row">
+  <div class="span1">1</div>
+  <div class="span1">1</div>
+  <div class="span1">1</div>
+  <div class="span1">1</div>
+  <div class="span1">1</div>
+  <div class="span1">1</div>
+  <div class="span1">1</div>
+  <div class="span1">1</div>
+  <div class="span1">1</div>
+  <div class="span1">1</div>
+  <div class="span1">1</div>
+  <div class="span1">1</div>
+</div>
+<div class="row">
+  <div class="span4">4</div>
+  <div class="span4">4</div>
+  <div class="span4">4</div>
+</div>
+<div class="row">
+  <div class="span6">6</div>
+  <div class="span6">6</div>
+</div>
                        +
                        + + +

                        Offsetting columns

                        +

                        Move columns to the right using .offset* classes. Each class increases the left margin of a column by a whole column. For example, .offset4 moves .span4 over four columns.

                        +
                        +
                        +
                        4
                        +
                        4 offset 4
                        +
                        +
                        +
                        3 offset 3
                        +
                        3 offset 3
                        +
                        +
                        +
                        6 offset 6
                        +
                        +
                        +
                        + 
                        <div class="row">
+  <div class="span4">...</div>
+  <div class="span4 offset4">...</div>
+</div>
                        +
                        + + + +

                        Nesting columns

                        +

                        To nest your content with the default grid, add a new .row and set of .span* columns within an existing .span* column. Nested rows should include a set of columns that add up to 12.

                        +
                        +
                        + Level 1: 9 columns +
                        +
                        + Level 2: 6 columns +
                        +
                        + Level 2: 6 columns +
                        +
                        +
                        +
                        +
                        + 
                        <div class="row">
+  <div class="span9">
+    Level 1: 9 columns
+    <div class="row">
+      <div class="span6">
+        Level 2: 6 columns
+      </div>
+      <div class="span6">
+        Level 2: 6 columns
+      </div>
+    </div>
+  </div>
+</div>
                        +
                        + + +

                        Column ordering

                        +

                        Easily change the order of our built-in grid columns with .push* and .pull* modifier classes.

                        +
                        +
                        9
                        +
                        3
                        +
                        + +
                        + 
                        <div class="row show-grid">
+  <div class="span9 push3">9</div>
+  <div class="span3 pull9">3</div>
+</div>
                        +
                        + + +

                        LESS mixins and variables

                        +

                        In addition to prebuilt grid classes for fast layouts, Bootstrap includes LESS variables and mixins for quickly generating your own simple, semantic layouts.

                        + +

                        Variables

                        +

                        Variables determine the number of columns, the gutter width, and the media query point at which to begin floating columns. We use these to generate the predefined grid classes documented above, as well as for the custom mixins listed below.

                        +
                        + 
                        @grid-columns:              12;
+@grid-gutter-width:         30px;
+@grid-float-breakpoint:     768px;
                        +
                        + + +

                        Mixins

                        +

                        Mixins are used in conjunction with the grid variables to generate semantic CSS for individual grid columns.

                        +
                        + 
                        // Creates a wrapper for a series of columns
+.make-row() {
+  // Negative margin the row out to align the content of columns
+  margin-left:  (@grid-gutter-width / -2);
+  margin-right: (@grid-gutter-width / -2);
+  // Then clear the floated columns
+  .clear_float();
+}
+
+// Generate the columns
+.make-column(@columns) {
+  @media (min-width: @grid-float-breakpoint) {
+    float: left;
+    // Calculate width based on number of columns available
+    width: percentage(@columns / @grid-columns);
+  }
+  // Prevent columns from collapsing when empty
+  min-height: 1px;
+  // Set inner padding as gutters instead of margin
+  padding-left:  (@grid-gutter-width / 2);
+  padding-right: (@grid-gutter-width / 2);
+}
+
+// Generate the column offsets
+.make-column-offset(@columns) {
+  @media (min-width: @grid-float-breakpoint) {
+    margin-left: percentage((@columns / @grid-columns));
+  }
+}
                        +
                        + + +

                        Example usage

                        +

                        You can modify the variables to your own custom values, or just use the mixins with their default values. Here's an example of using the default settings to create a two-column layout with a gap between.

                        +
                        + 
                        .wrapper {
+  .make-row();
+}
+.content-main {
+  .make-column(8);
+}
+.content-secondary {
+  .make-column(3);
+  .make-column-offset(1);
+}
                        +
                        + +
                        + 
                        <div class="wrapper">
+  <div class="content-main">...</div>
+  <div class="content-secondary">...</div>
+</div>
                        +
                        + + + + +
                        + + + + + + +
                        +
                        +

                        Code

                        +
                        + +

                        Inline

                        +

                        Wrap inline snippets of code with <code>.

                        +
                        + For example, <section> should be wrapped as inline. +
                        +
                        + 
                        For example, <code>&lt;section&gt;</code> should be wrapped as inline.
                        +
                        + + +

                        Basic block

                        +

                        Use <pre> for multiple lines of code. Be sure to escape any angle brackets in the code for proper rendering.

                        +
                        + 
                        <p>Sample text here...</p>
                        +
                        +
                        + 
                        <pre>&lt;p&gt;Sample text here...&lt;/p&gt;</pre>
                        +
                        + + +

                        You may optionally add the .pre-scrollable class which will set a max-height of 350px and provide a y-axis scrollbar.

                        +
                        + + + + +
                        +
                        +

                        Tables

                        +
                        + +

                        Default styles

                        +

                        For basic styling—light padding and only horizontal dividers—add the base class .table to any <table>. It may seem super redundant, but given the widespread use of tables for other plugins like calendars and date pickers, we've opted to isolate our custom table styles.

                        +
                        + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
                        #First NameLast NameUsername
                        1MarkOtto@mdo
                        2JacobThornton@fat
                        3Larrythe Bird@twitter
                        +
                        +
                        + 
                        <table class="table">
+  ...
+</table>
                        +
                        + + + +

                        Optional classes

                        +

                        Add any of the following classes to the .table base class.

                        + +

                        Striped

                        +

                        Use .table-striped to add zebra-striping to any table row within the <tbody> via the :nth-child CSS selector (not available in IE8).

                        +
                        + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
                        #First NameLast NameUsername
                        1MarkOtto@mdo
                        2JacobThornton@fat
                        3Larrythe Bird@twitter
                        +
                        +
                        + 
                        <table class="table table-striped">
+  ...
+</table>
                        +
                        + + +

                        Bordered

                        +

                        Add .table-bordered for borders and rounded corners.

                        +
                        + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
                        #First NameLast NameUsername
                        1MarkOtto@mdo
                        MarkOtto@TwBootstrap
                        2JacobThornton@fat
                        3Larry the Bird@twitter
                        +
                        +
                        + 
                        <table class="table table-bordered">
+  ...
+</table>
                        +
                        + + +

                        Hover rows

                        +

                        Add .table-hover to enable a hover state on table rows within a <tbody>.

                        +
                        + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
                        #First NameLast NameUsername
                        1MarkOtto@mdo
                        2JacobThornton@fat
                        3Larry the Bird@twitter
                        +
                        +
                        + 
                        <table class="table table-hover">
+  ...
+</table>
                        +
                        + + + +

                        Condensed

                        +

                        Add .table-condensed to make tables more compact by cutting cell padding in half.

                        +
                        + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
                        #First NameLast NameUsername
                        1MarkOtto@mdo
                        2JacobThornton@fat
                        3Larry the Bird@twitter
                        +
                        +
                        + 
                        <table class="table table-condensed">
+  ...
+</table>
                        +
                        + + + + +

                        Optional row classes

                        +

                        Use contextual classes to color table rows.

                        + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
                        ClassDescription
                        + .success + Indicates a successful or positive action.
                        + .error + Indicates a dangerous or potentially negative action.
                        + .warning + Indicates a warning that might need attention.
                        + .info + Used as an alternative to the default styles.
                        +
                        + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
                        #ProductPayment TakenStatus
                        1TB - Monthly01/04/2012Approved
                        2TB - Monthly02/04/2012Declined
                        3TB - Monthly03/04/2012Pending
                        +
                        +
                        + 
                        ...
+<tr class="success">
+  <td>1</td>
+  <td>TB - Monthly</td>
+  <td>01/04/2012</td>
+  <td>Approved</td>
+</tr>
+...
                        +
                        + + + + +

                        Supported table markup

                        +

                        List of supported table HTML elements and how they should be used.

                        + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
                        TagDescription
                        + <table> + + Wrapping element for displaying data in a tabular format +
                        + <thead> + + Container element for table header rows (<tr>) to label table columns +
                        + <tbody> + + Container element for table rows (<tr>) in the body of the table +
                        + <tr> + + Container element for a set of table cells (<td> or <th>) that appears on a single row +
                        + <td> + + Default table cell +
                        + <th> + + Special table cell for column (or row, depending on scope and placement) labels +
                        + <caption> + + Description or summary of what the table holds, especially useful for screen readers +
                        +
                        + 
                        <table>
+  <caption>...</caption>
+  <thead>
+    <tr>
+      <th>...</th>
+      <th>...</th>
+      <th>...</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td>...</td>
+      <td>...</td>
+      <td>...</td>
+    </tr>
+  </tbody>
+</table>
                        +
                        + + +
                        + + + + +
                        +
                        +

                        Forms

                        +
                        + +

                        Default styles

                        +

                        Individual form controls automatically receive some global styling. By default, inputs are set to width: 100%;.

                        + +
                        + Legend + + +

                        Example block-level help text here.

                        +
                        + +
                        + +
                        + +
                        + 
                        <form>
+  <fieldset>
+    <legend>Legend</legend>
+    <label>Label name</label>
+    <input type="text" placeholder="Type something…">
+    <p class="help-block">Example block-level help text here.</p>
+    <div class="checkbox">
+      <label>
+        <input type="checkbox"> Check me out
+      </label>
+    </div>
+    <button type="submit" class="btn">Submit</button>
+  </fieldset>
+</form>
                        +
                        + + + +

                        Optional layouts

                        +

                        Included with Bootstrap are optional form layouts for common use cases.

                        + +

                        Inline form

                        +

                        Add .form-inline for left-aligned labels and inline-block controls for a compact layout.

                        +
                        + + +
                        + +
                        + +
                        +
                        + 
                        <form class="form-inline">
+  <input type="text" class="span3" placeholder="Email">
+  <input type="password" class="span3" placeholder="Password">
+  <div class="checkbox">
+    <label>
+      <input type="checkbox"> Remember me
+    </label>
+  </div>
+  <button type="submit" class="btn">Sign in</button>
+</form>
                        +
                        + + +

                        Horizontal form

                        +

                        Right align labels and float them to the left to make them appear on the same line as controls. Requires the most markup changes from a default form:

                        +
                          +
                        • Add .form-horizontal to the form
                          • +
                        • Wrap labels and controls in .control-group
                          • +
                        • Add .control-label to the label
                          • +
                        • Wrap any associated controls in .controls for proper alignment
                          • +
                        +
                        +
                        + +
                        + +
                        +
                        +
                        + +
                        + +
                        + +
                        +
                        +
                        +
                        +
                        + +
                        +
                        +
                        +
                        + 
                        <form class="form-horizontal">
+  <div class="control-group">
+    <label class="control-label" for="inputEmail">Email</label>
+    <div class="controls">
+      <input type="text" id="inputEmail" placeholder="Email">
+    </div>
+  </div>
+  <div class="control-group">
+    <label class="control-label" for="inputPassword">Password</label>
+    <div class="controls">
+      <input type="password" id="inputPassword" placeholder="Password">
+      <div class="checkbox">
+        <label>
+          <input type="checkbox"> Remember me
+        </label>
+      </div>
+    </div>
+  </div>
+  <div class="control-group">
+    <div class="controls">
+      <button type="submit" class="btn">Sign in</button>
+    </div>
+  </div>
+</form>
                        +
                        + + + +

                        Supported form controls

                        +

                        Examples of standard form controls supported in an example form layout.

                        + +

                        Inputs

                        +

                        Most common form control, text-based input fields. Includes support for all HTML5 types: text, password, datetime, datetime-local, date, month, time, week, number, email, url, search, tel, and color.

                        +

                        Requires the use of a specified type at all times.

                        +
                        + +
                        +
                        + 
                        <input type="text" placeholder="Text input">
                        +
                        + + +

                        Textarea

                        +

                        Form control which supports multiple lines of text. Change rows attribute as necessary.

                        +
                        + +
                        +
                        + 
                        <textarea rows="3"></textarea>
                        +
                        + + +

                        Checkboxes and radios

                        +

                        Checkboxes are for selecting one or several options in a list while radios are for selecting one option from many.

                        +

                        Default (stacked)

                        +
                        +
                        + +
                        +
                        +
                        + +
                        +
                        + +
                        +
                        +
                        + 
                        <div class="checkbox">
+  <label>
+    <input type="checkbox" value="">
+    Option one is this and that&mdash;be sure to include why it's great
+  </label>
+</div>
+
+<div class="radio">
+  <label>
+    <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
+    Option one is this and that&mdash;be sure to include why it's great
+  </label>
+</div>
                        +
                        + + +

                        Inline checkboxes

                        +

                        Use .checkbox-inline or .radio-inline class to a series of checkboxes or radios for controls appear on the same line.

                        +
                        + + + +
                        +
                        + 
                        <label class="checkbox-inline">
+  <input type="checkbox" id="inlineCheckbox1" value="option1"> 1
+</label>
+<label class="checkbox-inline">
+  <input type="checkbox" id="inlineCheckbox2" value="option2"> 2
+</label>
+<label class="checkbox-inline">
+  <input type="checkbox" id="inlineCheckbox3" value="option3"> 3
+</label>
                        +
                        + + +

                        Selects

                        +

                        Use the default option or specify a multiple="multiple" to show multiple options at once.

                        +
                        + +
                        + +
                        +
                        + 
                        <select>
+  <option>1</option>
+  <option>2</option>
+  <option>3</option>
+  <option>4</option>
+  <option>5</option>
+</select>
+
+<select multiple="multiple">
+  <option>1</option>
+  <option>2</option>
+  <option>3</option>
+  <option>4</option>
+  <option>5</option>
+</select>
                        +
                        + + + + +

                        Form control states

                        +

                        Provide feedback to users or visitors with basic feedback states on form controls and labels.

                        + +

                        Input focus

                        +

                        We remove the default outline styles on some form controls and apply a box-shadow in its place for :focus.

                        +
                        + +
                        +
                        + 
                        <input id="focusedInput" type="text" value="This is focused...">
                        +
                        + + +

                        Invalid inputs

                        +

                        Style inputs via default browser functionality with :invalid. Specify a type, add the required attribute if the field is not optional, and (if applicable) specify a pattern.

                        +

                        This is not available in versions of Internet Explorer 7-9 due to lack of support for CSS pseudo selectors.

                        +
                        + +
                        +
                        + 
                        <input class="span3" type="email" placeholder="test@example.com" required>
                        +
                        + + +

                        Disabled inputs

                        +

                        Add the disabled attribute on an input to prevent user input and trigger a slightly different look.

                        +
                        + +
                        +
                        + 
                        <input id="disabledInput" type="text" placeholder="Disabled input here..." disabled>
                        +
                        + + +

                        Disabled fieldsets

                        +

                        Add the disabled attribute to a <fieldset> to disable all the controls within the <fieldset> at once. Link buttons (with the <a> element) will be aesthetically disabled, but you will need custom JavaScript to disable their behavior.

                        +
                        +
                        +
                        + +
                        +
                        + +
                        +
                        + +
                        + +
                        +
                        +
                        + 
                        <form class="form-inline">
+  <fieldset disabled>
+    <div>
+      <input type="text" class="span4" placeholder="Disabled input">
+    </div>
+    <div>
+      <select class="span4">
+        <option>Disabled select</option>
+      </select>
+    </div>
+    <div class="checkbox">
+      <label>
+        <input type="checkbox"> Can't check this
+      </label>
+    </div>
+    <button type="submit" class="btn btn-primary">Submit</button>
+  </fieldset>
+</form>
                        +
                        + + +

                        Validation states

                        +

                        Bootstrap includes validation styles for error, warning, info, and success messages. To use:

                        +
                          +
                        • Add .has-warning, .has-error, or .has-success to the parent element
                          • +
                        • Add .input-with-feedback to the field(s) in question
                          • +
                        +

                        Validation styles are applied on a per-input basis. With horizontal forms, the <label class="control-label"> will always be styled.

                        + +
                        +
                        + +
                        + +
                        +
                        +
                        + +
                        + +
                        +
                        +
                        + +
                        + +
                        +
                        +
                        +
                        + 
                        <div class="control-group has-warning">
+  <label class="control-label" for="inputWarning">Input with warning</label>
+  <div class="controls">
+    <input type="text" class="input-with-feedback" id="inputWarning">
+  </div>
+</div>
+<div class="control-group has-error">
+  <label class="control-label" for="inputError">Input with error</label>
+  <div class="controls">
+    <input type="text" class="input-with-feedback" id="inputError">
+  </div>
+</div>
+<div class="control-group has-success">
+  <label class="control-label" for="inputSuccess">Input with success</label>
+  <div class="controls">
+    <input type="text" class="input-with-feedback" id="inputSuccess">
+  </div>
+</div>
                        +
                        + + + + +

                        Extending form controls

                        +

                        Adding on top of existing browser controls, Bootstrap includes other useful form components.

                        + +

                        Input groups

                        +

                        Add text or buttons before, after, or on both sides of any text-based input. Use .input-group with a .add-on to prepend or append elements to an <input>.

                        +

                        Avoid using <select> elements here as they cannot be fully styled in WebKit browsers.

                        +
                        +
                        + @ + +
                        +
                        +
                        + + .00 +
                        +
                        +
                        + $ + + .00 +
                        +
                        +
                        + 
                        <div class="input-group span9">
+  <span class="input-group-addon">@</span>
+  <input type="text" placeholder="Username">
+</div>
+
+<div class="input-group span6">
+  <input type="text">
+  <span class="input-group-addon">.00</span>
+</div>
+
+<div class="input-group span3">
+  <span class="input-group-addon">$</span>
+  <input type="text">
+  <span class="input-group-addon">.00</span>
+</div>
                        +
                        + + +

                        Optional sizes

                        +

                        Add the relative form sizing classes to the `.input-group-addon`.

                        +
                        +
                        + @ + +
                        +
                        +
                        + @ + +
                        +
                        +
                        + @ + +
                        +
                        +
                        + 
                        <div class="input-group span9">
+  <span class="input-group-addon input-large">@</span>
+  <input type="text" class="input-large" placeholder="Username">
+</div>
+
+<div class="input-group span9">
+  <span class="input-group-addon">@</span>
+  <input type="text" placeholder="Username">
+</div>
+
+<div class="input-group span9">
+  <span class="input-group-addon input-small">@</span>
+  <input type="text" class="input-small" placeholder="Username">
+</div>
                        +
                        + + +

                        Buttons instead of text

                        +

                        Buttons in input groups are a bit different and require one extra level of nesting. Instead of .input-group-addon, you'll need to use .input-group-btn to wrap the buttons. This is required due to default browser styles that cannot be overridden.

                        +
                        +
                        + + + + +
                        +
                        +
                        + + + + +
                        +
                        +
                        + 
                        <div class="input-group span7">
+  <span class="input-group-btn">
+    <button class="btn" type="button">Go!</button>
+  </span>
+  <input type="text">
+</div>
+
+<div class="input-group span7">
+  <input type="text">
+  <span class="input-group-btn">
+    <button class="btn" type="button">Go!</button>
+  </span>
+</div>
                        +
                        + + +

                        Button dropdowns

                        +

                        +
                        +
                        +
                        + + +
                        + +
                        +
                        +
                        + +
                        + + +
                        +
                        +
                        +
                        + 
                        <div class="input-group span7">
+  <div class="input-group-btn">
+    <button class="btn dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></button>
+    <ul class="dropdown-menu">
+      <li><a href="#">Action</a></li>
+      <li><a href="#">Another action</a></li>
+      <li><a href="#">Something else here</a></li>
+      <li class="divider"></li>
+      <li><a href="#">Separated link</a></li>
+    </ul>
+  </div><!-- /btn-group -->
+  <input type="text">
+</div><!-- /input-group -->
+
+<div class="input-group span7">
+  <input type="text">
+  <div class="input-group-btn">
+    <button class="btn dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></button>
+    <ul class="dropdown-menu">
+      <li><a href="#">Action</a></li>
+      <li><a href="#">Another action</a></li>
+      <li><a href="#">Something else here</a></li>
+      <li class="divider"></li>
+      <li><a href="#">Separated link</a></li>
+    </ul>
+  </div><!-- /btn-group -->
+</div><!-- /input-group -->
                        +
                        + + +

                        Segmented dropdown groups

                        +
                        +
                        +
                        + + + +
                        + +
                        + +
                        + +
                        + +
                        + + + +
                        +
                        +
                        +
                        + 
                        <div class="input-group span7">
+  <div class="input-group-btn">
+    <!-- Button and dropdown menu -->
+  </div>
+  <input type="text">
+</div>
+
+<div class="input-group span7">
+  <input type="text">
+  <div class="input-group-btn btn-group">
+    <!-- Button and dropdown menu -->
+  </div>
+</div>
                        +
                        + + +

                        Control sizing

                        +

                        Use relative sizing classes like .input-large or match your inputs to the grid column sizes using .span* classes.

                        + +

                        Relative sizing

                        +

                        Create larger or smaller form controls that match button sizes.

                        +
                        +
                        + + + +
                        +
                        +
                        + 
                        <input class="input-large" type="text" placeholder=".input-large">
+<input type="text" placeholder="Default input">
+<input class="input-small" type="text" placeholder=".input-small">
                        +
                        + + +

                        Column sizing

                        +

                        Use .span1 to .span12 for setting widths on inputs that match Bootstrap's grid system.

                        +
                        +
                        + + + + + + +
                        +
                        +
                        + 
                        <input class="span1" type="text" placeholder=".span1">
+<input class="span2" type="text" placeholder=".span2">
+<input class="span3" type="text" placeholder=".span3">
+<select class="span1">
+  ...
+</select>
+<select class="span2">
+  ...
+</select>
+<select class="span3">
+  ...
+</select>
                        +
                        + + +

                        If you need multiple inputs on the same line, wrap them in the standard grid markup (with .row and .span* classes). Each input should have it's own column and will expand to fill the available width automatically.

                        +
                        +
                        +
                        + +
                        +
                        + +
                        +
                        + +
                        +
                        +
                        +
                        + 
                        <div class="row">
+  <div class="span4">
+    <input type="text" placeholder=".span4">
+  </div>
+  <div class="span4">
+    <input type="text" placeholder=".span4">
+  </div>
+  <div class="span4">
+    <input type="text" placeholder=".span4">
+  </div>
+</div>
                        +
                        + + +

                        Uneditable inputs

                        +

                        Present data in a form that's not editable without using actual form markup.

                        +
                        + Some value here +
                        +
                        + 
                        <span class="uneditable-input">Some value here</span>
                        +
                        + + +

                        Form actions

                        +

                        End a form with a group of actions (buttons). When placed within a .form-horizontal, the buttons will automatically indent to line up with the form controls.

                        +
                        +
                        + + +
                        +
                        +
                        + 
                        <div class="form-actions">
+  <button type="submit" class="btn btn-primary">Save changes</button>
+  <button type="button" class="btn">Cancel</button>
+</div>
                        +
                        + + +

                        Help text

                        +

                        Inline and block level support for help text that appears around form controls.

                        +

                        Inline help

                        +
                        + Inline help text +
                        +
                        + 
                        <input type="text">
+<span class="help-inline">Inline help text</span>
                        +
                        + + +

                        Block help

                        +
                        + + A longer block of help text that breaks onto a new line and may extend beyond one line. +
                        +
                        + 
                        <input type="text">
+<span class="help-block">A longer block of help text that breaks onto a new line and may extend beyond one line.</span>
                        +
                        + + +
                        + + + + +
                        +
                        +

                        Buttons

                        +
                        + +

                        Default buttons

                        +

                        Button styles can be applied to anything with the .btn class applied. However, typically you'll want to apply these to only <a> and <button> elements for the best rendering.

                        +
                        + + + + + + + +
                        +
                        + 
                        <!-- Standard gray button with gradient -->
+<button type="button" class="btn btn-default">Default</button>
+
+<!-- Provides extra visual weight and identifies the primary action in a set of buttons -->
+<button type="button" class="btn btn-primary">Primary</button>
+
+<!-- Indicates a successful or positive action -->
+<button type="button" class="btn btn-success">Success</button>
+
+<!-- Contextual button for informational alert messages -->
+<button type="button" class="btn btn-info">Info</button>
+
+<!-- Indicates caution should be taken with this action -->
+<button type="button" class="btn btn-warning">Warning</button>
+
+<!-- Indicates a dangerous or potentially negative action -->
+<button type="button" class="btn btn-danger">Danger</button>
+
+<!-- Deemphasize a button by making it look like a link while maintaining button behavior -->
+<button type="button" class="btn btn-link">Link</button>
                        +
                        + + +

                        Cross browser compatibility

                        +

                        IE9 doesn't crop background gradients on rounded corners, so we remove it. Related, IE9 jankifies disabled button elements, rendering text gray with a nasty text-shadow that we cannot fix.

                        + + +

                        Button sizes

                        +

                        Fancy larger or smaller buttons? Add .btn-large, .btn-small, or .btn-mini for additional sizes.

                        +
                        +

                        + + +

                        +

                        + + +

                        +

                        + + +

                        +

                        + + +

                        +
                        +
                        + 
                        <p>
+  <button type="button" class="btn btn-large btn-primary">Large button</button>
+  <button type="button" class="btn btn-large">Large button</button>
+</p>
+<p>
+  <button type="button" class="btn btn-primary">Default button</button>
+  <button type="button" class="btn">Default button</button>
+</p>
+<p>
+  <button type="button" class="btn btn-small btn-primary">Small button</button>
+  <button type="button" class="btn btn-small">Small button</button>
+</p>
+<p>
+  <button type="button" class="btn btn-mini btn-primary">Mini button</button>
+  <button type="button" class="btn btn-mini">Mini button</button>
+</p>
                        +
                        + + +

                        Create block level buttons—those that span the full width of a parent— by adding .btn-block.

                        +
                        +
                        + + +
                        +
                        +
                        + 
                        <button type="button" class="btn btn-large btn-block btn-primary">Block level button</button>
+<button type="button" class="btn btn-large btn-block">Block level button</button>
                        +
                        + + + +

                        Disabled state

                        +

                        Make buttons look unclickable by fading them back 50%.

                        + +

                        Button element

                        +

                        Add the disabled attribute to <button> buttons.

                        +

                        + + +

                        +
                        + 
                        <button type="button" class="btn btn-large btn-primary disabled" disabled="disabled">Primary button</button>
+<button type="button" class="btn btn-large" disabled="disabled">Button</button>
                        +
                        + + +

                        Anchor element

                        +

                        Add the .disabled class to <a> buttons.

                        +

                        + Primary link + Link +

                        +
                        + 
                        <a href="#" class="btn btn-large btn-primary disabled">Primary link</a>
+<a href="#" class="btn btn-large disabled">Link</a>
                        +
                        + +

                        + We use .disabled as a utility class here, similar to the common .active class, so no prefix is required. Also, this class is only for aesthetic; you must use custom JavaScript to disable links here. +

                        + + +

                        One class, multiple tags

                        +

                        Use the .btn class on an <a>, <button>, or <input> element.

                        +
                        + Link + + + +
                        +
                        + 
                        <a class="btn" href="">Link</a>
+<button class="btn" type="submit">Button</button>
+<input class="btn" type="button" value="Input">
+<input class="btn" type="submit" value="Submit">
                        +
                        + +

                        As a best practice, we highly recommend matching using the <button< element whenever possible to ensure matching cross-browser rendering.

                        + +
                        + + + + +
                        +
                        +

                        Images

                        +
                        + +

                        Add classes to an <img> element to easily style images in any project. Rounded corners are not available in IE8.

                        +
                        + + + +
                        +
                        + 
                        <img src="..." class="img-rounded">
+<img src="..." class="img-circle">
+<img src="..." class="img-thumbnail">
                        +
                        + + +
                        + + + + +
                        +
                        +

                        Icons font by Glyphicons

                        +
                        + +

                        Included glyphs

                        +

                        Bootstrap comes with all 160 of Glyphicons Halflings set, all available in font formats for easy coloring, sizing, and placement.

                        + +
                          +
                        • glyphicon-glass
                          • +
                        • glyphicon-music
                          • +
                        • glyphicon-search
                          • +
                        • glyphicon-envelope
                          • +
                        • glyphicon-heart
                          • +
                        • glyphicon-star
                          • +
                        • glyphicon-star-empty
                          • +
                        • glyphicon-user
                          • +
                        • glyphicon-film
                          • +
                        • glyphicon-th-large
                          • +
                        • glyphicon-th
                          • +
                        • glyphicon-th-list
                          • +
                        • glyphicon-ok
                          • +
                        • glyphicon-remove
                          • +
                        • glyphicon-zoom-in
                          • +
                        • glyphicon-zoom-out
                          • +
                        • glyphicon-off
                          • +
                        • glyphicon-signal
                          • +
                        • glyphicon-cog
                          • +
                        • glyphicon-trash
                          • +
                        • glyphicon-home
                          • +
                        • glyphicon-file
                          • +
                        • glyphicon-time
                          • +
                        • glyphicon-road
                          • +
                        • glyphicon-download-alt
                          • +
                        • glyphicon-download
                          • +
                        • glyphicon-upload
                          • +
                        • glyphicon-inbox
                          • + +
                        • glyphicon-play-circle
                          • +
                        • glyphicon-repeat
                          • +
                        • glyphicon-refresh
                          • +
                        • glyphicon-list-alt
                          • +
                        • glyphicon-lock
                          • +
                        • glyphicon-flag
                          • +
                        • glyphicon-headphones
                          • +
                        • glyphicon-volume-off
                          • +
                        • glyphicon-volume-down
                          • +
                        • glyphicon-volume-up
                          • +
                        • glyphicon-qrcode
                          • +
                        • glyphicon-barcode
                          • +
                        • glyphicon-tag
                          • +
                        • glyphicon-tags
                          • +
                        • glyphicon-book
                          • +
                        • glyphicon-bookmark
                          • +
                        • glyphicon-print
                          • +
                        • glyphicon-camera
                          • +
                        • glyphicon-font
                          • +
                        • glyphicon-bold
                          • +
                        • glyphicon-italic
                          • +
                        • glyphicon-text-height
                          • +
                        • glyphicon-text-width
                          • +
                        • glyphicon-align-left
                          • +
                        • glyphicon-align-center
                          • +
                        • glyphicon-align-right
                          • +
                        • glyphicon-align-justify
                          • +
                        • glyphicon-list
                          • + +
                        • glyphicon-indent-left
                          • +
                        • glyphicon-indent-right
                          • +
                        • glyphicon-facetime-video
                          • +
                        • glyphicon-picture
                          • +
                        • glyphicon-pencil
                          • +
                        • glyphicon-map-marker
                          • +
                        • glyphicon-adjust
                          • +
                        • glyphicon-tint
                          • +
                        • glyphicon-edit
                          • +
                        • glyphicon-share
                          • +
                        • glyphicon-check
                          • +
                        • glyphicon-move
                          • +
                        • glyphicon-step-backward
                          • +
                        • glyphicon-fast-backward
                          • +
                        • glyphicon-backward
                          • +
                        • glyphicon-play
                          • +
                        • glyphicon-pause
                          • +
                        • glyphicon-stop
                          • +
                        • glyphicon-forward
                          • +
                        • glyphicon-fast-forward
                          • +
                        • glyphicon-step-forward
                          • +
                        • glyphicon-eject
                          • +
                        • glyphicon-chevron-left
                          • +
                        • glyphicon-chevron-right
                          • +
                        • glyphicon-plus-sign
                          • +
                        • glyphicon-minus-sign
                          • +
                        • glyphicon-remove-sign
                          • +
                        • glyphicon-ok-sign
                          • + +
                        • glyphicon-question-sign
                          • +
                        • glyphicon-info-sign
                          • +
                        • glyphicon-screenshot
                          • +
                        • glyphicon-remove-circle
                          • +
                        • glyphicon-ok-circle
                          • +
                        • glyphicon-ban-circle
                          • +
                        • glyphicon-arrow-left
                          • +
                        • glyphicon-arrow-right
                          • +
                        • glyphicon-arrow-up
                          • +
                        • glyphicon-arrow-down
                          • +
                        • glyphicon-share-alt
                          • +
                        • glyphicon-resize-full
                          • +
                        • glyphicon-resize-small
                          • +
                        • glyphicon-plus
                          • +
                        • glyphicon-minus
                          • +
                        • glyphicon-asterisk
                          • +
                        • glyphicon-exclamation-sign
                          • +
                        • glyphicon-gift
                          • +
                        • glyphicon-leaf
                          • +
                        • glyphicon-fire
                          • +
                        • glyphicon-eye-open
                          • +
                        • glyphicon-eye-close
                          • +
                        • glyphicon-warning-sign
                          • +
                        • glyphicon-plane
                          • +
                        • glyphicon-calendar
                          • +
                        • glyphicon-random
                          • +
                        • glyphicon-comment
                          • +
                        • glyphicon-magnet
                          • + +
                        • glyphicon-chevron-up
                          • +
                        • glyphicon-chevron-down
                          • +
                        • glyphicon-retweet
                          • +
                        • glyphicon-shopping-cart
                          • +
                        • glyphicon-folder-close
                          • +
                        • glyphicon-folder-open
                          • +
                        • glyphicon-resize-vertical
                          • +
                        • glyphicon-resize-horizontal
                          • +
                        • glyphicon-hdd
                          • +
                        • glyphicon-bullhorn
                          • +
                        • glyphicon-bell
                          • +
                        • glyphicon-certificate
                          • +
                        • glyphicon-thumbs-up
                          • +
                        • glyphicon-thumbs-down
                          • +
                        • glyphicon-hand-right
                          • +
                        • glyphicon-hand-left
                          • +
                        • glyphicon-hand-up
                          • +
                        • glyphicon-hand-down
                          • +
                        • glyphicon-circle-arrow-right
                          • +
                        • glyphicon-circle-arrow-left
                          • +
                        • glyphicon-circle-arrow-up
                          • +
                        • glyphicon-circle-arrow-down
                          • +
                        • glyphicon-globe
                          • +
                        • glyphicon-wrench
                          • +
                        • glyphicon-tasks
                          • +
                        • glyphicon-filter
                          • +
                        • glyphicon-briefcase
                          • +
                        • glyphicon-fullscreen
                          • + +
                        • glyphicon-dashboard
                          • +
                        • glyphicon-paperclip
                          • +
                        • glyphicon-heart-empty
                          • +
                        • glyphicon-link
                          • +
                        • glyphicon-phone
                          • +
                        • glyphicon-pushpin
                          • +
                        • glyphicon-euro
                          • +
                        • glyphicon-usd
                          • +
                        • glyphicon-gbp
                          • +
                        • glyphicon-sort
                          • +
                        • glyphicon-sort-by-alphabet
                          • +
                        • glyphicon-sort-by-alphabet-alt
                          • +
                        • glyphicon-sort-by-order
                          • +
                        • glyphicon-sort-by-order-alt
                          • +
                        • glyphicon-sort-by-attributes
                          • +
                        • glyphicon-sort-by-attributes-alt
                          • +
                        • glyphicon-unchecked
                          • +
                        • glyphicon-expand
                          • +
                        • glyphicon-collapse
                          • +
                        • glyphicon-collapse-top
                          • + +
                        + +

                        Glyphicons attribution

                        +

                        Glyphicons Halflings are normally not available for free, but an arrangement between Bootstrap and the Glyphicons creator have made this possible at no cost to you as developers. As a thank you, we ask you to include an optional link back to Glyphicons whenever practical.

                        + + +

                        How to use

                        +

                        Add the appropriate class to any inline element. All icon classes are prefixed with glyphicon- for easy styling. To use, place the following code just about anywhere:

                        +
                        + 
                        <span class="glyphicon glyphicon-search"></span>
                        +
                        + +

                        Want to change the icon color? Just change the color of the parent element.

                        +

                        When using beside strings of text, as in buttons or nav links, be sure to leave a space after the icon for proper spacing.

                        + + +

                        Icon examples

                        +

                        Use them in buttons, button groups for a toolbar, navigation, or prepended form inputs.

                        + +

                        Buttons

                        + +
                        Button group in a button toolbar
                        +
                        +
                        +
                        + + + + +
                        +
                        +
                        +
                        + 
                        <div class="btn-toolbar">
+  <div class="btn-group">
+    <a class="btn" href="#"><span class="glyphicon glyphicon-align-left"></span></a>
+    <a class="btn" href="#"><span class="glyphicon glyphicon-align-center"></span></a>
+    <a class="btn" href="#"><span class="glyphicon glyphicon-align-right"></span></a>
+    <a class="btn" href="#"><span class="glyphicon glyphicon-align-justify"></span></a>
+  </div>
+</div>
                        +
                        + + +
                        Dropdown in a button group
                        +
                        +
                        + User + + +
                        +
                        +
                        + 
                        <div class="btn-group">
+  <a class="btn btn-primary" href="#"><span class="glyphicon glyphicon-user"></span> User</a>
+  <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a>
+  <ul class="dropdown-menu">
+    <li><a href="#"><span class="glyphicon glyphicon-pencil"></span> Edit</a></li>
+    <li><a href="#"><span class="glyphicon glyphicon-trash"></span> Delete</a></li>
+    <li><a href="#"><span class="glyphicon glyphicon-ban-circle"></span> Ban</a></li>
+    <li class="divider"></li>
+    <li><a href="#"><span class="glyphicon glyphicon-"></span> Make admin</a></li>
+  </ul>
+</div>
                        +
                        + + +
                        Large button
                        +
                        + Star +
                        +
                        + 
                        <a class="btn btn-large" href="#"><span class="glyphicon glyphicon-star"></span> Star</a>
                        +
                        + + +
                        Small button
                        +
                        + +
                        +
                        + 
                        <a class="btn btn-small" href="#"><span class="glyphicon glyphicon-star"></span></a>
                        +
                        + + + +

                        Navigation

                        +
                        + +
                        +
                        + 
                        <ul class="nav nav-list">
+  <li class="active"><a href="#"><span class="glyphicon glyphicon-home"></span> Home</a></li>
+  <li><a href="#"><span class="glyphicon glyphicon-book"></span> Library</a></li>
+  <li><a href="#"><span class="glyphicon glyphicon-pencil"></span> Applications</a></li>
+  <li><a href="#"><span class="glyphicon glyphicon-"></span> Misc</a></li>
+</ul>
                        +
                        + + +

                        Form fields

                        +
                        +
                        + +
                        +
                        + + +
                        +
                        +
                        +
                        +
                        + 
                        <div class="control-group">
+  <label class="control-label" for="inputIcon">Email address</label>
+  <div class="controls">
+    <div class="input-group">
+      <span class="input-group-addon"><span class="glyphicon glyphicon-envelope"></span></span>
+      <input class="span2" id="inputIcon" type="text">
+    </div>
+  </div>
+</div>
                        +
                        + + +
                        + + + + +
                        +
                        +

                        Responsive utilities

                        +
                        +

                        For faster mobile-friendly development, use these utility classes for showing and hiding content by device via media query. Also included are utility classes for toggling content when printed.

                        + +

                        Responsive classes

                        + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
                        ClassPhones 767px and belowTablets 979px to 768pxDesktops Default
                        .visible-phoneVisible
                        .visible-tabletVisible
                        .visible-desktopVisible
                        .hidden-phoneVisibleVisible
                        .hidden-tabletVisibleVisible
                        .hidden-desktopVisibleVisible
                        + +

                        Print classes

                        + + + + + + + + + + + + + + + + + + + + +
                        ClassBrowserPrint
                        .visible-printVisible
                        .hidden-printVisible
                        + +

                        When to use

                        +

                        Use on a limited basis and avoid creating entirely different versions of the same site. Instead, use them to complement each device's presentation. Responsive utilities should not be used with tables, and as such are not supported.

                        + +

                        Test case

                        +

                        Resize your browser or load on different devices to test the above classes.

                        +

                        Visible on...

                        +

                        Green checkmarks indicate that class is visible in your current viewport.

                        +
                          +
                        • Phone✔ Phone
                          • +
                        • Tablet✔ Tablet
                          • +
                        • Desktop✔ Desktop
                          • +
                        +

                        Hidden on...

                        +

                        Here, green checkmarks indicate that class is hidden in your current viewport.

                        +
                          +
                        • Phone✔ Phone
                          • +
                        • Tablet✔ Tablet
                          • +
                        • Desktop✔ Desktop
                          • +
                        + +
                        + + + +
                      +
                    + +
                  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/_site/customize.html b/docs/_site/customize.html new file mode 100644 index 000000000..17812fc92 --- /dev/null +++ b/docs/_site/customize.html @@ -0,0 +1,542 @@ + + + + + + + + + + + + Customize and download · Bootstrap + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
                  +
                  + + Bootstrap +
                  + +
                  +
                  +
                  + + + + +
                  +
                  +

                  Customize and download

                  +

                  Download Bootstrap or customize variables, components, JavaScript plugins, and more.

                  +
                  +
                  + + +
                  + + +
                  +
                  + +
                  +
                  + + + +
                  +
                  +
                  + Toggle all +

                  + 1. Choose components +

                  +
                  +
                  +
                  +

                  Scaffolding

                  + + + + + +

                  Base CSS

                  + + + + + + + +
                  +
                  +

                  Components

                  + + + + + + + + + + + +

                  JS Components

                  + + + + + + +
                  +
                  +

                  Miscellaneous

                  + + + + +

                  Responsive

                  + + + + + +
                  +
                  +
                  + +
                  +
                  + Toggle all +

                  + 2. Select jQuery plugins +

                  +
                  +
                  +
                  + + + + + + + +
                  +
                  + + + + + + +
                  +
                  +

                  Heads up!

                  +

                  All checked plugins will be compiled into a single file, bootstrap.js. All plugins require the latest version of jQuery to be included.

                  +
                  +
                  +
                  + + +
                  +
                  + Reset to defaults +

                  + 3. Customize variables +

                  +
                  +
                  +
                  +

                  Scaffolding

                  + + + + + +

                  Links

                  + + + + + +

                  Grid system

                  + + + + + + + + + + + + + + + +
                  +
                  + +

                  Typography

                  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

                  Tables

                  + + + + + + + + + +

                  Forms

                  + + + + + + + + + + + + + + + + + +
                  +
                  + +

                  Form states & alerts

                  + + + + + + + + + + + + + + + + + +

                  Navbar

                  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

                  Dropdowns

                  + + + + + + + + + + +
                  +
                  +
                  + +
                  +
                  +

                  + 4. Download +

                  +
                  +
                  + Customize and Download +

                  What's included?

                  +

                  Downloads include compiled CSS, compiled and minified CSS, and compiled jQuery plugins, all nicely packed up into a zipball for your convenience.

                  +
                  +
                  +
                  + + + +
                  +
                  + +
                  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/_site/examples/carousel.html b/docs/_site/examples/carousel.html new file mode 100644 index 000000000..2cc07b5e6 --- /dev/null +++ b/docs/_site/examples/carousel.html @@ -0,0 +1,491 @@ + + + + + + + + + + + + Carousel template · Bootstrap + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
                  + +
                  + +
                  +
                  + + + Project name + +
                  + +
                  +
                  +
                  + +
                  +
                  + + + + + + + + + + + +
                  + + +
                  +
                  + +

                  Heading

                  +

                  Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

                  +

                  View details »

                  +
                  +
                  + +

                  Heading

                  +

                  Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

                  +

                  View details »

                  +
                  +
                  + +

                  Heading

                  +

                  Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

                  +

                  View details »

                  +
                  +
                  + + + + +
                  + +
                  + +

                  First featurette headling. It'll blow your mind.

                  +

                  Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.

                  +
                  + +
                  + +
                  + +

                  Oh yeah, it's that good. See for yourself.

                  +

                  Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.

                  +
                  + +
                  + +
                  + +

                  And lastly, this one. Checkmate.

                  +

                  Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.

                  +
                  + +
                  + + + + + + + +
                  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/docs/_site/examples/grid.html b/docs/_site/examples/grid.html new file mode 100644 index 000000000..727bbdef0 --- /dev/null +++ b/docs/_site/examples/grid.html @@ -0,0 +1,152 @@ + + + + + + + + + + + + Grid template · Bootstrap + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
                  + +
                  +

                  Grids

                  +
                  + +

                  Default grid columns

                  +
                  +
                  +
                  1
                  +
                  1
                  +
                  1
                  +
                  1
                  +
                  1
                  +
                  1
                  +
                  1
                  +
                  1
                  +
                  1
                  +
                  1
                  +
                  1
                  +
                  1
                  +
                  +
                  +
                  4
                  +
                  4
                  +
                  4
                  +
                  +
                  +
                  6
                  +
                  6
                  +
                  +
                  +
                  12
                  +
                  +
                  + +
                  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/docs/_site/examples/jumbotron-narrow.html b/docs/_site/examples/jumbotron-narrow.html new file mode 100644 index 000000000..a6ed7ca1c --- /dev/null +++ b/docs/_site/examples/jumbotron-narrow.html @@ -0,0 +1,222 @@ + + + + + + + + + + + + Narrow page template · Bootstrap + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
                  +
                  + +

                  Project name

                  +
                  + +
                  +

                  Jumbotron heading

                  +

                  Cras justo odio, dapibus ac facilisis in, egestas eget quam. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

                  +

                  Sign up today

                  +
                  + +
                  +
                  +

                  Subheading

                  +

                  Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum.

                  + +

                  Subheading

                  +

                  Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum.

                  + +

                  Subheading

                  +

                  Maecenas sed diam eget risus varius blandit sit amet non magna.

                  +
                  + +
                  +

                  Subheading

                  +

                  Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum.

                  + +

                  Subheading

                  +

                  Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum.

                  + +

                  Subheading

                  +

                  Maecenas sed diam eget risus varius blandit sit amet non magna.

                  +
                  +
                  + +
                  +

                  © Company 2013

                  +
                  + +
                  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/docs/_site/examples/jumbotron.html b/docs/_site/examples/jumbotron.html new file mode 100644 index 000000000..5b7fa5eb5 --- /dev/null +++ b/docs/_site/examples/jumbotron.html @@ -0,0 +1,200 @@ + + + + + + + + + + + + Jumbotron template · Bootstrap + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
                  +
                  + + + + + + Project name +
                  + +
                  + + + +
                  +
                  +
                  +
                  + +
                  + + +
                  +

                  Hello, world!

                  +

                  This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.

                  +

                  Learn more »

                  +
                  + +
                  + + +
                  +
                  +

                  Heading

                  +

                  Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

                  +

                  View details »

                  +
                  +
                  +

                  Heading

                  +

                  Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

                  +

                  View details »

                  +
                  +
                  +

                  Heading

                  +

                  Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

                  +

                  View details »

                  +
                  +
                  + +
                  + +
                  +

                  © Company 2013

                  +
                  +
                  + +
                  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/docs/_site/examples/justified-nav.html b/docs/_site/examples/justified-nav.html new file mode 100644 index 000000000..9dddee2d0 --- /dev/null +++ b/docs/_site/examples/justified-nav.html @@ -0,0 +1,234 @@ + + + + + + + + + + + + Justified nav template · Bootstrap + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
                  + +
                  +

                  Project name

                  + +
                  + + +
                  +

                  Marketing stuff!

                  +

                  Cras justo odio, dapibus ac facilisis in, egestas eget quam. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet.

                  +

                  Get started today

                  +
                  + + +
                  + + +
                  +
                  +

                  Heading

                  +

                  Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

                  +

                  View details »

                  +
                  +
                  +

                  Heading

                  +

                  Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

                  +

                  View details »

                  +
                  +
                  +

                  Heading

                  +

                  Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa.

                  +

                  View details »

                  +
                  +
                  + +
                  + + +
                  +

                  © Company 2013

                  +
                  + +
                  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/docs/_site/examples/navbar-fixed-top.html b/docs/_site/examples/navbar-fixed-top.html new file mode 100644 index 000000000..288a580b6 --- /dev/null +++ b/docs/_site/examples/navbar-fixed-top.html @@ -0,0 +1,155 @@ + + + + + + + + + + + + Fixed navbar template · Bootstrap + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
                  +
                  + + + + + + Project name +
                  + + +
                  +
                  +
                  + +
                  + + +
                  +

                  Navbar example

                  +

                  This example is a quick exercise to illustrate how the default, static navbar and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.

                  +

                  + View navbar docs » +

                  +
                  + +
                  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/docs/_site/examples/navbar-static-top.html b/docs/_site/examples/navbar-static-top.html new file mode 100644 index 000000000..d202c07af --- /dev/null +++ b/docs/_site/examples/navbar-static-top.html @@ -0,0 +1,152 @@ + + + + + + + + + + + + Static navbar template · Bootstrap + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
                  +
                  + + + + + + Project name +
                  + + +
                  +
                  +
                  + + +
                  + + +
                  +

                  Navbar example

                  +

                  This example is a quick exercise to illustrate how the default, static navbar and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.

                  +

                  + View navbar docs » +

                  +
                  + +
                  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/docs/_site/examples/navbar.html b/docs/_site/examples/navbar.html new file mode 100644 index 000000000..d19e0dea2 --- /dev/null +++ b/docs/_site/examples/navbar.html @@ -0,0 +1,155 @@ + + + + + + + + + + + + Navbar template · Bootstrap + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
                  + + +
                  +
                  + + + + + + Project name +
                  + + +
                  +
                  +
                  + + +
                  +

                  Navbar example

                  +

                  This example is a quick exercise to illustrate how the default, static navbar and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.

                  +

                  + View navbar docs » +

                  +
                  + +
                  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/docs/_site/examples/signin.html b/docs/_site/examples/signin.html new file mode 100644 index 000000000..4ddea343b --- /dev/null +++ b/docs/_site/examples/signin.html @@ -0,0 +1,156 @@ + + + + + + + + + + + + Sign in form template · Bootstrap + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
                  + + + +
                  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/docs/_site/examples/starter-template.html b/docs/_site/examples/starter-template.html new file mode 100644 index 000000000..73144cea5 --- /dev/null +++ b/docs/_site/examples/starter-template.html @@ -0,0 +1,132 @@ + + + + + + + + + + + + Starter template · Bootstrap + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
                  +
                  +
                  + + Project name +
                  + +
                  +
                  +
                  +
                  + +
                  + +
                  +

                  Bootstrap starter template

                  +

                  Use this document as a way to quickly start any new project.
                  All you get is this text and a mostly barebones HTML document.

                  +
                  + +
                  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/docs/_site/examples/sticky-footer-navbar.html b/docs/_site/examples/sticky-footer-navbar.html new file mode 100644 index 000000000..788a04353 --- /dev/null +++ b/docs/_site/examples/sticky-footer-navbar.html @@ -0,0 +1,205 @@ + + + + + + + + + + + + Sticky footer with navbar template · Bootstrap + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
                  + + +
                  +
                  + + Project name +
                  + +
                  +
                  +
                  + + +
                  +
                  +

                  Sticky footer with fixed navbar

                  +
                  +

                  Pin a fixed-height footer to the bottom of the viewport in desktop browsers with this custom HTML and CSS. A fixed navbar has been added within #wrap with padding-top: 60px; on the .container.

                  +

                  Back to the default sticky footer minus the navbar.

                  +
                  + +
                  +
                  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/docs/_site/examples/sticky-footer.html b/docs/_site/examples/sticky-footer.html new file mode 100644 index 000000000..16b7baebc --- /dev/null +++ b/docs/_site/examples/sticky-footer.html @@ -0,0 +1,169 @@ + + + + + + + + + + + + Sticky footer template · Bootstrap + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
                  + + +
                  +
                  +

                  Sticky footer

                  +
                  +

                  Pin a fixed-height footer to the bottom of the viewport in desktop browsers with this custom HTML and CSS.

                  +

                  Use the sticky footer with a fixed navbar if need be, too.

                  +
                  + +
                  +
                  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/docs/_site/getting-started.html b/docs/_site/getting-started.html new file mode 100644 index 000000000..81cf87845 --- /dev/null +++ b/docs/_site/getting-started.html @@ -0,0 +1,462 @@ + + + + + + + + + + + + Getting started · Bootstrap + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
                  +
                  + + Bootstrap +
                  + +
                  +
                  +
                  + + + + +
                  +
                  +

                  Getting started

                  +

                  Overview of the project, its contents, and how to get started with a simple template.

                  +
                  +
                  + + +
                  + + +
                  +
                  + +
                  +
                  + + + + +
                  +
                  +

                  1. Download

                  +
                  +

                  Before downloading, be sure to have a code editor (we recommend Sublime Text 2) and some working knowledge of HTML and CSS. We won't walk through the source files here, but they are available for download. We'll focus on getting started with the compiled Bootstrap files.

                  + +
                  +
                  +

                  Compiled

                  +

                  Fastest way to get started: get the compiled and minified versions of our CSS, JS, and images. No docs or original source files.

                  +

                  Download Bootstrap

                  +
                  +
                  +

                  Source

                  +

                  Get the original files for all CSS and JavaScript, along with a local copy of the docs by downloading the latest version directly from GitHub.

                  +

                  Download Bootstrap source

                  +
                  +
                  +

                  Bower

                  +

                  Install and manage the original files for all CSS and JavaScript, along with a local copy of the docs, using Bower.

                  +
                  + 
                  bower install bootstrap
                  +
                  + +
                  +
                  +
                  + + + + +
                  +
                  +

                  2. File structure

                  +
                  +

                  Within the download you'll find the following file structure and contents, logically grouping common assets and providing both compiled and minified variations.

                  +

                  Once downloaded, unzip the compressed folder to see the structure of (the compiled) Bootstrap. You'll see something like this:

                  + +
                  + 
                  bootstrap/
+  ├── css/
+  │   ├── bootstrap.css
+  │   ├── bootstrap.min.css
+  ├── js/
+  │   ├── bootstrap.js
+  │   ├── bootstrap.min.js
+  └── fonts/
+      ├── glyphiconshalflings-regular.eot
+      ├── glyphiconshalflings-regular.otf
+      ├── glyphiconshalflings-regular.svg
+      ├── glyphiconshalflings-regular.ttf
+      └── glyphiconshalflings-regular.woff
                  +
                  + + +

                  This is the most basic form of Bootstrap: compiled files for quick drop-in usage in nearly any web project. We provide compiled CSS and JS (bootstrap.*), as well as compiled and minified CSS and JS (bootstrap.min.*). The image files are compressed using ImageOptim, a Mac app for compressing PNGs.

                  +

                  Please note that all JavaScript plugins require jQuery to be included.

                  +
                  + + + + +
                  +
                  +

                  3. What's included

                  +
                  +

                  Bootstrap comes equipped with HTML, CSS, and JS for all sorts of things, but they can be summarized with a handful of categories visible at the top of the Bootstrap documentation.

                  + +

                  Docs sections

                  +

                  In addition to the getting started documentation you're reading now, the Bootstrap docs are broken into a few key pages.

                  + +

                  Core CSS

                  +

                  Global styles for the body, Normalize, links, grid system, tables, forms, buttons, icons, and more.

                  +

                  Components

                  +

                  Basic styles for common interface components like tabs and pills, navbar, alerts, page headers, and more. Head here to see what kind of custom components Bootstrap has to offer beyond basic HTML elements.

                  +

                  JavaScript plugins

                  +

                  Similar to Components, these JavaScript plugins are interactive components for things like tooltips, popovers, modals, and more.

                  +
                  + + + + +
                  +
                  +

                  4. Basic HTML template

                  +
                  +

                  With a brief intro into the contents out of the way, we can focus on putting Bootstrap to use. To do that, we'll utilize a basic HTML template that includes everything we mentioned in the File structure.

                  +

                  Now, here's a look at a typical HTML file:

                  + +
                  + 
                  <!DOCTYPE html>
+<html>
+  <head>
+    <title>Bootstrap 101 Template</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  </head>
+  <body>
+    <h1>Hello, world!</h1>
+    <script src="http://code.jquery.com/jquery.js"></script>
+  </body>
+</html>
                  +
                  + + +

                  To make this a Bootstrapped template, just include the appropriate CSS and JS files:

                  + +
                  + 
                  <!DOCTYPE html>
+<html>
+  <head>
+    <title>Bootstrap 101 Template</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!-- Bootstrap -->
+    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
+  </head>
+  <body>
+    <h1>Hello, world!</h1>
+    <script src="http://code.jquery.com/jquery.js"></script>
+    <script src="js/bootstrap.min.js"></script>
+  </body>
+</html>
                  +
                  + + +

                  And you're set! With those two files added, you can begin to develop any site or application with Bootstrap.

                  + +
                  + +

                  Responsive features in IE8

                  +

                  Internet Explorer 8 lacks support for media queries, the method by which we deliver responsive CSS to folks. To enable that, you need to include a third party tool (which we include in the project repository) called Respond.js.

                  +
                  +<!--[if lt IE 9]>
+  <script src="/assets/js/respond/respond.js"></script>
+<![endif]-->
+
                  +
                  + + + + +
                  +
                  +

                  5. Examples

                  +
                  +

                  Move beyond the base template with a few example layouts. We encourage folks to iterate on these examples and not simply use them as an end result.

                  +
                  +
                  + + + +

                  Starter template

                  +

                  A barebones HTML document with all the Bootstrap CSS and JavaScript included.

                  +
                  +
                  + + + +

                  Basic marketing site

                  +

                  Featuring a hero unit for a primary message and three supporting elements.

                  +
                  +
                  + + + +

                  Narrow marketing

                  +

                  Slim, lightweight marketing template for small projects or teams.

                  +
                  +
                  + + + +

                  Justified nav

                  +

                  Marketing page with equal-width navigation links in a modified navbar.

                  +
                  +
                  + + + +

                  Sign in

                  +

                  Barebones sign in form with custom, larger form controls and a flexible layout.

                  +
                  +
                  + + + +

                  Sticky footer

                  +

                  Pin a fixed-height footer to the bottom of the user's viewport.

                  +
                  +
                  + + + +

                  Sticky footer w/ navbar

                  +

                  Add a fixed navbar to the default sticky footer template.

                  +
                  +
                  + + + +

                  Carousel jumbotron

                  +

                  An interactive riff on the basic marketing site featuring a prominent carousel.

                  +
                  + + +
                  + + + +

                  Navbar

                  +

                  Basic template for showcasing how the navbar works.

                  +
                  +
                  + + + +

                  Static top navbar

                  +

                  Basic template for showcasing the static navbar variation.

                  +
                  +
                  + + + +

                  Fixed top navbar

                  +

                  Basic template for showcasing the fixed navbar variation.

                  +
                  +
                  + + + +

                  Grid examples

                  +

                  +
                  +
                  +
                  + + + + + +
                  +
                  +

                  What next?

                  +
                  +

                  Head to the docs for information, examples, and code snippets, or take the next leap and customize Bootstrap for any upcoming project.

                  + Visit the Bootstrap docs + Customize Bootstrap +
                  + + + + +
                  +
                  + +
                  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/_site/index.html b/docs/_site/index.html new file mode 100644 index 000000000..60d0dbae6 --- /dev/null +++ b/docs/_site/index.html @@ -0,0 +1,243 @@ + + + + + + + + + + + + Bootstrap + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
                  +
                  + + Bootstrap +
                  + +
                  +
                  +
                  + + + +
                  +
                  +

                  Bootstrap

                  +

                  Sleek, intuitive, and powerful mobile-first front-end framework for faster and easier web development.

                  +

                  + Download Bootstrap +

                  + +
                  +
                  + +
                  + +
                  + +

                  Introducing Bootstrap.

                  +

                  Need reasons to love Bootstrap? Look no further.

                  + +
                  +
                  + +

                  By nerds, for nerds.

                  +

                  Built at Twitter by @mdo and @fat, Bootstrap utilizes LESS CSS, is compiled via Node, and is managed through GitHub to help nerds do awesome stuff on the web.

                  +
                  +
                  + +

                  Made for everyone.

                  +

                  Bootstrap 3 has been rebuilt from the ground up to push the Web forward. It looks and behaves great on the latest smartphones, tablets, and desktops (including support for IE8+).

                  +
                  +
                  + +

                  Packed with features.

                  +

                  A 12-column responsive grid, dozens of components, JavaScript plugins, typography, form controls, and even a web-based Customizer to make Bootstrap your own.

                  +
                  +
                  + +

                  Built with Bootstrap.

                  +

                  For more sites built with Bootstrap, visit the Expo or browse the examples.

                  +
                  +
                  + + Delicious + +
                  +
                  + + Karma + +
                  +
                  + + SoundReady + +
                  +
                  + + Kippt + +
                  +
                  + +
                  + +
                  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/_site/javascript.html b/docs/_site/javascript.html new file mode 100644 index 000000000..802698df8 --- /dev/null +++ b/docs/_site/javascript.html @@ -0,0 +1,2126 @@ + + + + + + + + + + + + JavaScript plugins · Bootstrap + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
                  +
                  + + Bootstrap +
                  + +
                  +
                  +
                  + + + + +
                  +
                  +

                  JavaScript

                  +

                  Bring Bootstrap's components to life—now with 13 custom jQuery plugins. +

                  +
                  + +
                  + + +
                  +
                  + +
                  +
                  + + + +
                  +
                  +

                  JavaScript in Bootstrap

                  +
                  + +

                  Individual or compiled

                  +

                  Plugins can be included individually (though some have required dependencies), or all at once. Both bootstrap.js and bootstrap.min.js contain all plugins in a single file.

                  + +

                  Data attributes

                  +

                  You can use all Bootstrap plugins purely through the markup API without writing a single line of JavaScript. This is Bootstrap's first class API and should be your first consideration when using a plugin.

                  + +

                  That said, in some situations it may be desirable to turn this functionality off. Therefore, we also provide the ability to disable the data attribute API by unbinding all events on the body namespaced with `'data-api'`. This looks like this: +

                  + 
                  $('body').off('.data-api')
                  +
                  + + +

                  Alternatively, to target a specific plugin, just include the plugin's name as a namespace along with the data-api namespace like this:

                  +
                  + 
                  $('body').off('.alert.data-api')
                  +
                  + + +

                  Programmatic API

                  +

                  We also believe you should be able to use all Bootstrap plugins purely through the JavaScript API. All public APIs are single, chainable methods, and return the collection acted upon.

                  +
                  + 
                  $(".btn.danger").button("toggle").addClass("fat")
                  +
                  + + +

                  All methods should accept an optional options object, a string which targets a particular method, or nothing (which initiates a plugin with default behavior):

                  +
                  + 
                  $("#myModal").modal()                      // initialized with defaults
+$("#myModal").modal({ keyboard: false })   // initialized with no keyboard
+$("#myModal").modal('show')                // initializes and invokes show immediately</p>
                  +
                  + + +

                  Each plugin also exposes its raw constructor on a `Constructor` property: $.fn.popover.Constructor. If you'd like to get a particular plugin instance, retrieve it directly from an element: $('[rel=popover]').data('popover').

                  + +

                  No conflict

                  +

                  Sometimes it is necessary to use Bootstrap plugins with other UI frameworks. In these circumstances, namespace collisions can occasionally occur. If this happens, you may call .noConflict on the plugin you wish to revert the value of.

                  +
                  + 
                  var bootstrapButton = $.fn.button.noConflict() // return $.fn.button to previously assigned value
+$.fn.bootstrapBtn = bootstrapButton            // give $().bootstrapBtn the bootstrap functionality
                  +
                  + + + +

                  Events

                  +

                  Bootstrap provides custom events for most plugin's unique actions. Generally, these come in an infinitive and past participle form - where the infinitive (ex. show) is triggered at the start of an event, and its past participle form (ex. shown) is trigger on the completion of an action.

                  +

                  All infinitive events provide preventDefault functionality. This provides the ability to stop the execution of an action before it starts.

                  +
                  + 
                  $('#myModal').on('show', function (e) {
+    if (!data) return e.preventDefault() // stops modal from being shown
+})
                  +
                  + + +
                  + + + + +
                  +
                  +

                  Transitions transition.js

                  +
                  +

                  About transitions

                  +

                  For simple transition effects, include transition.js once alongside the other JS files. If you're using the compiled (or minified) bootstrap.js, there is no need to include this—it's already there.

                  +

                  Use cases

                  +

                  A few examples of the transition plugin:

                  +
                    +
                  • Sliding or fading in modals
                    • +
                  • Fading out tabs
                    • +
                  • Fading out alerts
                    • +
                  • Sliding carousel panes
                    • +
                  + + +
                  + + + + +
                  +
                  +

                  Modals modal.js

                  +
                  + + +

                  Examples

                  +

                  Modals are streamlined, but flexible, dialog prompts with the minimum required functionality and smart defaults.

                  + +

                  Static example

                  +

                  A rendered modal with header, body, and set of actions in the footer.

                  +
                  +
                  +
                  +
                  +
                  + +

                  Modal title

                  +
                  +
                  +

                  One fine body…

                  +
                  +
                  + Close + Save changes +
                  +
                  +
                  +
                  +
                  +
                  + 
                  <div class="modal">
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-header">
+        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+        <h4 class="modal-title">Modal title</h4>
+      </div>
+      <div class="modal-body">
+        <p>One fine body&hellip;</p>
+      </div>
+      <div class="modal-footer">
+        <a href="#" class="btn">Close</a>
+        <a href="#" class="btn btn-primary">Save changes</a>
+      </div>
+    </div><!-- /.modal-content -->
+  </div><!-- /.modal-dalog -->
+</div><!-- /.modal -->
                  +
                  + + +

                  Live demo

                  +

                  Toggle a modal via JavaScript by clicking the button below. It will slide down and fade in from the top of the page.

                  + + + +
                  + Launch demo modal +
                  +
                  + 
                  <div class="modal">
+  <!-- Button trigger modal -->
+  <a data-toggle="modal" href="#myModal" class="btn btn-primary btn-large">Launch demo modal</a>
+
+  <!-- Modal -->
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-header">
+        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+        <h4 class="modal-title">Modal title</h4>
+      </div>
+      <div class="modal-body">
+        ...
+      </div>
+      <div class="modal-footer">
+        <a href="#" class="btn">Close</a>
+        <a href="#" class="btn btn-primary">Save changes</a>
+      </div>
+    </div><!-- /.modal-content -->
+  </div><!-- /.modal-dalog -->
+</div><!-- /.modal -->
                  +
                  + + + + +

                  Usage

                  + +

                  Via data attributes

                  +

                  Activate a modal without writing JavaScript. Set data-toggle="modal" on a controller element, like a button, along with a data-target="#foo" or href="#foo" to target a specific modal to toggle.

                  +
                  + 
                  <button type="button" data-toggle="modal" data-target="#myModal">Launch modal</button>
                  +
                  + + +

                  Via JavaScript

                  +

                  Call a modal with id myModal with a single line of JavaScript:

                  +
                  + 
                  $('#myModal').modal(options)
                  +
                  + + +

                  Options

                  +

                  Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-backdrop="".

                  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
                  Nametypedefaultdescription
                  backdropbooleantrueIncludes a modal-backdrop element. Alternatively, specify static for a backdrop which doesn't close the modal on click.
                  keyboardbooleantrueCloses the modal when escape key is pressed
                  showbooleantrueShows the modal when initialized.
                  remotepathfalse

                  If a remote url is provided, content will be loaded via jQuery's load method and injected into the .modal-body. If you're using the data api, you may alternatively use the href tag to specify the remote source. An example of this is shown below:

                  +
                  + 
                  <a data-toggle="modal" href="remote.html" data-target="#modal">Click me</a>
                  +
                  + +
                  + +

                  Methods

                  + +

                  .modal(options)

                  +

                  Activates your content as a modal. Accepts an optional options object.

                  +
                  + 
                  $('#myModal').modal({
+  keyboard: false
+})
                  +
                  + + +

                  .modal('toggle')

                  +

                  Manually toggles a modal.

                  +
                  + 
                  $('#myModal').modal('toggle')
                  +
                  + + +

                  .modal('show')

                  +

                  Manually opens a modal.

                  +
                  + 
                  $('#myModal').modal('show')
                  +
                  + + +

                  .modal('hide')

                  +

                  Manually hides a modal.

                  +
                  + 
                  $('#myModal').modal('hide')
                  +
                  + + +

                  Events

                  +

                  Bootstrap's modal class exposes a few events for hooking into modal functionality.

                  + + + + + + + + + + + + + + + + + + + + + + + + + +
                  EventDescription
                  showThis event fires immediately when the show instance method is called.
                  shownThis event is fired when the modal has been made visible to the user (will wait for css transitions to complete).
                  hideThis event is fired immediately when the hide instance method has been called.
                  hiddenThis event is fired when the modal has finished being hidden from the user (will wait for css transitions to complete).
                  +
                  + 
                  $('#myModal').on('hidden', function () {
+  // do something…
+})
                  +
                  + +
                  + + + + + + + + + +
                  +
                  +

                  ScrollSpy scrollspy.js

                  +
                  + + +

                  Example in navbar

                  +

                  The ScrollSpy plugin is for automatically updating nav targets based on scroll position. Scroll the area below the navbar and watch the active class change. The dropdown sub items will be highlighted as well.

                  +
                  + +
                  +

                  @fat

                  +

                  Ad leggings keytar, brunch id art party dolor labore. Pitchfork yr enim lo-fi before they sold out qui. Tumblr farm-to-table bicycle rights whatever. Anim keffiyeh carles cardigan. Velit seitan mcsweeney's photo booth 3 wolf moon irure. Cosby sweater lomo jean shorts, williamsburg hoodie minim qui you probably haven't heard of them et cardigan trust fund culpa biodiesel wes anderson aesthetic. Nihil tattooed accusamus, cred irony biodiesel keffiyeh artisan ullamco consequat.

                  +

                  @mdo

                  +

                  Veniam marfa mustache skateboard, adipisicing fugiat velit pitchfork beard. Freegan beard aliqua cupidatat mcsweeney's vero. Cupidatat four loko nisi, ea helvetica nulla carles. Tattooed cosby sweater food truck, mcsweeney's quis non freegan vinyl. Lo-fi wes anderson +1 sartorial. Carles non aesthetic exercitation quis gentrify. Brooklyn adipisicing craft beer vice keytar deserunt.

                  +

                  one

                  +

                  Occaecat commodo aliqua delectus. Fap craft beer deserunt skateboard ea. Lomo bicycle rights adipisicing banh mi, velit ea sunt next level locavore single-origin coffee in magna veniam. High life id vinyl, echo park consequat quis aliquip banh mi pitchfork. Vero VHS est adipisicing. Consectetur nisi DIY minim messenger bag. Cred ex in, sustainable delectus consectetur fanny pack iphone.

                  +

                  two

                  +

                  In incididunt echo park, officia deserunt mcsweeney's proident master cleanse thundercats sapiente veniam. Excepteur VHS elit, proident shoreditch +1 biodiesel laborum craft beer. Single-origin coffee wayfarers irure four loko, cupidatat terry richardson master cleanse. Assumenda you probably haven't heard of them art party fanny pack, tattooed nulla cardigan tempor ad. Proident wolf nesciunt sartorial keffiyeh eu banh mi sustainable. Elit wolf voluptate, lo-fi ea portland before they sold out four loko. Locavore enim nostrud mlkshk brooklyn nesciunt.

                  +

                  three

                  +

                  Ad leggings keytar, brunch id art party dolor labore. Pitchfork yr enim lo-fi before they sold out qui. Tumblr farm-to-table bicycle rights whatever. Anim keffiyeh carles cardigan. Velit seitan mcsweeney's photo booth 3 wolf moon irure. Cosby sweater lomo jean shorts, williamsburg hoodie minim qui you probably haven't heard of them et cardigan trust fund culpa biodiesel wes anderson aesthetic. Nihil tattooed accusamus, cred irony biodiesel keffiyeh artisan ullamco consequat.

                  +

                  Keytar twee blog, culpa messenger bag marfa whatever delectus food truck. Sapiente synth id assumenda. Locavore sed helvetica cliche irony, thundercats you probably haven't heard of them consequat hoodie gluten-free lo-fi fap aliquip. Labore elit placeat before they sold out, terry richardson proident brunch nesciunt quis cosby sweater pariatur keffiyeh ut helvetica artisan. Cardigan craft beer seitan readymade velit. VHS chambray laboris tempor veniam. Anim mollit minim commodo ullamco thundercats. +

                  +
                  +
                  + + +
                  + + +

                  Usage

                  + +

                  Via data attributes

                  +

                  To easily add scrollspy behavior to your topbar navigation, just add data-spy="scroll" to the element you want to spy on (most typically this would be the body) and data-target=".navbar" to select which nav to use. You'll want to use scrollspy with a .nav component.

                  +
                  + 
                  <body data-spy="scroll" data-target=".navbar">
+  ...
+</body>
                  +
                  + + +

                  Via JavaScript

                  +

                  Call the scrollspy via JavaScript:

                  +
                  + 
                  $('.navbar').scrollspy()
                  +
                  + + +
                  + Heads up! + Navbar links must have resolvable id targets. For example, a <a href="#home">home</a> must correspond to something in the dom like <div id="home"></div>. +
                  + +

                  Methods

                  +

                  .scrollspy('refresh')

                  +

                  When using scrollspy in conjunction with adding or removing of elements from the DOM, you'll need to call the refresh method like so:

                  +
                  + 
                  $('[data-spy="scroll"]').each(function () {
+  var $spy = $(this).scrollspy('refresh')
+});
                  +
                  + + + +

                  Options

                  +

                  Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-offset="".

                  + + + + + + + + + + + + + + + + + +
                  Nametypedefaultdescription
                  offsetnumber10Pixels to offset from top when calculating position of scroll.
                  + +

                  Events

                  + + + + + + + + + + + + + +
                  EventDescription
                  activateThis event fires whenever a new item becomes activated by the scrollspy.
                  +
                  + + + + +
                  +
                  +

                  Togglable tabs tab.js

                  +
                  + + +

                  Example tabs

                  +

                  Add quick, dynamic tab functionality to transition through panes of local content, even via dropdown menus.

                  +
                  + +
                  +
                  +

                  Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.

                  +
                  +
                  +

                  Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.

                  +
                  + + +
                  +
                  + + +
                  + + +

                  Usage

                  +

                  Enable tabbable tabs via JavaScript (each tab needs to be activated individually):

                  +
                  + 
                  $('#myTab a').click(function (e) {
+  e.preventDefault();
+  $(this).tab('show');
+})
                  +
                  + + +

                  You can activate individual tabs in several ways:

                  +
                  + 
                  $('#myTab a[href="#profile"]').tab('show'); // Select tab by name
+$('#myTab a:first').tab('show'); // Select first tab
+$('#myTab a:last').tab('show'); // Select last tab
+$('#myTab li:eq(2) a').tab('show'); // Select third tab (0-indexed)
                  +
                  + + +

                  Markup

                  +

                  You can activate a tab or pill navigation without writing any JavaScript by simply specifying data-toggle="tab" or data-toggle="pill" on an element. Adding the nav and nav-tabs classes to the tab ul will apply the Bootstrap tab styling.

                  +
                  + 
                  <ul class="nav nav-tabs">
+  <li><a href="#home" data-toggle="tab">Home</a></li>
+  <li><a href="#profile" data-toggle="tab">Profile</a></li>
+  <li><a href="#messages" data-toggle="tab">Messages</a></li>
+  <li><a href="#settings" data-toggle="tab">Settings</a></li>
+</ul>
                  +
                  + + +

                  To make tabs fade in, add .fade to each .tab-pane.

                  + +

                  Methods

                  +

                  $().tab

                  +

                  + Activates a tab element and content container. Tab should have either a data-target or an href targeting a container node in the DOM. +

                  +
                  + 
                  <ul class="nav nav-tabs" id="myTab">
+  <li class="active"><a href="#home">Home</a></li>
+  <li><a href="#profile">Profile</a></li>
+  <li><a href="#messages">Messages</a></li>
+  <li><a href="#settings">Settings</a></li>
+</ul>
+
+<div class="tab-content">
+  <div class="tab-pane active" id="home">...</div>
+  <div class="tab-pane" id="profile">...</div>
+  <div class="tab-pane" id="messages">...</div>
+  <div class="tab-pane" id="settings">...</div>
+</div>
+
+<script>
+  $(function () {
+    $('#myTab a:last').tab('show');
+  })
+</script>
                  +
                  + + +

                  Events

                  + + + + + + + + + + + + + + + + + +
                  EventDescription
                  showThis event fires on tab show, but before the new tab has been shown. Use event.target and event.relatedTarget to target the active tab and the previous active tab (if available) respectively.
                  shownThis event fires on tab show after a tab has been shown. Use event.target and event.relatedTarget to target the active tab and the previous active tab (if available) respectively.
                  +
                  + 
                  $('a[data-toggle="tab"]').on('shown', function (e) {
+  e.target // activated tab
+  e.relatedTarget // previous tab
+})
                  +
                  + +
                  + + + +
                  +
                  +

                  Tooltips tooltip.js

                  +
                  + + +

                  Examples

                  +

                  Inspired by the excellent jQuery.tipsy plugin written by Jason Frame; Tooltips are an updated version, which don't rely on images, use CSS3 for animations, and data-attributes for local title storage.

                  +

                  Hover over the links below to see tooltips:

                  +
                  +

                  Tight pants next level keffiyeh you probably haven't heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown. Farm-to-table seitan, mcsweeney's fixie sustainable quinoa 8-bit american apparel have a terry richardson vinyl chambray. Beard stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa, four loko mcsweeney's cleanse vegan chambray. A really ironic artisan whatever keytar, scenester farm-to-table banksy Austin twitter handle freegan cred raw denim single-origin coffee viral. +

                  +
                  + +

                  Four directions

                  +
                  + +
                  + + +

                  Tooltips in input groups

                  +

                  When using tooltips and popovers with the Bootstrap input groups, you'll have to set the container (documented below) option to avoid unwanted side effects.

                  + +
                  + + +

                  Usage

                  +

                  Trigger the tooltip via JavaScript:

                  +
                  + 
                  $('#example').tooltip(options)
                  +
                  + + +

                  Options

                  +

                  Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-animation="".

                  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
                  Nametypedefaultdescription
                  animationbooleantrueapply a css fade transition to the tooltip
                  htmlbooleanfalseInsert html into the tooltip. If false, jquery's text method will be used to insert content into the dom. Use text if you're worried about XSS attacks.
                  placementstring | function'top'how to position the tooltip - top | bottom | left | right
                  selectorstringfalseIf a selector is provided, tooltip objects will be delegated to the specified targets.
                  titlestring | function''default title value if `title` tag isn't present
                  triggerstring'hover focus'how tooltip is triggered - click | hover | focus | manual. Note you case pass trigger multiple, space seperated, trigger types.
                  delaynumber | object0 +

                  delay showing and hiding the tooltip (ms) - does not apply to manual trigger type

                  +

                  If a number is supplied, delay is applied to both hide/show

                  +

                  Object structure is: delay: { show: 500, hide: 100 }

                  +
                  containerstring | falsefalse +

                  Appends the tooltip to a specific element container: 'body'

                  +
                  +
                  + Heads up! + Options for individual tooltips can alternatively be specified through the use of data attributes. +
                  + +

                  Markup

                  +
                  + 
                  <a href="#" data-toggle="tooltip" title="first tooltip">Hover over me</a>
                  +
                  + + +

                  Methods

                  + +

                  $().tooltip(options)

                  +

                  Attaches a tooltip handler to an element collection.

                  + +

                  .tooltip('show')

                  +

                  Reveals an element's tooltip.

                  +
                  + 
                  $('#element').tooltip('show')
                  +
                  + + +

                  .tooltip('hide')

                  +

                  Hides an element's tooltip.

                  +
                  + 
                  $('#element').tooltip('hide')
                  +
                  + + +

                  .tooltip('toggle')

                  +

                  Toggles an element's tooltip.

                  +
                  + 
                  $('#element').tooltip('toggle')
                  +
                  + + +

                  .tooltip('destroy')

                  +

                  Hides and destroys an element's tooltip.

                  +
                  + 
                  $('#element').tooltip('destroy')
                  +
                  + +
                  + + + + +
                  +
                  +

                  Popovers popover.js

                  +
                  + +

                  Examples

                  +

                  Add small overlays of content, like those on the iPad, to any element for housing secondary information. Hover over the button to trigger the popover. Requires Tooltip to be included.

                  + +

                  Static popover

                  +

                  Four options are available: top, right, bottom, and left aligned.

                  +
                  +
                  +
                  +

                  Popover top

                  +
                  +

                  Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

                  +
                  +
                  + +
                  +
                  +

                  Popover right

                  +
                  +

                  Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

                  +
                  +
                  + +
                  +
                  +

                  Popover bottom

                  +
                  +

                  Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

                  +
                  +
                  + +
                  +
                  +

                  Popover left

                  +
                  +

                  Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

                  +
                  +
                  + +
                  +
                  +

                  No markup shown as popovers are generated from JavaScript and content within a data attribute.

                  + +

                  Live demo

                  +
                  + Click to toggle popover +
                  + +

                  Four directions

                  +
                  + +
                  + + +
                  + + +

                  Usage

                  +

                  Enable popovers via JavaScript:

                  +
                  + 
                  $('#example').popover(options)
                  +
                  + + +

                  Options

                  +

                  Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-animation="".

                  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
                  Nametypedefaultdescription
                  animationbooleantrueapply a css fade transition to the tooltip
                  htmlbooleanfalseInsert html into the popover. If false, jquery's text method will be used to insert content into the dom. Use text if you're worried about XSS attacks.
                  placementstring | function'right'how to position the popover - top | bottom | left | right
                  selectorstringfalseif a selector is provided, tooltip objects will be delegated to the specified targets
                  triggerstring'click'how popover is triggered - click | hover | focus | manual
                  titlestring | function''default title value if `title` attribute isn't present
                  contentstring | function''default content value if `data-content` attribute isn't present
                  delaynumber | object0 +

                  delay showing and hiding the popover (ms) - does not apply to manual trigger type

                  +

                  If a number is supplied, delay is applied to both hide/show

                  +

                  Object structure is: delay: { show: 500, hide: 100 }

                  +
                  containerstring | falsefalse +

                  Appends the popover to a specific element container: 'body'

                  +
                  +
                  + Heads up! + Options for individual popovers can alternatively be specified through the use of data attributes. +
                  + +

                  Markup

                  +

                  For performance reasons, the Tooltip and Popover data-apis are opt in. If you would like to use them just specify a selector option.

                  + +

                  Methods

                  +

                  $().popover(options)

                  +

                  Initializes popovers for an element collection.

                  + +

                  .popover('show')

                  +

                  Reveals an elements popover.

                  +
                  + 
                  $('#element').popover('show')
                  +
                  + + +

                  .popover('hide')

                  +

                  Hides an elements popover.

                  +
                  + 
                  $('#element').popover('hide')
                  +
                  + + +

                  .popover('toggle')

                  +

                  Toggles an elements popover.

                  +
                  + 
                  $('#element').popover('toggle')
                  +
                  + + +

                  .popover('destroy')

                  +

                  Hides and destroys an element's popover.

                  +
                  + 
                  $('#element').popover('destroy')
                  +
                  + +
                  + + + + +
                  +
                  +

                  Alert messages alert.js

                  +
                  + + +

                  Example alerts

                  +

                  Add dismiss functionality to all alert messages with this plugin.

                  +
                  +
                  + + Holy guacamole! Best check yo self, you're not looking too good. +
                  +
                  + +
                  +
                  + +

                  Oh snap! You got an error!

                  +

                  Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.

                  +

                  + Take this action Or do this +

                  +
                  +
                  + + +
                  + + +

                  Usage

                  +

                  Enable dismissal of an alert via JavaScript:

                  +
                  + 
                  $(".alert").alert()
                  +
                  + + +

                  Markup

                  +

                  Just add data-dismiss="alert" to your close button to automatically give an alert close functionality.

                  +
                  + 
                  <a class="close" data-dismiss="alert" href="#">&times;</a>
                  +
                  + + +

                  Methods

                  + +

                  $().alert()

                  +

                  Wraps all alerts with close functionality. To have your alerts animate out when closed, make sure they have the .fade and .in class already applied to them.

                  + +

                  .alert('close')

                  +

                  Closes an alert.

                  +
                  + 
                  $(".alert").alert('close')
                  +
                  + + + +

                  Events

                  +

                  Bootstrap's alert class exposes a few events for hooking into alert functionality.

                  + + + + + + + + + + + + + + + + + +
                  EventDescription
                  closeThis event fires immediately when the close instance method is called.
                  closedThis event is fired when the alert has been closed (will wait for css transitions to complete).
                  +
                  + 
                  $('#my-alert').bind('closed', function () {
+  // do something…
+})
                  +
                  + +
                  + + + + +
                  +
                  +

                  Buttons button.js

                  +
                  + +

                  Example uses

                  +

                  Do more with buttons. Control button states or create groups of buttons for more components like toolbars.

                  + +

                  Stateful

                  +

                  Add data-loading-text="Loading..." to use a loading state on a button.

                  +
                  + +
                  +
                  + 
                  <button type="button" id="fat-btn" data-loading-text="Loading..." class="btn btn-primary">
+  Loading state
+</button>
                  +
                  + + +

                  Single toggle

                  +

                  Add data-toggle="button" to activate toggling on a single button.

                  +
                  + +
                  +
                  + 
                  <button type="button" class="btn btn-primary" data-toggle="button">Single toggle</button>
                  +
                  + + +

                  Checkbox

                  +

                  Add data-toggle="buttons-checkbox" for checkbox style toggling on btn-group.

                  +
                  +
                  + + + +
                  +
                  +
                  + 
                  <div class="btn-group" data-toggle="buttons-checkbox">
+  <label class="btn btn-primary">
+    <input type="checkbox"> Option 1
+  </label>
+  <label class="btn btn-primary">
+    <input type="checkbox"> Option 2
+  </label>
+  <label class="btn btn-primary">
+    <input type="checkbox"> Option 3
+  </label>
+</div>
                  +
                  + + +

                  Radio

                  +

                  Add data-toggle="buttons-radio" for radio style toggling on btn-group.

                  +
                  +
                  + + + +
                  +
                  +
                  + 
                  <div class="btn-group" data-toggle="buttons-radio">
+  <label class="btn btn-primary">
+    <input type="radio" name="options" id="option1"> Option 1
+  </label>
+  <label class="btn btn-primary">
+    <input type="radio" name="options" id="option2"> Option 2
+  </label>
+  <label class="btn btn-primary">
+    <input type="radio" name="options" id="option3"> Option 3
+  </label>
+</div>
                  +
                  + + + +
                  + + +

                  Usage

                  +

                  Enable buttons via JavaScript:

                  +
                  + 
                  $('.nav-tabs').button()
                  +
                  + + +

                  Markup

                  +

                  Data attributes are integral to the button plugin. Check out the example code below for the various markup types.

                  + +

                  Options

                  +

                  None

                  + +

                  Methods

                  + +

                  $().button('toggle')

                  +

                  Toggles push state. Gives the button the appearance that it has been activated.

                  +
                  + Heads up! + You can enable auto toggling of a button by using the data-toggle attribute. +
                  +
                  + 
                  <button type="button" class="btn" data-toggle="button">...</button>
                  +
                  + + +

                  $().button('loading')

                  +

                  Sets button state to loading - disables button and swaps text to loading text. Loading text should be defined on the button element using the data attribute data-loading-text. +

                  +
                  + 
                  <button type="button" class="btn" data-loading-text="loading stuff...">...</button>
                  +
                  + + +
                  + Heads up! + Firefox persists the disabled state across page loads. A workaround for this is to use autocomplete="off". +
                  + +

                  $().button('reset')

                  +

                  Resets button state - swaps text to original text.

                  + +

                  $().button(string)

                  +

                  Resets button state - swaps text to any data defined text state.

                  +
                  + 
                  <button type="button" class="btn" data-complete-text="finished!" >...</button>
+<script>
+  $('.btn').button('complete')
+</script>
                  +
                  + +
                  + + + + +
                  +
                  +

                  Collapse collapse.js

                  +
                  + +

                  About

                  +

                  Get base styles and flexible support for collapsible components like accordions and navigation.

                  +

                  * Requires the Transitions plugin to be included.

                  + +

                  Example accordion

                  +

                  Using the collapse plugin, we built a simple accordion style widget:

                  + +
                  +
                  +
                  +
                  + + Collapsible Group Item #1 + +
                  +
                  +
                  + Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. +
                  +
                  +
                  +
                  +
                  + + Collapsible Group Item #2 + +
                  +
                  +
                  + Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. +
                  +
                  +
                  +
                  +
                  + + Collapsible Group Item #3 + +
                  +
                  +
                  + Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. +
                  +
                  +
                  +
                  +
                  +
                  + 
                  <div class="accordion" id="accordion2">
+  <div class="accordion-group">
+    <div class="accordion-heading">
+      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
+        Collapsible Group Item #1
+      </a>
+    </div>
+    <div id="collapseOne" class="accordion-body collapse in">
+      <div class="accordion-inner">
+        ...
+      </div>
+    </div>
+  </div>
+  <div class="accordion-group">
+    <div class="accordion-heading">
+      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">
+        Collapsible Group Item #2
+      </a>
+    </div>
+    <div id="collapseTwo" class="accordion-body collapse">
+      <div class="accordion-inner">
+        ...
+      </div>
+    </div>
+  </div>
+  <div class="accordion-group">
+    <div class="accordion-heading">
+      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseThree">
+        Collapsible Group Item #3
+      </a>
+    </div>
+    <div id="collapseThree" class="accordion-body collapse">
+      <div class="accordion-inner">
+        ...
+      </div>
+    </div>
+  </div>
+</div>
                  +
                  + + +

                  You can also use the plugin without the accordion markup. Make a button toggle the expanding and collapsing of another element.

                  +
                  + 
                  <button type="button" class="btn btn-danger" data-toggle="collapse" data-target="#demo">
+  simple collapsible
+</button>
+
+<div id="demo" class="collapse in">...</div>
                  +
                  + + + +
                  + + +

                  Usage

                  + +

                  Via data attributes

                  +

                  Just add data-toggle="collapse" and a data-target to element to automatically assign control of a collapsible element. The data-target attribute accepts a css selector to apply the collapse to. Be sure to add the class collapse to the collapsible element. If you'd like it to default open, add the additional class in.

                  +

                  To add accordion-like group management to a collapsible control, add the data attribute data-parent="#selector". Refer to the demo to see this in action.

                  + +

                  Via JavaScript

                  +

                  Enable manually with:

                  +
                  + 
                  $(".collapse").collapse()
                  +
                  + + +

                  Options

                  +

                  Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-parent="".

                  + + + + + + + + + + + + + + + + + + + + + + + +
                  Nametypedefaultdescription
                  parentselectorfalseIf selector then all collapsible elements under the specified parent will be closed when this collapsible item is shown. (similar to traditional accordion behavior)
                  togglebooleantrueToggles the collapsible element on invocation
                  + + +

                  Methods

                  + +

                  .collapse(options)

                  +

                  Activates your content as a collapsible element. Accepts an optional options object. +

                  + 
                  $('#myCollapsible').collapse({
+  toggle: false
+})
                  +
                  + + +

                  .collapse('toggle')

                  +

                  Toggles a collapsible element to shown or hidden.

                  + +

                  .collapse('show')

                  +

                  Shows a collapsible element.

                  + +

                  .collapse('hide')

                  +

                  Hides a collapsible element.

                  + +

                  Events

                  +

                  Bootstrap's collapse class exposes a few events for hooking into collapse functionality.

                  + + + + + + + + + + + + + + + + + + + + + + + + + +
                  EventDescription
                  showThis event fires immediately when the show instance method is called.
                  shownThis event is fired when a collapse element has been made visible to the user (will wait for css transitions to complete).
                  hide + This event is fired immediately when the hide method has been called. +
                  hiddenThis event is fired when a collapse element has been hidden from the user (will wait for css transitions to complete).
                  +
                  + 
                  $('#myCollapsible').on('hidden', function () {
+  // do something…
+})
                  +
                  + +
                  + + + + + + + + + +
                  +
                  +

                  Typeahead typeahead.js

                  +
                  + + +

                  Example

                  +

                  A basic, easily extended plugin for quickly creating elegant typeaheads with any form text input.

                  +
                  + +
                  +
                  + 
                  <input type="text" data-provide="typeahead">
                  +
                  + + +

                  You'll want to set autocomplete="off" to prevent default browser menus from appearing over the Bootstrap typeahead dropdown.

                  + +
                  + + +

                  Usage

                  + +

                  Via data attributes

                  +

                  Add data attributes to register an element with typeahead functionality as shown in the example above.

                  + +

                  Via JavaScript

                  +

                  Call the typeahead manually with:

                  +
                  + 
                  $('.typeahead').typeahead()
                  +
                  + + +

                  Options

                  +

                  Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-source="".

                  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
                  Nametypedefaultdescription
                  sourcearray, function[ ]The data source to query against. May be an array of strings or a function. The function is passed two arguments, the query value in the input field and the process callback. The function may be used synchronously by returning the data source directly or asynchronously via the process callback's single argument.
                  itemsnumber8The max number of items to display in the dropdown.
                  minLengthnumber1The minimum character length needed before triggering autocomplete suggestions
                  matcherfunctioncase insensitiveThe method used to determine if a query matches an item. Accepts a single argument, the item against which to test the query. Access the current query with this.query. Return a boolean true if query is a match.
                  sorterfunctionexact match,
                  case sensitive,
                  case insensitive                  		Method used to sort autocomplete results. Accepts a single argument items and has the scope of the typeahead instance. Reference the current query with this.query.
                  updaterfunctionreturns selected itemThe method used to return selected item. Accepts a single argument, the item and has the scope of the typeahead instance.
                  highlighterfunctionhighlights all default matchesMethod used to highlight autocomplete results. Accepts a single argument item and has the scope of the typeahead instance. Should return html.
                  + +

                  Methods

                  +

                  .typeahead(options)

                  +

                  Initializes an input with a typeahead.

                  +
                  + + + + +
                  +
                  +

                  Affix affix.js

                  +
                  + +

                  Example

                  +

                  The subnavigation on the left is a live demo of the affix plugin.

                  + +
                  + +

                  Usage

                  + +

                  Via data attributes

                  +

                  To easily add affix behavior to any element, just add data-spy="affix" to the element you want to spy on. Then use offsets to define when to toggle the pinning of an element on and off.

                  + +
                  + 
                  <div data-spy="affix" data-offset-top="200">...</div>
                  +
                  + + +
                  + Heads up! + You must manage the position of a pinned element and the behavior of its immediate parent. Position is controlled by affix, affix-top, and affix-bottom. Remember to check for a potentially collapsed parent when the affix kicks in as it's removing content from the normal flow of the page. +
                  + +

                  Via JavaScript

                  +

                  Call the affix plugin via JavaScript:

                  +
                  + 
                  $('#navbar').affix()
                  +
                  + + +

                  Methods

                  +

                  .affix('refresh')

                  +

                  When using affix in conjunction with adding or removing of elements from the DOM, you'll want to call the refresh method:

                  +
                  + 
                  $('[data-spy="affix"]').each(function () {
+  $(this).affix('refresh')
+});
                  +
                  + + +

                  Options

                  +

                  Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-offset-top="200".

                  + + + + + + + + + + + + + + + + + + +
                  Nametypedefaultdescription
                  offsetnumber | function | object10Pixels to offset from screen when calculating position of scroll. If a single number is provided, the offset will be applied in both top and left directions. To listen for a single direction, or multiple unique offsets, just provide an object offset: { x: 10 }. Use a function when you need to dynamically provide an offset (useful for some responsive designs).
                  +
                  + + + +
                  +
                  + +
                  + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/assets/js/affix.js b/docs/assets/js/affix.js new file mode 100644 index 000000000..c70718c6d --- /dev/null +++ b/docs/assets/js/affix.js @@ -0,0 +1,120 @@ +/* ========================================================== + * Bootstrap: affix.js v3.0.0 + * http://twitter.github.com/bootstrap/javascript.html#affix + * ========================================================== + * Copyright 2012 Twitter, Inc. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * ========================================================== */ + + +!function ($) { "use strict"; + + // AFFIX CLASS DEFINITION + // ====================== + + var Affix = function (element, options) { + this.options = $.extend({}, Affix.DEFAULTS, options) + this.$window = $(window) + .on('scroll.bs-affix.bs-data-api', $.proxy(this.checkPosition, this)) + .on('click.bs-affix.bs-data-api', $.proxy(this.checkPositionWithEventLoop, this)) + + this.$element = $(element) + this.affixed = + this.unpin = null + + this.checkPosition() + } + + Affix.DEFAULTS = { + offset: 0 + } + + Affix.prototype.checkPositionWithEventLoop = function () { + setTimeout($.proxy(this.checkPosition, this), 1) + } + + Affix.prototype.checkPosition = function () { + if (!this.$element.is(':visible')) return + + var scrollHeight = $(document).height() + var scrollTop = this.$window.scrollTop() + var position = this.$element.offset() + var offset = this.options.offset + var offsetTop = offset.top + var offsetBottom = offset.bottom + var reset = 'affix affix-top affix-bottom' + + if (typeof offset != 'object') offsetBottom = offsetTop = offset + if (typeof offsetTop == 'function') offsetTop = offset.top() + if (typeof offsetBottom == 'function') offsetBottom = offset.bottom() + + var affix = this.unpin != null && (scrollTop + this.unpin <= position.top) ? false : + offsetBottom != null && (position.top + this.$element.height() >= scrollHeight - offsetBottom) ? 'bottom' : + offsetTop != null && (scrollTop <= offsetTop) ? 'top' : false + + if (this.affixed === affix) return + + this.affixed = affix + this.unpin = affix == 'bottom' ? position.top - scrollTop : null + + this.$element.removeClass(reset).addClass('affix' + (affix ? '-' + affix : '')) + } + + + // AFFIX PLUGIN DEFINITION + // ======================= + + var old = $.fn.affix + + $.fn.affix = function (option) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs-affix') + var options = typeof option == 'object' && option + + if (!data) $this.data('bs-affix', (data = new Affix(this, options))) + if (typeof option == 'string') data[option]() + }) + } + + $.fn.affix.Constructor = Affix + + + // AFFIX NO CONFLICT + // ================= + + $.fn.affix.noConflict = function () { + $.fn.affix = old + return this + } + + + // AFFIX DATA-API + // ============== + + $(window).on('load', function () { + $('[data-spy="affix"]').each(function () { + var $spy = $(this) + var data = $spy.data() + + data.offset = data.offset || {} + + if (data.offsetBottom) data.offset.bottom = data.offsetBottom + if (data.offsetTop) data.offset.top = data.offsetTop + + $spy.affix(data) + }) + }) + +}(window.jQuery); diff --git a/docs/assets/js/alert.js b/docs/assets/js/alert.js new file mode 100644 index 000000000..9df950245 --- /dev/null +++ b/docs/assets/js/alert.js @@ -0,0 +1,96 @@ +/* ========================================================== + * Bootstrap: alert.js v3.0.0 + * http://twitter.github.com/bootstrap/javascript.html#alerts + * ========================================================== + * Copyright 2013 Twitter, Inc. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * ========================================================== */ + + +!function ($) { "use strict"; + + // ALERT CLASS DEFINITION + // ====================== + + var dismiss = '[data-dismiss="alert"]' + var Alert = function (el) { + $(el).on('click', dismiss, this.close) + } + + Alert.prototype.close = function (e) { + var $this = $(this) + var selector = $this.attr('data-target') + + if (!selector) { + selector = $this.attr('href') + selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') // strip for ie7 + } + + var $parent = $(selector) + + if (e) e.preventDefault() + + if (!$parent.length) { + $parent = $this.hasClass('alert') ? $this : $this.parent() + } + + $parent.trigger(e = $.Event('bs-close')) + + if (e.isDefaultPrevented()) return + + $parent.removeClass('in') + + function removeElement() { + $parent.trigger('bs-closed').remove() + } + + $.support.transition && $parent.hasClass('fade') ? + $parent.on($.support.transition.end, removeElement) : + removeElement() + } + + + // ALERT PLUGIN DEFINITION + // ======================= + + var old = $.fn.alert + + $.fn.alert = function (option) { + return this.each(function () { + var $this = $(this) + var data = $this.data('bs-alert') + + if (!data) $this.data('bs-alert', (data = new Alert(this))) + if (typeof option == 'string') data[option].call($this) + }) + } + + $.fn.alert.Constructor = Alert + + + /* ALERT NO CONFLICT + * ================= */ + + $.fn.alert.noConflict = function () { + $.fn.alert = old + return this + } + + + // ALERT DATA-API + // ============== */ + + $(document).on('click.bs-alert.bs-data-api', dismiss, Alert.prototype.close) + +}(window.jQuery); diff --git a/docs/assets/js/bootstrap-affix.js b/docs/assets/js/bootstrap-affix.js index e9a730654..26b5439eb 100644 --- a/docs/assets/js/bootstrap-affix.js +++ b/docs/assets/js/bootstrap-affix.js @@ -1,5 +1,5 @@ /* ========================================================== - * bootstrap-affix.js v3.0.0 + * affix.js v3.0.0 * http://twitter.github.com/bootstrap/javascript.html#affix * ========================================================== * Copyright 2012 Twitter, Inc. @@ -18,77 +18,81 @@ * ========================================================== */ -!function ($) { +!function ($) { "use strict"; - "use strict"; // jshint ;_; - - - /* AFFIX CLASS DEFINITION - * ====================== */ + // AFFIX CLASS DEFINITION + // ====================== var Affix = function (element, options) { - this.options = $.extend({}, $.fn.affix.defaults, options) + this.options = $.extend({}, Affix.DEFAULTS, options) this.$window = $(window) - .on('scroll.affix.data-api', $.proxy(this.checkPosition, this)) - .on('click.affix.data-api', $.proxy(function () { setTimeout($.proxy(this.checkPosition, this), 1) }, this)) + .on('scroll.bs-affix.bs-data-api', $.proxy(this.checkPosition, this)) + .on('click.bs-affix.bs-data-api', $.proxy(this.checkPositionWithEventLoop, this)) + this.$element = $(element) + this.affixed = + this.unpin = null + this.checkPosition() } + Affix.DEFAULTS = { + offset: 0 + } + + Affix.prototype.checkPositionWithEventLoop = function () { + setTimeout($.proxy(this.checkPosition, this), 1) + } + Affix.prototype.checkPosition = function () { if (!this.$element.is(':visible')) return var scrollHeight = $(document).height() - , scrollTop = this.$window.scrollTop() - , position = this.$element.offset() - , offset = this.options.offset - , offsetBottom = offset.bottom - , offsetTop = offset.top - , reset = 'affix affix-top affix-bottom' - , affix - - if (typeof offset != 'object') offsetBottom = offsetTop = offset - if (typeof offsetTop == 'function') offsetTop = offset.top() + var scrollTop = this.$window.scrollTop() + var position = this.$element.offset() + var offset = this.options.offset + var offsetTop = offset.top + var offsetBottom = offset.bottom + var reset = 'affix affix-top affix-bottom' + + if (typeof offset != 'object') offsetBottom = offsetTop = offset + if (typeof offsetTop == 'function') offsetTop = offset.top() if (typeof offsetBottom == 'function') offsetBottom = offset.bottom() - affix = this.unpin != null && (scrollTop + this.unpin <= position.top) ? - false : offsetBottom != null && (position.top + this.$element.height() >= scrollHeight - offsetBottom) ? - 'bottom' : offsetTop != null && scrollTop <= offsetTop ? - 'top' : false + var affix = this.unpin != null && (scrollTop + this.unpin <= position.top) ? false : + offsetBottom != null && (position.top + this.$element.height() >= scrollHeight - offsetBottom) ? 'bottom' : + offsetTop != null && (scrollTop <= offsetTop) ? 'top' : false if (this.affixed === affix) return this.affixed = affix - this.unpin = affix == 'bottom' ? position.top - scrollTop : null + this.unpin = affix == 'bottom' ? position.top - scrollTop : null this.$element.removeClass(reset).addClass('affix' + (affix ? '-' + affix : '')) } - /* AFFIX PLUGIN DEFINITION - * ======================= */ + // AFFIX PLUGIN DEFINITION + // ======================= var old = $.fn.affix $.fn.affix = function (option) { return this.each(function () { - var $this = $(this) - , data = $this.data('affix') - , options = typeof option == 'object' && option - if (!data) $this.data('affix', (data = new Affix(this, options))) + var $this = $(this) + var data = $this.data('bs-affix') + var options = typeof option == 'object' && option + + if (!data) $this.data('bs-affix', (data = new Affix(this, options))) if (typeof option == 'string') data[option]() }) } $.fn.affix.Constructor = Affix - $.fn.affix.defaults = { - offset: 0 - } - - /* AFFIX NO CONFLICT - * ================= */ + // AFFIX NO CONFLICT + // ================= $.fn.affix.noConflict = function () { $.fn.affix = old @@ -96,22 +100,21 @@ } - /* AFFIX DATA-API - * ============== */ + // AFFIX DATA-API + // ============== $(window).on('load', function () { $('[data-spy="affix"]').each(function () { var $spy = $(this) - , data = $spy.data() + var data = $spy.data() data.offset = data.offset || {} - data.offsetBottom && (data.offset.bottom = data.offsetBottom) - data.offsetTop && (data.offset.top = data.offsetTop) + if (data.offsetBottom) data.offset.bottom = data.offsetBottom + if (data.offsetTop) data.offset.top = data.offsetTop $spy.affix(data) }) }) - }(window.jQuery); diff --git a/docs/assets/js/bootstrap-alert.js b/docs/assets/js/bootstrap-alert.js index 7a9f62e2d..7acee7f8f 100644 --- a/docs/assets/js/bootstrap-alert.js +++ b/docs/assets/js/bootstrap-alert.js @@ -1,8 +1,8 @@ /* ========================================================== - * bootstrap-alert.js v3.0.0 + * alert.js v3.0.0 * http://twitter.github.com/bootstrap/javascript.html#alerts * ========================================================== - * Copyright 2012 Twitter, Inc. + * Copyright 2013 Twitter, Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. @@ -18,45 +18,41 @@ * ========================================================== */ -!function ($) { +!function ($) { "use strict"; - "use strict"; // jshint ;_; - - - /* ALERT CLASS DEFINITION - * ====================== */ + // ALERT CLASS DEFINITION + // ====================== var dismiss = '[data-dismiss="alert"]' - , Alert = function (el) { - $(el).on('click', dismiss, this.close) - } + var Alert = function (el) { + $(el).on('click', dismiss, this.close) + } Alert.prototype.close = function (e) { - var $this = $(this) - , selector = $this.attr('data-target') - , $parent + var $this = $(this) + var selector = $this.attr('data-target') if (!selector) { selector = $this.attr('href') - selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7 + selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') // strip for ie7 } - $parent = $(selector) + var $parent = $(selector) - e && e.preventDefault() + if (e) e.preventDefault() - $parent.length || ($parent = $this.hasClass('alert') ? $this : $this.parent()) + if (!$parent.length) { + $parent = $this.hasClass('alert') ? $this : $this.parent() + } - $parent.trigger(e = $.Event('close')) + $parent.trigger(e = $.Event('bs-close')) if (e.isDefaultPrevented()) return $parent.removeClass('in') function removeElement() { - $parent - .trigger('closed') - .remove() + $parent.trigger('bs-closed').remove() } $.support.transition && $parent.hasClass('fade') ? @@ -65,16 +61,17 @@ } - /* ALERT PLUGIN DEFINITION - * ======================= */ + // ALERT PLUGIN DEFINITION + // ======================= var old = $.fn.alert $.fn.alert = function (option) { return this.each(function () { var $this = $(this) - , data = $this.data('alert') - if (!data) $this.data('alert', (data = new Alert(this))) + var data = $this.data('bs-alert') + + if (!data) $this.data('bs-alert', (data = new Alert(this))) if (typeof option == 'string') data[option].call($this) }) } @@ -91,9 +88,9 @@ } - /* ALERT DATA-API - * ============== */ + // ALERT DATA-API + // ============== */ - $(document).on('click.alert.data-api', dismiss, Alert.prototype.close) + $(document).on('click.bs-alert.bs-data-api', dismiss, Alert.prototype.close) }(window.jQuery); diff --git a/docs/assets/js/bootstrap-button.js b/docs/assets/js/bootstrap-button.js index a42baf2a8..119b89880 100644 --- a/docs/assets/js/bootstrap-button.js +++ b/docs/assets/js/bootstrap-button.js @@ -1,8 +1,8 @@ /* ============================================================ - * bootstrap-button.js v3.0.0 + * button.js v3.0.0 * http://twitter.github.com/bootstrap/javascript.html#buttons * ============================================================ - * Copyright 2012 Twitter, Inc. + * Copyright 2013 Twitter, Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. @@ -18,27 +18,29 @@ * ============================================================ */ -!function ($) { +!function ($) { "use strict"; - "use strict"; // jshint ;_; - - - /* BUTTON PUBLIC CLASS DEFINITION - * ============================== */ + // BUTTON PUBLIC CLASS DEFINITION + // ============================== var Button = function (element, options) { this.$element = $(element) - this.options = $.extend({}, $.fn.button.defaults, options) + this.options = $.extend({}, Button.DEFAULTS, options) + } + + Button.DEFAULTS = { + loadingText: 'loading...' } Button.prototype.setState = function (state) { - var d = 'disabled' - , $el = this.$element - , data = $el.data() - , val = $el.is('input') ? 'val' : 'html' + var d = 'disabled' + var $el = this.$element + var val = $el.is('input') ? 'val' : 'html' + var data = $el.data() state = state + 'Text' - data.resetText || $el.data('resetText', $el[val]()) + + if (!data.resetText) $el.data('resetText', $el[val]()) $el[val](data[state] || this.options[state]) @@ -46,46 +48,44 @@ setTimeout(function () { state == 'loadingText' ? $el.addClass(d).attr(d, d) : - $el.removeClass(d).removeAttr(d) + $el.removeClass(d).removeAttr(d); }, 0) } Button.prototype.toggle = function () { var $parent = this.$element.closest('[data-toggle="buttons-radio"]') - $parent && $parent - .find('.active') - .removeClass('active') + if ($parent) { + $parent.find('.active').removeClass('active') + } this.$element.toggleClass('active') } - /* BUTTON PLUGIN DEFINITION - * ======================== */ + // BUTTON PLUGIN DEFINITION + // ======================== var old = $.fn.button $.fn.button = function (option) { return this.each(function () { - var $this = $(this) - , data = $this.data('button') - , options = typeof option == 'object' && option - if (!data) $this.data('button', (data = new Button(this, options))) + var $this = $(this) + var data = $this.data('button') + var options = typeof option == 'object' && option + + if (!data) $this.data('bs-button', (data = new Button(this, options))) + if (option == 'toggle') data.toggle() else if (option) data.setState(option) }) } - $.fn.button.defaults = { - loadingText: 'loading...' - } - $.fn.button.Constructor = Button - /* BUTTON NO CONFLICT - * ================== */ + // BUTTON NO CONFLICT + // ================== $.fn.button.noConflict = function () { $.fn.button = old @@ -93,10 +93,10 @@ } - /* BUTTON DATA-API - * =============== */ + // BUTTON DATA-API + // =============== - $(document).on('click.button.data-api', '[data-toggle^=button]', function (e) { + $(document).on('click.bs-button.bs-data-api', '[data-toggle^=button]', function (e) { var $btn = $(e.target) if (!$btn.hasClass('btn')) $btn = $btn.closest('.btn') $btn.button('toggle') diff --git a/docs/assets/js/bootstrap-carousel.js b/docs/assets/js/bootstrap-carousel.js index 0dfb70f8d..52f446802 100644 --- a/docs/assets/js/bootstrap-carousel.js +++ b/docs/assets/js/bootstrap-carousel.js @@ -1,5 +1,5 @@ /* ========================================================== - * bootstrap-carousel.js v3.0.0 + * carousel.js v3.0.0 * http://twitter.github.com/bootstrap/javascript.html#carousel * ========================================================== * Copyright 2012 Twitter, Inc. @@ -18,151 +18,151 @@ * ========================================================== */ -!function ($) { +!function ($) { "use strict"; - "use strict"; // jshint ;_; - - - /* CAROUSEL CLASS DEFINITION - * ========================= */ + // CAROUSEL CLASS DEFINITION + // ========================= var Carousel = function (element, options) { - this.$element = $(element) this.$indicators = this.$element.find('.carousel-indicators') - this.options = options + this.$element = $(element) + this.options = options + this.paused = + this.sliding = + this.interval = + this.$active = + this.$items = null + this.options.pause == 'hover' && this.$element .on('mouseenter', $.proxy(this.pause, this)) .on('mouseleave', $.proxy(this.cycle, this)) } - Carousel.prototype = { + Carousel.DEFAULTS = { + interval: 5000 + , pause: 'hover' + } - cycle: function (e) { - if (!e) this.paused = false - if (this.interval) clearInterval(this.interval); - this.options.interval - && !this.paused - && (this.interval = setInterval($.proxy(this.next, this), this.options.interval)) - return this - } + Carousel.prototype.cycle = function (e) { + e || (this.paused = false) - , getActiveIndex: function () { - this.$active = this.$element.find('.item.active') - this.$items = this.$active.parent().children() - return this.$items.index(this.$active) - } + this.interval && clearInterval(this.interval) + + this.options.interval + && !this.paused + && (this.interval = setInterval($.proxy(this.next, this), this.options.interval)) - , to: function (pos) { - var activeIndex = this.getActiveIndex() - , that = this + return this + } - if (pos > (this.$items.length - 1) || pos < 0) return + Carousel.prototype.getActiveIndex = function () { + this.$active = this.$element.find('.item.active') + this.$items = this.$active.parent().children() - if (this.sliding) { - return this.$element.one('slid', function () { - that.to(pos) - }) - } + return this.$items.index(this.$active) + } - if (activeIndex == pos) { - return this.pause().cycle() - } + Carousel.prototype.to = function (pos) { + var that = this + var activeIndex = this.getActiveIndex() - return this.slide(pos > activeIndex ? 'next' : 'prev', $(this.$items[pos])) - } + if (pos > (this.$items.length - 1) || pos < 0) return - , pause: function (e) { - if (!e) this.paused = true - if (this.$element.find('.next, .prev').length && $.support.transition.end) { - this.$element.trigger($.support.transition.end) - this.cycle(true) - } - clearInterval(this.interval) - this.interval = null - return this - } + if (this.sliding) return this.$element.one('slid', function () { that.to(pos) }) + if (activeIndex == pos) return this.pause().cycle() - , next: function () { - if (this.sliding) return - return this.slide('next') - } + return this.slide(pos > activeIndex ? 'next' : 'prev', $(this.$items[pos])) + } - , prev: function () { - if (this.sliding) return - return this.slide('prev') + Carousel.prototype.pause = function (e) { + e || (this.paused = true) + + if (this.$element.find('.next, .prev').length && $.support.transition.end) { + this.$element.trigger($.support.transition.end) + this.cycle(true) } - , slide: function (type, next) { - var $active = this.$element.find('.item.active') - , $next = next || $active[type]() - , isCycling = this.interval - , direction = type == 'next' ? 'left' : 'right' - , fallback = type == 'next' ? 'first' : 'last' - , that = this - , e + this.interval = clearInterval(this.interval) + + return this + } + + Carousel.prototype.next = function () { + if (this.sliding) return + return this.slide('next') + } + + Carousel.prototype.prev = function () { + if (this.sliding) return + return this.slide('prev') + } + + Carousel.prototype.slide = function (type, next) { + var $active = this.$element.find('.item.active') + var $next = next || $active[type]() + var isCycling = this.interval + var direction = type == 'next' ? 'left' : 'right' + var fallback = type == 'next' ? 'first' : 'last' + var that = this + + this.sliding = true + + isCycling && this.pause() - this.sliding = true + $next = $next.length ? $next : this.$element.find('.item')[fallback]() - isCycling && this.pause() + var e = $.Event('slide', { relatedTarget: $next[0], direction: direction }) - $next = $next.length ? $next : this.$element.find('.item')[fallback]() + if ($next.hasClass('active')) return - e = $.Event('slide', { - relatedTarget: $next[0] - , direction: direction + if (this.$indicators.length) { + this.$indicators.find('.active').removeClass('active') + this.$element.one('slid', function () { + var $nextIndicator = $(that.$indicators.children()[that.getActiveIndex()]) + $nextIndicator && $nextIndicator.addClass('active') }) + } - if ($next.hasClass('active')) return - - if (this.$indicators.length) { - this.$indicators.find('.active').removeClass('active') - this.$element.one('slid', function () { - var $nextIndicator = $(that.$indicators.children()[that.getActiveIndex()]) - $nextIndicator && $nextIndicator.addClass('active') - }) - } - - if ($.support.transition && this.$element.hasClass('slide')) { - this.$element.trigger(e) - if (e.isDefaultPrevented()) return - $next.addClass(type) - $next[0].offsetWidth // force reflow - $active.addClass(direction) - $next.addClass(direction) - this.$element.one($.support.transition.end, function () { - $next.removeClass([type, direction].join(' ')).addClass('active') - $active.removeClass(['active', direction].join(' ')) - that.sliding = false - setTimeout(function () { that.$element.trigger('slid') }, 0) - }) - } else { - this.$element.trigger(e) - if (e.isDefaultPrevented()) return - $active.removeClass('active') - $next.addClass('active') - this.sliding = false - this.$element.trigger('slid') - } - - isCycling && this.cycle() - - return this + if ($.support.transition && this.$element.hasClass('slide')) { + this.$element.trigger(e) + if (e.isDefaultPrevented()) return + $next.addClass(type) + $next[0].offsetWidth // force reflow + $active.addClass(direction) + $next.addClass(direction) + this.$element.one($.support.transition.end, function () { + $next.removeClass([type, direction].join(' ')).addClass('active') + $active.removeClass(['active', direction].join(' ')) + that.sliding = false + setTimeout(function () { that.$element.trigger('slid') }, 0) + }) + } else { + this.$element.trigger(e) + if (e.isDefaultPrevented()) return + $active.removeClass('active') + $next.addClass('active') + this.sliding = false + this.$element.trigger('slid') } + isCycling && this.cycle() + + return this } - /* CAROUSEL PLUGIN DEFINITION - * ========================== */ + // CAROUSEL PLUGIN DEFINITION + // ========================== var old = $.fn.carousel $.fn.carousel = function (option) { return this.each(function () { - var $this = $(this) - , data = $this.data('carousel') - , options = $.extend({}, $.fn.carousel.defaults, typeof option == 'object' && option) - , action = typeof option == 'string' ? option : options.slide + var $this = $(this) + var data = $this.data('carousel') + var options = $.extend({}, Carousel.DEFAULTS, typeof option == 'object' && option) + var action = typeof option == 'string' ? option : options.slide + if (!data) $this.data('carousel', (data = new Carousel(this, options))) if (typeof option == 'number') data.to(option) else if (action) data[action]() @@ -170,30 +170,25 @@ }) } - $.fn.carousel.defaults = { - interval: 5000 - , pause: 'hover' - } - $.fn.carousel.Constructor = Carousel - /* CAROUSEL NO CONFLICT - * ==================== */ + // CAROUSEL NO CONFLICT + // ==================== $.fn.carousel.noConflict = function () { $.fn.carousel = old return this } - /* CAROUSEL DATA-API - * ================= */ + // CAROUSEL DATA-API + // ================= $(document).on('click.carousel.data-api', '[data-slide], [data-slide-to]', function (e) { var $this = $(this), href - , $target = $($this.attr('data-target') || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7 - , options = $.extend({}, $target.data(), $this.data()) - , slideIndex + var $target = $($this.attr('data-target') || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7 + var options = $.extend({}, $target.data(), $this.data()) + var slideIndex $target.carousel(options) diff --git a/docs/assets/js/bootstrap-collapse.js b/docs/assets/js/bootstrap-collapse.js index 7bd40c233..37535550d 100644 --- a/docs/assets/js/bootstrap-collapse.js +++ b/docs/assets/js/bootstrap-collapse.js @@ -1,5 +1,5 @@ /* ============================================================= - * bootstrap-collapse.js v3.0.0 + * collapse.js v3.0.0 * http://twitter.github.com/bootstrap/javascript.html#collapse * ============================================================= * Copyright 2012 Twitter, Inc. diff --git a/docs/assets/js/bootstrap-dropdown.js b/docs/assets/js/bootstrap-dropdown.js index 0b1663f48..23696a9d7 100644 --- a/docs/assets/js/bootstrap-dropdown.js +++ b/docs/assets/js/bootstrap-dropdown.js @@ -1,5 +1,5 @@ /* ============================================================ - * bootstrap-dropdown.js v3.0.0 + * dropdown.js v3.0.0 * http://twitter.github.com/bootstrap/javascript.html#dropdowns * ============================================================ * Copyright 2012 Twitter, Inc. diff --git a/docs/assets/js/bootstrap-modal.js b/docs/assets/js/bootstrap-modal.js index 34249a406..790f954c7 100644 --- a/docs/assets/js/bootstrap-modal.js +++ b/docs/assets/js/bootstrap-modal.js @@ -1,5 +1,5 @@ /* ========================================================= - * bootstrap-modal.js v3.0.0 + * modal.js v3.0.0 * http://twitter.github.com/bootstrap/javascript.html#modals * ========================================================= * Copyright 2012 Twitter, Inc. diff --git a/docs/assets/js/bootstrap-popover.js b/docs/assets/js/bootstrap-popover.js index 6ebbab1e6..c48f78edf 100644 --- a/docs/assets/js/bootstrap-popover.js +++ b/docs/assets/js/bootstrap-popover.js @@ -1,5 +1,5 @@ /* =========================================================== - * bootstrap-popover.js v3.0.0 + * popover.js v3.0.0 * http://twitter.github.com/bootstrap/javascript.html#popovers * =========================================================== * Copyright 2012 Twitter, Inc. @@ -31,7 +31,7 @@ } - /* NOTE: POPOVER EXTENDS BOOTSTRAP-TOOLTIP.js + /* NOTE: POPOVER EXTENDS tooltip.js ========================================== */ Popover.prototype = $.extend({}, $.fn.tooltip.Constructor.prototype, { diff --git a/docs/assets/js/bootstrap-scrollspy.js b/docs/assets/js/bootstrap-scrollspy.js index e5f0c3c1a..d080fd2db 100644 --- a/docs/assets/js/bootstrap-scrollspy.js +++ b/docs/assets/js/bootstrap-scrollspy.js @@ -1,5 +1,5 @@ /* ============================================================= - * bootstrap-scrollspy.js v3.0.0 + * scrollspy.js v3.0.0 * http://twitter.github.com/bootstrap/javascript.html#scrollspy * ============================================================= * Copyright 2012 Twitter, Inc. diff --git a/docs/assets/js/bootstrap-tab.js b/docs/assets/js/bootstrap-tab.js index a7a6a83e5..b32958292 100644 --- a/docs/assets/js/bootstrap-tab.js +++ b/docs/assets/js/bootstrap-tab.js @@ -1,5 +1,5 @@ /* ======================================================== - * bootstrap-tab.js v3.0.0 + * tab.js v3.0.0 * http://twitter.github.com/bootstrap/javascript.html#tabs * ======================================================== * Copyright 2012 Twitter, Inc. diff --git a/docs/assets/js/bootstrap-tooltip.js b/docs/assets/js/bootstrap-tooltip.js index 03a65e7e1..8388325a7 100644 --- a/docs/assets/js/bootstrap-tooltip.js +++ b/docs/assets/js/bootstrap-tooltip.js @@ -1,5 +1,5 @@ /* =========================================================== - * bootstrap-tooltip.js v3.0.0 + * tooltip.js v3.0.0 * http://twitter.github.com/bootstrap/javascript.html#tooltips * Inspired by the original jQuery.tipsy by Jason Frame * =========================================================== diff --git a/docs/assets/js/bootstrap-transition.js b/docs/assets/js/bootstrap-transition.js index e1bc4021b..f70cb9dd9 100644 --- a/docs/assets/js/bootstrap-transition.js +++ b/docs/assets/js/bootstrap-transition.js @@ -1,8 +1,8 @@ /* =================================================== - * bootstrap-transition.js v3.0.0 + * transition.js v3.0.0 * http://twitter.github.com/bootstrap/javascript.html#transitions * =================================================== - * Copyright 2012 Twitter, Inc. + * Copyright 2013 Twitter, Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. @@ -20,41 +20,31 @@ !function ($) { - "use strict"; // jshint ;_; + "use strict"; - /* CSS TRANSITION SUPPORT (http://www.modernizr.com/) + /* CSS TRANSITION SUPPORT (Shoutout: http://www.modernizr.com/) * ======================================================= */ - $(function () { - - $.support.transition = (function () { - - var transitionEnd = (function () { - - var el = document.createElement('bootstrap') - , transEndEventNames = { - 'WebkitTransition' : 'webkitTransitionEnd' - , 'MozTransition' : 'transitionend' - , 'OTransition' : 'oTransitionEnd otransitionend' - , 'transition' : 'transitionend' - } - , name + function transitionEnd() { + var el = document.createElement('bootstrap'); - for (name in transEndEventNames){ - if (el.style[name] !== undefined) { - return transEndEventNames[name] - } - } + var transEndEventNames = { + 'WebkitTransition' : 'webkitTransitionEnd' + , 'MozTransition' : 'transitionend' + , 'OTransition' : 'oTransitionEnd otransitionend' + , 'transition' : 'transitionend' + }; - }()) - - return transitionEnd && { - end: transitionEnd + for (var name in transEndEventNames) { + if (el.style[name] !== undefined) { + return { end: transEndEventNames[name] }; } + } + } - })() - - }) + $(function () { + $.support.transition = transitionEnd(); + }); }(window.jQuery); diff --git a/docs/assets/js/bootstrap-typeahead.js b/docs/assets/js/bootstrap-typeahead.js index a6bb0a09c..51f02911d 100644 --- a/docs/assets/js/bootstrap-typeahead.js +++ b/docs/assets/js/bootstrap-typeahead.js @@ -1,5 +1,5 @@ /* ============================================================= - * bootstrap-typeahead.js v3.0.0 + * typeahead.js v3.0.0 * http://twitter.github.com/bootstrap/javascript.html#typeahead * ============================================================= * Copyright 2012 Twitter, Inc. diff --git a/docs/assets/js/bootstrap.js b/docs/assets/js/bootstrap.js index 8de108627..62607d588 100644 --- a/docs/assets/js/bootstrap.js +++ b/docs/assets/js/bootstrap.js @@ -1,8 +1,8 @@ /* =================================================== - * bootstrap-transition.js v3.0.0 + * Bootstrap: transition.js v3.0.0 * http://twitter.github.com/bootstrap/javascript.html#transitions * =================================================== - * Copyright 2012 Twitter, Inc. + * Copyright 2013 Twitter, Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. @@ -20,49 +20,39 @@ !function ($) { - "use strict"; // jshint ;_; + "use strict"; - /* CSS TRANSITION SUPPORT (http://www.modernizr.com/) + /* CSS TRANSITION SUPPORT (Shoutout: http://www.modernizr.com/) * ======================================================= */ - $(function () { - - $.support.transition = (function () { - - var transitionEnd = (function () { - - var el = document.createElement('bootstrap') - , transEndEventNames = { - 'WebkitTransition' : 'webkitTransitionEnd' - , 'MozTransition' : 'transitionend' - , 'OTransition' : 'oTransitionEnd otransitionend' - , 'transition' : 'transitionend' - } - , name - - for (name in transEndEventNames){ - if (el.style[name] !== undefined) { - return transEndEventNames[name] - } - } + function transitionEnd() { + var el = document.createElement('bootstrap'); - }()) + var transEndEventNames = { + 'WebkitTransition' : 'webkitTransitionEnd' + , 'MozTransition' : 'transitionend' + , 'OTransition' : 'oTransitionEnd otransitionend' + , 'transition' : 'transitionend' + }; - return transitionEnd && { - end: transitionEnd + for (var name in transEndEventNames) { + if (el.style[name] !== undefined) { + return { end: transEndEventNames[name] }; } + } + } - })() - - }) + $(function () { + $.support.transition = transitionEnd(); + }); }(window.jQuery); /* ========================================================== - * bootstrap-alert.js v3.0.0 + * Bootstrap: alert.js v3.0.0 * http://twitter.github.com/bootstrap/javascript.html#alerts * ========================================================== - * Copyright 2012 Twitter, Inc. + * Copyright 2013 Twitter, Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. @@ -78,45 +68,41 @@ * ========================================================== */ -!function ($) { - - "use strict"; // jshint ;_; - +!function ($) { "use strict"; - /* ALERT CLASS DEFINITION - * ====================== */ + // ALERT CLASS DEFINITION + // ====================== var dismiss = '[data-dismiss="alert"]' - , Alert = function (el) { - $(el).on('click', dismiss, this.close) - } + var Alert = function (el) { + $(el).on('click', dismiss, this.close) + } Alert.prototype.close = function (e) { - var $this = $(this) - , selector = $this.attr('data-target') - , $parent + var $this = $(this) + var selector = $this.attr('data-target') if (!selector) { selector = $this.attr('href') - selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7 + selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') // strip for ie7 } - $parent = $(selector) + var $parent = $(selector) - e && e.preventDefault() + if (e) e.preventDefault() - $parent.length || ($parent = $this.hasClass('alert') ? $this : $this.parent()) + if (!$parent.length) { + $parent = $this.hasClass('alert') ? $this : $this.parent() + } - $parent.trigger(e = $.Event('close')) + $parent.trigger(e = $.Event('bs-close')) if (e.isDefaultPrevented()) return $parent.removeClass('in') function removeElement() { - $parent - .trigger('closed') - .remove() + $parent.trigger('bs-closed').remove() } $.support.transition && $parent.hasClass('fade') ? @@ -125,16 +111,17 @@ } - /* ALERT PLUGIN DEFINITION - * ======================= */ + // ALERT PLUGIN DEFINITION + // ======================= var old = $.fn.alert $.fn.alert = function (option) { return this.each(function () { var $this = $(this) - , data = $this.data('alert') - if (!data) $this.data('alert', (data = new Alert(this))) + var data = $this.data('bs-alert') + + if (!data) $this.data('bs-alert', (data = new Alert(this))) if (typeof option == 'string') data[option].call($this) }) } @@ -151,17 +138,17 @@ } - /* ALERT DATA-API - * ============== */ + // ALERT DATA-API + // ============== */ - $(document).on('click.alert.data-api', dismiss, Alert.prototype.close) + $(document).on('click.bs-alert.bs-data-api', dismiss, Alert.prototype.close) }(window.jQuery); /* ============================================================ - * bootstrap-button.js v3.0.0 + * Bootstrap: button.js v3.0.0 * http://twitter.github.com/bootstrap/javascript.html#buttons * ============================================================ - * Copyright 2012 Twitter, Inc. + * Copyright 2013 Twitter, Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. @@ -177,27 +164,29 @@ * ============================================================ */ -!function ($) { +!function ($) { "use strict"; - "use strict"; // jshint ;_; - - - /* BUTTON PUBLIC CLASS DEFINITION - * ============================== */ + // BUTTON PUBLIC CLASS DEFINITION + // ============================== var Button = function (element, options) { this.$element = $(element) - this.options = $.extend({}, $.fn.button.defaults, options) + this.options = $.extend({}, Button.DEFAULTS, options) + } + + Button.DEFAULTS = { + loadingText: 'loading...' } Button.prototype.setState = function (state) { - var d = 'disabled' - , $el = this.$element - , data = $el.data() - , val = $el.is('input') ? 'val' : 'html' + var d = 'disabled' + var $el = this.$element + var val = $el.is('input') ? 'val' : 'html' + var data = $el.data() state = state + 'Text' - data.resetText || $el.data('resetText', $el[val]()) + + if (!data.resetText) $el.data('resetText', $el[val]()) $el[val](data[state] || this.options[state]) @@ -205,46 +194,44 @@ setTimeout(function () { state == 'loadingText' ? $el.addClass(d).attr(d, d) : - $el.removeClass(d).removeAttr(d) + $el.removeClass(d).removeAttr(d); }, 0) } Button.prototype.toggle = function () { var $parent = this.$element.closest('[data-toggle="buttons-radio"]') - $parent && $parent - .find('.active') - .removeClass('active') + if ($parent) { + $parent.find('.active').removeClass('active') + } this.$element.toggleClass('active') } - /* BUTTON PLUGIN DEFINITION - * ======================== */ + // BUTTON PLUGIN DEFINITION + // ======================== var old = $.fn.button $.fn.button = function (option) { return this.each(function () { - var $this = $(this) - , data = $this.data('button') - , options = typeof option == 'object' && option - if (!data) $this.data('button', (data = new Button(this, options))) + var $this = $(this) + var data = $this.data('button') + var options = typeof option == 'object' && option + + if (!data) $this.data('bs-button', (data = new Button(this, options))) + if (option == 'toggle') data.toggle() else if (option) data.setState(option) }) } - $.fn.button.defaults = { - loadingText: 'loading...' - } - $.fn.button.Constructor = Button - /* BUTTON NO CONFLICT - * ================== */ + // BUTTON NO CONFLICT + // ================== $.fn.button.noConflict = function () { $.fn.button = old @@ -252,10 +239,10 @@ } - /* BUTTON DATA-API - * =============== */ + // BUTTON DATA-API + // =============== - $(document).on('click.button.data-api', '[data-toggle^=button]', function (e) { + $(document).on('click.bs-button.bs-data-api', '[data-toggle^=button]', function (e) { var $btn = $(e.target) if (!$btn.hasClass('btn')) $btn = $btn.closest('.btn') $btn.button('toggle') @@ -263,7 +250,7 @@ }(window.jQuery); /* ========================================================== - * bootstrap-carousel.js v3.0.0 + * Bootstrap: carousel.js v3.0.0 * http://twitter.github.com/bootstrap/javascript.html#carousel * ========================================================== * Copyright 2012 Twitter, Inc. @@ -282,151 +269,151 @@ * ========================================================== */ -!function ($) { +!function ($) { "use strict"; - "use strict"; // jshint ;_; - - - /* CAROUSEL CLASS DEFINITION - * ========================= */ + // CAROUSEL CLASS DEFINITION + // ========================= var Carousel = function (element, options) { - this.$element = $(element) + this.$element = $(element) this.$indicators = this.$element.find('.carousel-indicators') - this.options = options + this.options = options + this.paused = + this.sliding = + this.interval = + this.$active = + this.$items = null + this.options.pause == 'hover' && this.$element .on('mouseenter', $.proxy(this.pause, this)) .on('mouseleave', $.proxy(this.cycle, this)) } - Carousel.prototype = { + Carousel.DEFAULTS = { + interval: 5000 + , pause: 'hover' + } - cycle: function (e) { - if (!e) this.paused = false - if (this.interval) clearInterval(this.interval); - this.options.interval - && !this.paused - && (this.interval = setInterval($.proxy(this.next, this), this.options.interval)) - return this - } + Carousel.prototype.cycle = function (e) { + e || (this.paused = false) - , getActiveIndex: function () { - this.$active = this.$element.find('.item.active') - this.$items = this.$active.parent().children() - return this.$items.index(this.$active) - } + this.interval && clearInterval(this.interval) - , to: function (pos) { - var activeIndex = this.getActiveIndex() - , that = this + this.options.interval + && !this.paused + && (this.interval = setInterval($.proxy(this.next, this), this.options.interval)) - if (pos > (this.$items.length - 1) || pos < 0) return + return this + } - if (this.sliding) { - return this.$element.one('slid', function () { - that.to(pos) - }) - } + Carousel.prototype.getActiveIndex = function () { + this.$active = this.$element.find('.item.active') + this.$items = this.$active.parent().children() - if (activeIndex == pos) { - return this.pause().cycle() - } + return this.$items.index(this.$active) + } - return this.slide(pos > activeIndex ? 'next' : 'prev', $(this.$items[pos])) - } + Carousel.prototype.to = function (pos) { + var that = this + var activeIndex = this.getActiveIndex() - , pause: function (e) { - if (!e) this.paused = true - if (this.$element.find('.next, .prev').length && $.support.transition.end) { - this.$element.trigger($.support.transition.end) - this.cycle(true) - } - clearInterval(this.interval) - this.interval = null - return this - } + if (pos > (this.$items.length - 1) || pos < 0) return - , next: function () { - if (this.sliding) return - return this.slide('next') - } + if (this.sliding) return this.$element.one('slid', function () { that.to(pos) }) + if (activeIndex == pos) return this.pause().cycle() + + return this.slide(pos > activeIndex ? 'next' : 'prev', $(this.$items[pos])) + } - , prev: function () { - if (this.sliding) return - return this.slide('prev') + Carousel.prototype.pause = function (e) { + e || (this.paused = true) + + if (this.$element.find('.next, .prev').length && $.support.transition.end) { + this.$element.trigger($.support.transition.end) + this.cycle(true) } - , slide: function (type, next) { - var $active = this.$element.find('.item.active') - , $next = next || $active[type]() - , isCycling = this.interval - , direction = type == 'next' ? 'left' : 'right' - , fallback = type == 'next' ? 'first' : 'last' - , that = this - , e + this.interval = clearInterval(this.interval) - this.sliding = true + return this + } - isCycling && this.pause() + Carousel.prototype.next = function () { + if (this.sliding) return + return this.slide('next') + } - $next = $next.length ? $next : this.$element.find('.item')[fallback]() + Carousel.prototype.prev = function () { + if (this.sliding) return + return this.slide('prev') + } - e = $.Event('slide', { - relatedTarget: $next[0] - , direction: direction - }) + Carousel.prototype.slide = function (type, next) { + var $active = this.$element.find('.item.active') + var $next = next || $active[type]() + var isCycling = this.interval + var direction = type == 'next' ? 'left' : 'right' + var fallback = type == 'next' ? 'first' : 'last' + var that = this - if ($next.hasClass('active')) return + this.sliding = true - if (this.$indicators.length) { - this.$indicators.find('.active').removeClass('active') - this.$element.one('slid', function () { - var $nextIndicator = $(that.$indicators.children()[that.getActiveIndex()]) - $nextIndicator && $nextIndicator.addClass('active') - }) - } + isCycling && this.pause() - if ($.support.transition && this.$element.hasClass('slide')) { - this.$element.trigger(e) - if (e.isDefaultPrevented()) return - $next.addClass(type) - $next[0].offsetWidth // force reflow - $active.addClass(direction) - $next.addClass(direction) - this.$element.one($.support.transition.end, function () { - $next.removeClass([type, direction].join(' ')).addClass('active') - $active.removeClass(['active', direction].join(' ')) - that.sliding = false - setTimeout(function () { that.$element.trigger('slid') }, 0) - }) - } else { - this.$element.trigger(e) - if (e.isDefaultPrevented()) return - $active.removeClass('active') - $next.addClass('active') - this.sliding = false - this.$element.trigger('slid') - } + $next = $next.length ? $next : this.$element.find('.item')[fallback]() - isCycling && this.cycle() + var e = $.Event('slide', { relatedTarget: $next[0], direction: direction }) - return this + if ($next.hasClass('active')) return + + if (this.$indicators.length) { + this.$indicators.find('.active').removeClass('active') + this.$element.one('slid', function () { + var $nextIndicator = $(that.$indicators.children()[that.getActiveIndex()]) + $nextIndicator && $nextIndicator.addClass('active') + }) + } + + if ($.support.transition && this.$element.hasClass('slide')) { + this.$element.trigger(e) + if (e.isDefaultPrevented()) return + $next.addClass(type) + $next[0].offsetWidth // force reflow + $active.addClass(direction) + $next.addClass(direction) + this.$element.one($.support.transition.end, function () { + $next.removeClass([type, direction].join(' ')).addClass('active') + $active.removeClass(['active', direction].join(' ')) + that.sliding = false + setTimeout(function () { that.$element.trigger('slid') }, 0) + }) + } else { + this.$element.trigger(e) + if (e.isDefaultPrevented()) return + $active.removeClass('active') + $next.addClass('active') + this.sliding = false + this.$element.trigger('slid') } + isCycling && this.cycle() + + return this } - /* CAROUSEL PLUGIN DEFINITION - * ========================== */ + // CAROUSEL PLUGIN DEFINITION + // ========================== var old = $.fn.carousel $.fn.carousel = function (option) { return this.each(function () { - var $this = $(this) - , data = $this.data('carousel') - , options = $.extend({}, $.fn.carousel.defaults, typeof option == 'object' && option) - , action = typeof option == 'string' ? option : options.slide + var $this = $(this) + var data = $this.data('carousel') + var options = $.extend({}, Carousel.DEFAULTS, typeof option == 'object' && option) + var action = typeof option == 'string' ? option : options.slide + if (!data) $this.data('carousel', (data = new Carousel(this, options))) if (typeof option == 'number') data.to(option) else if (action) data[action]() @@ -434,30 +421,25 @@ }) } - $.fn.carousel.defaults = { - interval: 5000 - , pause: 'hover' - } - $.fn.carousel.Constructor = Carousel - /* CAROUSEL NO CONFLICT - * ==================== */ + // CAROUSEL NO CONFLICT + // ==================== $.fn.carousel.noConflict = function () { $.fn.carousel = old return this } - /* CAROUSEL DATA-API - * ================= */ + // CAROUSEL DATA-API + // ================= $(document).on('click.carousel.data-api', '[data-slide], [data-slide-to]', function (e) { var $this = $(this), href - , $target = $($this.attr('data-target') || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7 - , options = $.extend({}, $target.data(), $this.data()) - , slideIndex + var $target = $($this.attr('data-target') || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7 + var options = $.extend({}, $target.data(), $this.data()) + var slideIndex $target.carousel(options) @@ -470,7 +452,7 @@ }(window.jQuery); /* ============================================================= - * bootstrap-collapse.js v3.0.0 + * Bootstrap: collapse.js v3.0.0 * http://twitter.github.com/bootstrap/javascript.html#collapse * ============================================================= * Copyright 2012 Twitter, Inc. @@ -637,7 +619,7 @@ }(window.jQuery); /* ============================================================ - * bootstrap-dropdown.js v3.0.0 + * Bootstrap: dropdown.js v3.0.0 * http://twitter.github.com/bootstrap/javascript.html#dropdowns * ============================================================ * Copyright 2012 Twitter, Inc. @@ -802,7 +784,7 @@ }(window.jQuery); /* ========================================================= - * bootstrap-modal.js v3.0.0 + * Bootstrap: modal.js v3.0.0 * http://twitter.github.com/bootstrap/javascript.html#modals * ========================================================= * Copyright 2012 Twitter, Inc. @@ -1053,7 +1035,7 @@ }(window.jQuery); /* =========================================================== - * bootstrap-tooltip.js v3.0.0 + * Bootstrap: tooltip.js v3.0.0 * http://twitter.github.com/bootstrap/javascript.html#tooltips * Inspired by the original jQuery.tipsy by Jason Frame * =========================================================== @@ -1414,7 +1396,7 @@ }(window.jQuery); /* =========================================================== - * bootstrap-popover.js v3.0.0 + * Bootstrap: popover.js v3.0.0 * http://twitter.github.com/bootstrap/javascript.html#popovers * =========================================================== * Copyright 2012 Twitter, Inc. @@ -1446,7 +1428,7 @@ } - /* NOTE: POPOVER EXTENDS BOOTSTRAP-TOOLTIP.js + /* NOTE: POPOVER EXTENDS tooltip.js ========================================== */ Popover.prototype = $.extend({}, $.fn.tooltip.Constructor.prototype, { @@ -1528,7 +1510,7 @@ }(window.jQuery); /* ============================================================= - * bootstrap-scrollspy.js v3.0.0 + * Bootstrap: scrollspy.js v3.0.0 * http://twitter.github.com/bootstrap/javascript.html#scrollspy * ============================================================= * Copyright 2012 Twitter, Inc. @@ -1690,7 +1672,7 @@ }(window.jQuery); /* ======================================================== - * bootstrap-tab.js v3.0.0 + * Bootstrap: tab.js v3.0.0 * http://twitter.github.com/bootstrap/javascript.html#tabs * ======================================================== * Copyright 2012 Twitter, Inc. @@ -1832,344 +1814,9 @@ $(this).tab('show') }) -}(window.jQuery); -/* ============================================================= - * bootstrap-typeahead.js v3.0.0 - * http://twitter.github.com/bootstrap/javascript.html#typeahead - * ============================================================= - * Copyright 2012 Twitter, Inc. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - * ============================================================ */ - - -!function($){ - - "use strict"; // jshint ;_; - - - /* TYPEAHEAD PUBLIC CLASS DEFINITION - * ================================= */ - - var Typeahead = function (element, options) { - this.$element = $(element) - this.options = $.extend({}, $.fn.typeahead.defaults, options) - this.matcher = this.options.matcher || this.matcher - this.sorter = this.options.sorter || this.sorter - this.highlighter = this.options.highlighter || this.highlighter - this.updater = this.options.updater || this.updater - this.source = this.options.source - this.$menu = $(this.options.menu) - this.shown = false - this.listen() - } - - Typeahead.prototype = { - - constructor: Typeahead - - , select: function () { - var val = this.$menu.find('.active').attr('data-value') - this.$element - .val(this.updater(val)) - .change() - return this.hide() - } - - , updater: function (item) { - return item - } - - , show: function () { - var pos = $.extend({}, this.$element.position(), { - height: this.$element[0].offsetHeight - }) - - this.$menu - .insertAfter(this.$element) - .css({ - top: pos.top + pos.height - , left: pos.left - }) - .show() - - this.shown = true - return this - } - - , hide: function () { - this.$menu.hide() - this.shown = false - return this - } - - , lookup: function (event) { - var items - - this.query = this.$element.val() - - if (!this.query || this.query.length < this.options.minLength) { - return this.shown ? this.hide() : this - } - - items = $.isFunction(this.source) ? this.source(this.query, $.proxy(this.process, this)) : this.source - - return items ? this.process(items) : this - } - - , process: function (items) { - var that = this - - items = $.grep(items, function (item) { - return that.matcher(item) - }) - - items = this.sorter(items) - - if (!items.length) { - return this.shown ? this.hide() : this - } - - return this.render(items.slice(0, this.options.items)).show() - } - - , matcher: function (item) { - return ~item.toLowerCase().indexOf(this.query.toLowerCase()) - } - - , sorter: function (items) { - var beginswith = [] - , caseSensitive = [] - , caseInsensitive = [] - , item - - while (item = items.shift()) { - if (!item.toLowerCase().indexOf(this.query.toLowerCase())) beginswith.push(item) - else if (~item.indexOf(this.query)) caseSensitive.push(item) - else caseInsensitive.push(item) - } - - return beginswith.concat(caseSensitive, caseInsensitive) - } - - , highlighter: function (item) { - var query = this.query.replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g, '\\$&') - return item.replace(new RegExp('(' + query + ')', 'ig'), function ($1, match) { - return '' + match + '' - }) - } - - , render: function (items) { - var that = this - - items = $(items).map(function (i, item) { - i = $(that.options.item).attr('data-value', item) - i.find('a').html(that.highlighter(item)) - return i[0] - }) - - items.first().addClass('active') - this.$menu.html(items) - return this - } - - , next: function (event) { - var active = this.$menu.find('.active').removeClass('active') - , next = active.next() - - if (!next.length) { - next = $(this.$menu.find('li')[0]) - } - - next.addClass('active') - } - - , prev: function (event) { - var active = this.$menu.find('.active').removeClass('active') - , prev = active.prev() - - if (!prev.length) { - prev = this.$menu.find('li').last() - } - - prev.addClass('active') - } - - , listen: function () { - this.$element - .on('focus', $.proxy(this.focus, this)) - .on('blur', $.proxy(this.blur, this)) - .on('keypress', $.proxy(this.keypress, this)) - .on('keyup', $.proxy(this.keyup, this)) - - if (this.eventSupported('keydown')) { - this.$element.on('keydown', $.proxy(this.keydown, this)) - } - - this.$menu - .on('click', $.proxy(this.click, this)) - .on('mouseenter', 'li', $.proxy(this.mouseenter, this)) - .on('mouseleave', 'li', $.proxy(this.mouseleave, this)) - } - - , eventSupported: function(eventName) { - var isSupported = eventName in this.$element - if (!isSupported) { - this.$element.setAttribute(eventName, 'return;') - isSupported = typeof this.$element[eventName] === 'function' - } - return isSupported - } - - , move: function (e) { - if (!this.shown) return - - switch(e.keyCode) { - case 9: // tab - case 13: // enter - case 27: // escape - e.preventDefault() - break - - case 38: // up arrow - e.preventDefault() - this.prev() - break - - case 40: // down arrow - e.preventDefault() - this.next() - break - } - - e.stopPropagation() - } - - , keydown: function (e) { - this.suppressKeyPressRepeat = ~$.inArray(e.keyCode, [40,38,9,13,27]) - this.move(e) - } - - , keypress: function (e) { - if (this.suppressKeyPressRepeat) return - this.move(e) - } - - , keyup: function (e) { - switch(e.keyCode) { - case 40: // down arrow - case 38: // up arrow - case 16: // shift - case 17: // ctrl - case 18: // alt - break - - case 9: // tab - case 13: // enter - if (!this.shown) return - this.select() - break - - case 27: // escape - if (!this.shown) return - this.hide() - break - - default: - this.lookup() - } - - e.stopPropagation() - e.preventDefault() - } - - , focus: function (e) { - this.focused = true - } - - , blur: function (e) { - this.focused = false - if (!this.mousedover && this.shown) this.hide() - } - - , click: function (e) { - e.stopPropagation() - e.preventDefault() - this.select() - this.$element.focus() - } - - , mouseenter: function (e) { - this.mousedover = true - this.$menu.find('.active').removeClass('active') - $(e.currentTarget).addClass('active') - } - - , mouseleave: function (e) { - this.mousedover = false - if (!this.focused && this.shown) this.hide() - } - - } - - - /* TYPEAHEAD PLUGIN DEFINITION - * =========================== */ - - var old = $.fn.typeahead - - $.fn.typeahead = function (option) { - return this.each(function () { - var $this = $(this) - , data = $this.data('typeahead') - , options = typeof option == 'object' && option - if (!data) $this.data('typeahead', (data = new Typeahead(this, options))) - if (typeof option == 'string') data[option]() - }) - } - - $.fn.typeahead.defaults = { - source: [] - , items: 8 - , menu: '
                    ' - , item: '
                    • ' - , minLength: 1 - } - - $.fn.typeahead.Constructor = Typeahead - - - /* TYPEAHEAD NO CONFLICT - * =================== */ - - $.fn.typeahead.noConflict = function () { - $.fn.typeahead = old - return this - } - - - /* TYPEAHEAD DATA-API - * ================== */ - - $(document).on('focus.typeahead.data-api', '[data-provide="typeahead"]', function (e) { - var $this = $(this) - if ($this.data('typeahead')) return - $this.typeahead($this.data()) - }) - }(window.jQuery); /* ========================================================== - * bootstrap-affix.js v3.0.0 + * Bootstrap: affix.js v3.0.0 * http://twitter.github.com/bootstrap/javascript.html#affix * ========================================================== * Copyright 2012 Twitter, Inc. @@ -2188,77 +1835,81 @@ * ========================================================== */ -!function ($) { - - "use strict"; // jshint ;_; - +!function ($) { "use strict"; - /* AFFIX CLASS DEFINITION - * ====================== */ + // AFFIX CLASS DEFINITION + // ====================== var Affix = function (element, options) { - this.options = $.extend({}, $.fn.affix.defaults, options) + this.options = $.extend({}, Affix.DEFAULTS, options) this.$window = $(window) - .on('scroll.affix.data-api', $.proxy(this.checkPosition, this)) - .on('click.affix.data-api', $.proxy(function () { setTimeout($.proxy(this.checkPosition, this), 1) }, this)) + .on('scroll.bs-affix.bs-data-api', $.proxy(this.checkPosition, this)) + .on('click.bs-affix.bs-data-api', $.proxy(this.checkPositionWithEventLoop, this)) + this.$element = $(element) + this.affixed = + this.unpin = null + this.checkPosition() } + Affix.DEFAULTS = { + offset: 0 + } + + Affix.prototype.checkPositionWithEventLoop = function () { + setTimeout($.proxy(this.checkPosition, this), 1) + } + Affix.prototype.checkPosition = function () { if (!this.$element.is(':visible')) return var scrollHeight = $(document).height() - , scrollTop = this.$window.scrollTop() - , position = this.$element.offset() - , offset = this.options.offset - , offsetBottom = offset.bottom - , offsetTop = offset.top - , reset = 'affix affix-top affix-bottom' - , affix - - if (typeof offset != 'object') offsetBottom = offsetTop = offset - if (typeof offsetTop == 'function') offsetTop = offset.top() + var scrollTop = this.$window.scrollTop() + var position = this.$element.offset() + var offset = this.options.offset + var offsetTop = offset.top + var offsetBottom = offset.bottom + var reset = 'affix affix-top affix-bottom' + + if (typeof offset != 'object') offsetBottom = offsetTop = offset + if (typeof offsetTop == 'function') offsetTop = offset.top() if (typeof offsetBottom == 'function') offsetBottom = offset.bottom() - affix = this.unpin != null && (scrollTop + this.unpin <= position.top) ? - false : offsetBottom != null && (position.top + this.$element.height() >= scrollHeight - offsetBottom) ? - 'bottom' : offsetTop != null && scrollTop <= offsetTop ? - 'top' : false + var affix = this.unpin != null && (scrollTop + this.unpin <= position.top) ? false : + offsetBottom != null && (position.top + this.$element.height() >= scrollHeight - offsetBottom) ? 'bottom' : + offsetTop != null && (scrollTop <= offsetTop) ? 'top' : false if (this.affixed === affix) return this.affixed = affix - this.unpin = affix == 'bottom' ? position.top - scrollTop : null + this.unpin = affix == 'bottom' ? position.top - scrollTop : null this.$element.removeClass(reset).addClass('affix' + (affix ? '-' + affix : '')) } - /* AFFIX PLUGIN DEFINITION - * ======================= */ + // AFFIX PLUGIN DEFINITION + // ======================= var old = $.fn.affix $.fn.affix = function (option) { return this.each(function () { - var $this = $(this) - , data = $this.data('affix') - , options = typeof option == 'object' && option - if (!data) $this.data('affix', (data = new Affix(this, options))) + var $this = $(this) + var data = $this.data('bs-affix') + var options = typeof option == 'object' && option + + if (!data) $this.data('bs-affix', (data = new Affix(this, options))) if (typeof option == 'string') data[option]() }) } $.fn.affix.Constructor = Affix - $.fn.affix.defaults = { - offset: 0 - } - - /* AFFIX NO CONFLICT - * ================= */ + // AFFIX NO CONFLICT + // ================= $.fn.affix.noConflict = function () { $.fn.affix = old @@ -2266,22 +1917,21 @@ } - /* AFFIX DATA-API - * ============== */ + // AFFIX DATA-API + // ============== $(window).on('load', function () { $('[data-spy="affix"]').each(function () { var $spy = $(this) - , data = $spy.data() + var data = $spy.data() data.offset = data.offset || {} - data.offsetBottom && (data.offset.bottom = data.offsetBottom) - data.offsetTop && (data.offset.top = data.offsetTop) + if (data.offsetBottom) data.offset.bottom = data.offsetBottom + if (data.offsetTop) data.offset.top = data.offsetTop $spy.affix(data) }) }) - }(window.jQuery); diff --git a/docs/assets/js/bootstrap.min.js b/docs/assets/js/bootstrap.min.js index 646b3bc73..1fac53a95 100644 --- a/docs/assets/js/bootstrap.min.js +++ b/docs/assets/js/bootstrap.min.js @@ -3,4 +3,4 @@ * Copyright 2012 Twitter, Inc. * http://www.apache.org/licenses/LICENSE-2.0.txt */ -!function(e){"use strict";e(function(){e.support.transition=function(){var e=function(){var e=document.createElement("bootstrap"),t={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"},n;for(n in t)if(e.style[n]!==undefined)return t[n]}();return e&&{end:e}}()})}(window.jQuery),!function(e){"use strict";var t='[data-dismiss="alert"]',n=function(n){e(n).on("click",t,this.close)};n.prototype.close=function(t){function s(){i.trigger("closed").remove()}var n=e(this),r=n.attr("data-target"),i;r||(r=n.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,"")),i=e(r),t&&t.preventDefault(),i.length||(i=n.hasClass("alert")?n:n.parent()),i.trigger(t=e.Event("close"));if(t.isDefaultPrevented())return;i.removeClass("in"),e.support.transition&&i.hasClass("fade")?i.on(e.support.transition.end,s):s()};var r=e.fn.alert;e.fn.alert=function(t){return this.each(function(){var r=e(this),i=r.data("alert");i||r.data("alert",i=new n(this)),typeof t=="string"&&i[t].call(r)})},e.fn.alert.Constructor=n,e.fn.alert.noConflict=function(){return e.fn.alert=r,this},e(document).on("click.alert.data-api",t,n.prototype.close)}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.$element=e(t),this.options=e.extend({},e.fn.button.defaults,n)};t.prototype.setState=function(e){var t="disabled",n=this.$element,r=n.data(),i=n.is("input")?"val":"html";e+="Text",r.resetText||n.data("resetText",n[i]()),n[i](r[e]||this.options[e]),setTimeout(function(){e=="loadingText"?n.addClass(t).attr(t,t):n.removeClass(t).removeAttr(t)},0)},t.prototype.toggle=function(){var e=this.$element.closest('[data-toggle="buttons-radio"]');e&&e.find(".active").removeClass("active"),this.$element.toggleClass("active")};var n=e.fn.button;e.fn.button=function(n){return this.each(function(){var r=e(this),i=r.data("button"),s=typeof n=="object"&&n;i||r.data("button",i=new t(this,s)),n=="toggle"?i.toggle():n&&i.setState(n)})},e.fn.button.defaults={loadingText:"loading..."},e.fn.button.Constructor=t,e.fn.button.noConflict=function(){return e.fn.button=n,this},e(document).on("click.button.data-api","[data-toggle^=button]",function(t){var n=e(t.target);n.hasClass("btn")||(n=n.closest(".btn")),n.button("toggle")})}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.$element=e(t),this.$indicators=this.$element.find(".carousel-indicators"),this.options=n,this.options.pause=="hover"&&this.$element.on("mouseenter",e.proxy(this.pause,this)).on("mouseleave",e.proxy(this.cycle,this))};t.prototype={cycle:function(t){return t||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(e.proxy(this.next,this),this.options.interval)),this},getActiveIndex:function(){return this.$active=this.$element.find(".item.active"),this.$items=this.$active.parent().children(),this.$items.index(this.$active)},to:function(t){var n=this.getActiveIndex(),r=this;if(t>this.$items.length-1||t<0)return;return this.sliding?this.$element.one("slid",function(){r.to(t)}):n==t?this.pause().cycle():this.slide(t>n?"next":"prev",e(this.$items[t]))},pause:function(t){return t||(this.paused=!0),this.$element.find(".next, .prev").length&&e.support.transition.end&&(this.$element.trigger(e.support.transition.end),this.cycle(!0)),clearInterval(this.interval),this.interval=null,this},next:function(){if(this.sliding)return;return this.slide("next")},prev:function(){if(this.sliding)return;return this.slide("prev")},slide:function(t,n){var r=this.$element.find(".item.active"),i=n||r[t](),s=this.interval,o=t=="next"?"left":"right",u=t=="next"?"first":"last",a=this,f;this.sliding=!0,s&&this.pause(),i=i.length?i:this.$element.find(".item")[u](),f=e.Event("slide",{relatedTarget:i[0],direction:o});if(i.hasClass("active"))return;this.$indicators.length&&(this.$indicators.find(".active").removeClass("active"),this.$element.one("slid",function(){var t=e(a.$indicators.children()[a.getActiveIndex()]);t&&t.addClass("active")}));if(e.support.transition&&this.$element.hasClass("slide")){this.$element.trigger(f);if(f.isDefaultPrevented())return;i.addClass(t),i[0].offsetWidth,r.addClass(o),i.addClass(o),this.$element.one(e.support.transition.end,function(){i.removeClass([t,o].join(" ")).addClass("active"),r.removeClass(["active",o].join(" ")),a.sliding=!1,setTimeout(function(){a.$element.trigger("slid")},0)})}else{this.$element.trigger(f);if(f.isDefaultPrevented())return;r.removeClass("active"),i.addClass("active"),this.sliding=!1,this.$element.trigger("slid")}return s&&this.cycle(),this}};var n=e.fn.carousel;e.fn.carousel=function(n){return this.each(function(){var r=e(this),i=r.data("carousel"),s=e.extend({},e.fn.carousel.defaults,typeof n=="object"&&n),o=typeof n=="string"?n:s.slide;i||r.data("carousel",i=new t(this,s)),typeof n=="number"?i.to(n):o?i[o]():s.interval&&i.pause().cycle()})},e.fn.carousel.defaults={interval:5e3,pause:"hover"},e.fn.carousel.Constructor=t,e.fn.carousel.noConflict=function(){return e.fn.carousel=n,this},e(document).on("click.carousel.data-api","[data-slide], [data-slide-to]",function(t){var n=e(this),r,i=e(n.attr("data-target")||(r=n.attr("href"))&&r.replace(/.*(?=#[^\s]+$)/,"")),s=e.extend({},i.data(),n.data()),o;i.carousel(s),(o=n.attr("data-slide-to"))&&i.data("carousel").pause().to(o).cycle(),t.preventDefault()})}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.$element=e(t),this.options=e.extend({},e.fn.collapse.defaults,n),this.options.parent&&(this.$parent=e(this.options.parent)),this.options.toggle&&this.toggle()};t.prototype={constructor:t,dimension:function(){var e=this.$element.hasClass("width");return e?"width":"height"},show:function(){var t,n,r,i;if(this.transitioning||this.$element.hasClass("in"))return;t=this.dimension(),n=e.camelCase(["scroll",t].join("-")),r=this.$parent&&this.$parent.find("> .accordion-group > .in");if(r&&r.length){i=r.data("collapse");if(i&&i.transitioning)return;r.collapse("hide"),i||r.data("collapse",null)}this.$element[t](0),this.transition("addClass",e.Event("show"),"shown"),e.support.transition&&this.$element[t](this.$element[0][n])},hide:function(){var t;if(this.transitioning||!this.$element.hasClass("in"))return;t=this.dimension(),this.reset(this.$element[t]()),this.transition("removeClass",e.Event("hide"),"hidden"),this.$element[t](0)},reset:function(e){var t=this.dimension();return this.$element.removeClass("collapse")[t](e||"auto")[0].offsetWidth,this.$element[e!==null?"addClass":"removeClass"]("collapse"),this},transition:function(t,n,r){var i=this,s=function(){n.type=="show"&&i.reset(),i.transitioning=0,i.$element.trigger(r)};this.$element.trigger(n);if(n.isDefaultPrevented())return;this.transitioning=1,this.$element[t]("in"),e.support.transition&&this.$element.hasClass("collapse")?this.$element.one(e.support.transition.end,s):s()},toggle:function(){this[this.$element.hasClass("in")?"hide":"show"]()}};var n=e.fn.collapse;e.fn.collapse=function(n){return this.each(function(){var r=e(this),i=r.data("collapse"),s=e.extend({},e.fn.collapse.defaults,r.data(),typeof n=="object"&&n);i||r.data("collapse",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.collapse.defaults={toggle:!0},e.fn.collapse.Constructor=t,e.fn.collapse.noConflict=function(){return e.fn.collapse=n,this},e(document).on("click.collapse.data-api","[data-toggle=collapse]",function(t){var n=e(this),r,i=n.attr("data-target")||t.preventDefault()||(r=n.attr("href"))&&r.replace(/.*(?=#[^\s]+$)/,""),s=e(i).data("collapse")?"toggle":n.data();n[e(i).hasClass("in")?"addClass":"removeClass"]("collapsed"),e(i).collapse(s)})}(window.jQuery),!function(e){"use strict";function r(){e(t).each(function(){i(e(this)).removeClass("open")})}function i(t){var n=t.attr("data-target"),r;n||(n=t.attr("href"),n=n&&/#/.test(n)&&n.replace(/.*(?=#[^\s]*$)/,"")),r=n&&e(n);if(!r||!r.length)r=t.parent();return r}var t="[data-toggle=dropdown]",n=function(t){var n=e(t).on("click.dropdown.data-api",this.toggle);e("html").on("click.dropdown.data-api",function(){n.parent().removeClass("open")})};n.prototype={constructor:n,toggle:function(t){var n=e(this),s,o;if(n.is(".disabled, :disabled"))return;return s=i(n),o=s.hasClass("open"),r(),o||s.toggleClass("open"),n.focus(),!1},keydown:function(n){var r,s,o,u,a,f;if(!/(38|40|27)/.test(n.keyCode))return;r=e(this),n.preventDefault(),n.stopPropagation();if(r.is(".disabled, :disabled"))return;u=i(r),a=u.hasClass("open");if(!a||a&&n.keyCode==27)return n.which==27&&u.find(t).focus(),r.click();s=e("[role=menu] li:not(.divider):visible a",u);if(!s.length)return;f=s.index(s.filter(":focus")),n.keyCode==38&&f>0&&f--,n.keyCode==40&&f').appendTo(document.body),this.$backdrop.click(this.options.backdrop=="static"?e.proxy(this.$element[0].focus,this.$element[0]):e.proxy(this.hide,this)),i&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in");if(!t)return;i?this.$backdrop.one(e.support.transition.end,t):t()}else!this.isShown&&this.$backdrop?(this.$backdrop.removeClass("in"),e.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one(e.support.transition.end,t):t()):t&&t()}};var n=e.fn.modal;e.fn.modal=function(n){return this.each(function(){var r=e(this),i=r.data("modal"),s=e.extend({},e.fn.modal.defaults,r.data(),typeof n=="object"&&n);i||r.data("modal",i=new t(this,s)),typeof n=="string"?i[n]():s.show&&i.show()})},e.fn.modal.defaults={backdrop:!0,keyboard:!0,show:!0},e.fn.modal.Constructor=t,e.fn.modal.noConflict=function(){return e.fn.modal=n,this},e(document).on("click.modal.data-api",'[data-toggle="modal"]',function(t){var n=e(this),r=n.attr("href"),i=e(n.attr("data-target")||r&&r.replace(/.*(?=#[^\s]+$)/,"")),s=i.data("modal")?"toggle":e.extend({remote:!/#/.test(r)&&r},i.data(),n.data());t.preventDefault(),i.modal(s).one("hide",function(){n.focus()})});var r=e(document.body).on("shown",".modal",function(){r.addClass("modal-open")}).on("hidden",".modal",function(){r.removeClass("modal-open")})}(window.jQuery),!function(e){"use strict";var t=function(e,t){this.init("tooltip",e,t)};t.prototype={constructor:t,init:function(t,n,r){var i,s,o,u,a;this.type=t,this.$element=e(n),this.options=this.getOptions(r),this.enabled=!0,o=this.options.trigger.split(" ");for(a=o.length;a--;)u=o[a],u=="click"?this.$element.on("click."+this.type,this.options.selector,e.proxy(this.toggle,this)):u!="manual"&&(i=u=="hover"?"mouseenter":"focus",s=u=="hover"?"mouseleave":"blur",this.$element.on(i+"."+this.type,this.options.selector,e.proxy(this.enter,this)),this.$element.on(s+"."+this.type,this.options.selector,e.proxy(this.leave,this)));this.options.selector?this._options=e.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},getOptions:function(t){return t=e.extend({},e.fn[this.type].defaults,this.$element.data(),t),t.delay&&typeof t.delay=="number"&&(t.delay={show:t.delay,hide:t.delay}),t},enter:function(t){var n=e.fn[this.type].defaults,r={},i;this._options&&e.each(this._options,function(e,t){n[e]!=t&&(r[e]=t)},this),i=e(t.currentTarget)[this.type](r).data(this.type);if(!i.options.delay||!i.options.delay.show)return i.show();clearTimeout(this.timeout),i.hoverState="in",this.timeout=setTimeout(function(){i.hoverState=="in"&&i.show()},i.options.delay.show)},leave:function(t){var n=e(t.currentTarget)[this.type](this._options).data(this.type);this.timeout&&clearTimeout(this.timeout);if(!n.options.delay||!n.options.delay.hide)return n.hide();n.hoverState="out",this.timeout=setTimeout(function(){n.hoverState=="out"&&n.hide()},n.options.delay.hide)},show:function(){var t,n,r,i,s,o,u=e.Event("show");if(this.hasContent()&&this.enabled){this.$element.trigger(u);if(u.isDefaultPrevented())return;t=this.tip(),this.setContent(),this.options.animation&&t.addClass("fade"),s=typeof this.options.placement=="function"?this.options.placement.call(this,t[0],this.$element[0]):this.options.placement,t.detach().css({top:0,left:0,display:"block"}),this.options.container?t.appendTo(this.options.container):t.insertAfter(this.$element),n=this.getPosition(),r=t[0].offsetWidth,i=t[0].offsetHeight;switch(s){case"bottom":o={top:n.top+n.height,left:n.left+n.width/2-r/2};break;case"top":o={top:n.top-i,left:n.left+n.width/2-r/2};break;case"left":o={top:n.top+n.height/2-i/2,left:n.left-r};break;case"right":o={top:n.top+n.height/2-i/2,left:n.left+n.width}}this.applyPlacement(o,s),this.$element.trigger("shown")}},applyPlacement:function(e,t){var n=this.tip(),r=n[0].offsetWidth,i=n[0].offsetHeight,s,o,u,a;n.offset(e).addClass(t).addClass("in"),s=n[0].offsetWidth,o=n[0].offsetHeight,t=="top"&&o!=i&&(e.top=e.top+i-o,a=!0),t=="bottom"||t=="top"?(u=0,e.left<0&&(u=e.left*-2,e.left=0,n.offset(e),s=n[0].offsetWidth,o=n[0].offsetHeight),this.replaceArrow(u-r+s,s,"left")):this.replaceArrow(o-i,o,"top"),a&&n.offset(e)},replaceArrow:function(e,t,n){this.arrow().css(n,e?50*(1-e/t)+"%":"")},setContent:function(){var e=this.tip(),t=this.getTitle();e.find(".tooltip-inner")[this.options.html?"html":"text"](t),e.removeClass("fade in top bottom left right")},hide:function(){function i(){var t=setTimeout(function(){n.off(e.support.transition.end).detach()},500);n.one(e.support.transition.end,function(){clearTimeout(t),n.detach()})}var t=this,n=this.tip(),r=e.Event("hide");this.$element.trigger(r);if(r.isDefaultPrevented())return;return n.removeClass("in"),e.support.transition&&this.$tip.hasClass("fade")?i():n.detach(),this.$element.trigger("hidden"),this},fixTitle:function(){var e=this.$element;(e.attr("title")||typeof e.attr("data-original-title")!="string")&&e.attr("data-original-title",e.attr("title")||"").attr("title","")},hasContent:function(){return this.getTitle()},getPosition:function(){var t=this.$element[0];return e.extend({},typeof t.getBoundingClientRect=="function"?t.getBoundingClientRect():{width:t.offsetWidth,height:t.offsetHeight},this.$element.offset())},getTitle:function(){var e,t=this.$element,n=this.options;return e=t.attr("data-original-title")||(typeof n.title=="function"?n.title.call(t[0]):n.title),e},tip:function(){return this.$tip=this.$tip||e(this.options.template)},arrow:function(){return this.$arrow=this.$arrow||this.tip().find(".tooltip-arrow")},validate:function(){this.$element[0].parentNode||(this.hide(),this.$element=null,this.options=null)},enable:function(){this.enabled=!0},disable:function(){this.enabled=!1},toggleEnabled:function(){this.enabled=!this.enabled},toggle:function(t){var n=t?e(t.currentTarget)[this.type](this._options).data(this.type):this;n.tip().hasClass("in")?n.hide():n.show()},destroy:function(){this.hide().$element.off("."+this.type).removeData(this.type)}};var n=e.fn.tooltip;e.fn.tooltip=function(n){return this.each(function(){var r=e(this),i=r.data("tooltip"),s=typeof n=="object"&&n;i||r.data("tooltip",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.tooltip.Constructor=t,e.fn.tooltip.defaults={animation:!0,placement:"top",selector:!1,template:'
                    ',trigger:"hover focus",title:"",delay:0,html:!1,container:!1},e.fn.tooltip.noConflict=function(){return e.fn.tooltip=n,this}}(window.jQuery),!function(e){"use strict";var t=function(e,t){this.init("popover",e,t)};t.prototype=e.extend({},e.fn.tooltip.Constructor.prototype,{constructor:t,setContent:function(){var e=this.tip(),t=this.getTitle(),n=this.getContent();e.find(".popover-title")[this.options.html?"html":"text"](t),e.find(".popover-content")[this.options.html?"html":"text"](n),e.removeClass("fade top bottom left right in")},hasContent:function(){return this.getTitle()||this.getContent()},getContent:function(){var e,t=this.$element,n=this.options;return e=(typeof n.content=="function"?n.content.call(t[0]):n.content)||t.attr("data-content"),e},tip:function(){return this.$tip||(this.$tip=e(this.options.template)),this.$tip},destroy:function(){this.hide().$element.off("."+this.type).removeData(this.type)}});var n=e.fn.popover;e.fn.popover=function(n){return this.each(function(){var r=e(this),i=r.data("popover"),s=typeof n=="object"&&n;i||r.data("popover",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.popover.Constructor=t,e.fn.popover.defaults=e.extend({},e.fn.tooltip.defaults,{placement:"right",trigger:"click",content:"",template:'

                    '}),e.fn.popover.noConflict=function(){return e.fn.popover=n,this}}(window.jQuery),!function(e){"use strict";function t(t,n){var r=e.proxy(this.process,this),i=e(t).is("body")?e(window):e(t),s;this.options=e.extend({},e.fn.scrollspy.defaults,n),this.$scrollElement=i.on("scroll.scroll-spy.data-api",r),this.selector=(this.options.target||(s=e(t).attr("href"))&&s.replace(/.*(?=#[^\s]+$)/,"")||"")+" .nav li > a",this.$body=e("body"),this.refresh(),this.process()}t.prototype={constructor:t,refresh:function(){var t=this,n;this.offsets=e([]),this.targets=e([]),n=this.$body.find(this.selector).map(function(){var n=e(this),r=n.data("target")||n.attr("href"),i=/^#\w/.test(r)&&e(r);return i&&i.length&&[[i.position().top+(!e.isWindow(t.$scrollElement.get(0))&&t.$scrollElement.scrollTop()),r]]||null}).sort(function(e,t){return e[0]-t[0]}).each(function(){t.offsets.push(this[0]),t.targets.push(this[1])})},process:function(){var e=this.$scrollElement.scrollTop()+this.options.offset,t=this.$scrollElement[0].scrollHeight||this.$body[0].scrollHeight,n=t-this.$scrollElement.height(),r=this.offsets,i=this.targets,s=this.activeTarget,o;if(e>=n)return s!=(o=i.last()[0])&&this.activate(o);for(o=r.length;o--;)s!=i[o]&&e>=r[o]&&(!r[o+1]||e<=r[o+1])&&this.activate(i[o])},activate:function(t){var n,r;this.activeTarget=t,e(this.selector).parents(".active").removeClass("active"),r=this.selector+'[data-target="'+t+'"],'+this.selector+'[href="'+t+'"]',n=e(r).parents("li").addClass("active"),n.parent(".dropdown-menu").length&&(n=n.closest("li.dropdown").addClass("active")),n.trigger("activate")}};var n=e.fn.scrollspy;e.fn.scrollspy=function(n){return this.each(function(){var r=e(this),i=r.data("scrollspy"),s=typeof n=="object"&&n;i||r.data("scrollspy",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.scrollspy.Constructor=t,e.fn.scrollspy.defaults={offset:10},e.fn.scrollspy.noConflict=function(){return e.fn.scrollspy=n,this},e(window).on("load",function(){e('[data-spy="scroll"]').each(function(){var t=e(this);t.scrollspy(t.data())})})}(window.jQuery),!function(e){"use strict";var t=function(t){this.element=e(t)};t.prototype={constructor:t,show:function(){var t=this.element,n=t.closest("ul:not(.dropdown-menu)"),r=t.attr("data-target"),i,s,o;r||(r=t.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,""));if(t.parent("li").hasClass("active"))return;i=n.find(".active:last a")[0],o=e.Event("show",{relatedTarget:i}),t.trigger(o);if(o.isDefaultPrevented())return;s=e(r),this.activate(t.parent("li"),n),this.activate(s,s.parent(),function(){t.trigger({type:"shown",relatedTarget:i})})},activate:function(t,n,r){function o(){i.removeClass("active").find("> .dropdown-menu > .active").removeClass("active"),t.addClass("active"),s?(t[0].offsetWidth,t.addClass("in")):t.removeClass("fade"),t.parent(".dropdown-menu")&&t.closest("li.dropdown").addClass("active"),r&&r()}var i=n.find("> .active"),s=r&&e.support.transition&&i.hasClass("fade");s?i.one(e.support.transition.end,o):o(),i.removeClass("in")}};var n=e.fn.tab;e.fn.tab=function(n){return this.each(function(){var r=e(this),i=r.data("tab");i||r.data("tab",i=new t(this)),typeof n=="string"&&i[n]()})},e.fn.tab.Constructor=t,e.fn.tab.noConflict=function(){return e.fn.tab=n,this},e(document).on("click.tab.data-api",'[data-toggle="tab"], [data-toggle="pill"]',function(t){t.preventDefault(),e(this).tab("show")})}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.$element=e(t),this.options=e.extend({},e.fn.typeahead.defaults,n),this.matcher=this.options.matcher||this.matcher,this.sorter=this.options.sorter||this.sorter,this.highlighter=this.options.highlighter||this.highlighter,this.updater=this.options.updater||this.updater,this.source=this.options.source,this.$menu=e(this.options.menu),this.shown=!1,this.listen()};t.prototype={constructor:t,select:function(){var e=this.$menu.find(".active").attr("data-value");return this.$element.val(this.updater(e)).change(),this.hide()},updater:function(e){return e},show:function(){var t=e.extend({},this.$element.position(),{height:this.$element[0].offsetHeight});return this.$menu.insertAfter(this.$element).css({top:t.top+t.height,left:t.left}).show(),this.shown=!0,this},hide:function(){return this.$menu.hide(),this.shown=!1,this},lookup:function(t){var n;return this.query=this.$element.val(),!this.query||this.query.length"+t+""})},render:function(t){var n=this;return t=e(t).map(function(t,r){return t=e(n.options.item).attr("data-value",r),t.find("a").html(n.highlighter(r)),t[0]}),t.first().addClass("active"),this.$menu.html(t),this},next:function(t){var n=this.$menu.find(".active").removeClass("active"),r=n.next();r.length||(r=e(this.$menu.find("li")[0])),r.addClass("active")},prev:function(e){var t=this.$menu.find(".active").removeClass("active"),n=t.prev();n.length||(n=this.$menu.find("li").last()),n.addClass("active")},listen:function(){this.$element.on("focus",e.proxy(this.focus,this)).on("blur",e.proxy(this.blur,this)).on("keypress",e.proxy(this.keypress,this)).on("keyup",e.proxy(this.keyup,this)),this.eventSupported("keydown")&&this.$element.on("keydown",e.proxy(this.keydown,this)),this.$menu.on("click",e.proxy(this.click,this)).on("mouseenter","li",e.proxy(this.mouseenter,this)).on("mouseleave","li",e.proxy(this.mouseleave,this))},eventSupported:function(e){var t=e in this.$element;return t||(this.$element.setAttribute(e,"return;"),t=typeof this.$element[e]=="function"),t},move:function(e){if(!this.shown)return;switch(e.keyCode){case 9:case 13:case 27:e.preventDefault();break;case 38:e.preventDefault(),this.prev();break;case 40:e.preventDefault(),this.next()}e.stopPropagation()},keydown:function(t){this.suppressKeyPressRepeat=~e.inArray(t.keyCode,[40,38,9,13,27]),this.move(t)},keypress:function(e){if(this.suppressKeyPressRepeat)return;this.move(e)},keyup:function(e){switch(e.keyCode){case 40:case 38:case 16:case 17:case 18:break;case 9:case 13:if(!this.shown)return;this.select();break;case 27:if(!this.shown)return;this.hide();break;default:this.lookup()}e.stopPropagation(),e.preventDefault()},focus:function(e){this.focused=!0},blur:function(e){this.focused=!1,!this.mousedover&&this.shown&&this.hide()},click:function(e){e.stopPropagation(),e.preventDefault(),this.select(),this.$element.focus()},mouseenter:function(t){this.mousedover=!0,this.$menu.find(".active").removeClass("active"),e(t.currentTarget).addClass("active")},mouseleave:function(e){this.mousedover=!1,!this.focused&&this.shown&&this.hide()}};var n=e.fn.typeahead;e.fn.typeahead=function(n){return this.each(function(){var r=e(this),i=r.data("typeahead"),s=typeof n=="object"&&n;i||r.data("typeahead",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.typeahead.defaults={source:[],items:8,menu:'
                      ',item:'
                      • ',minLength:1},e.fn.typeahead.Constructor=t,e.fn.typeahead.noConflict=function(){return e.fn.typeahead=n,this},e(document).on("focus.typeahead.data-api",'[data-provide="typeahead"]',function(t){var n=e(this);if(n.data("typeahead"))return;n.typeahead(n.data())})}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.options=e.extend({},e.fn.affix.defaults,n),this.$window=e(window).on("scroll.affix.data-api",e.proxy(this.checkPosition,this)).on("click.affix.data-api",e.proxy(function(){setTimeout(e.proxy(this.checkPosition,this),1)},this)),this.$element=e(t),this.checkPosition()};t.prototype.checkPosition=function(){if(!this.$element.is(":visible"))return;var t=e(document).height(),n=this.$window.scrollTop(),r=this.$element.offset(),i=this.options.offset,s=i.bottom,o=i.top,u="affix affix-top affix-bottom",a;typeof i!="object"&&(s=o=i),typeof o=="function"&&(o=i.top()),typeof s=="function"&&(s=i.bottom()),a=this.unpin!=null&&n+this.unpin<=r.top?!1:s!=null&&r.top+this.$element.height()>=t-s?"bottom":o!=null&&n<=o?"top":!1;if(this.affixed===a)return;this.affixed=a,this.unpin=a=="bottom"?r.top-n:null,this.$element.removeClass(u).addClass("affix"+(a?"-"+a:""))};var n=e.fn.affix;e.fn.affix=function(n){return this.each(function(){var r=e(this),i=r.data("affix"),s=typeof n=="object"&&n;i||r.data("affix",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.affix.Constructor=t,e.fn.affix.defaults={offset:0},e.fn.affix.noConflict=function(){return e.fn.affix=n,this},e(window).on("load",function(){e('[data-spy="affix"]').each(function(){var t=e(this),n=t.data();n.offset=n.offset||{},n.offsetBottom&&(n.offset.bottom=n.offsetBottom),n.offsetTop&&(n.offset.top=n.offsetTop),t.affix(n)})})}(window.jQuery); \ No newline at end of file +!function(e){"use strict";function t(){var e=document.createElement("bootstrap"),t={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var n in t)if(e.style[n]!==undefined)return{end:t[n]}}e(function(){e.support.transition=t()})}(window.jQuery),!function(e){"use strict";var t='[data-dismiss="alert"]',n=function(n){e(n).on("click",t,this.close)};n.prototype.close=function(t){function s(){i.trigger("bs-closed").remove()}var n=e(this),r=n.attr("data-target");r||(r=n.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,""));var i=e(r);t&&t.preventDefault(),i.length||(i=n.hasClass("alert")?n:n.parent()),i.trigger(t=e.Event("bs-close"));if(t.isDefaultPrevented())return;i.removeClass("in"),e.support.transition&&i.hasClass("fade")?i.on(e.support.transition.end,s):s()};var r=e.fn.alert;e.fn.alert=function(t){return this.each(function(){var r=e(this),i=r.data("bs-alert");i||r.data("bs-alert",i=new n(this)),typeof t=="string"&&i[t].call(r)})},e.fn.alert.Constructor=n,e.fn.alert.noConflict=function(){return e.fn.alert=r,this},e(document).on("click.bs-alert.bs-data-api",t,n.prototype.close)}(window.jQuery),!function(e){"use strict";var t=function(n,r){this.$element=e(n),this.options=e.extend({},t.DEFAULTS,r)};t.DEFAULTS={loadingText:"loading..."},t.prototype.setState=function(e){var t="disabled",n=this.$element,r=n.is("input")?"val":"html",i=n.data();e+="Text",i.resetText||n.data("resetText",n[r]()),n[r](i[e]||this.options[e]),setTimeout(function(){e=="loadingText"?n.addClass(t).attr(t,t):n.removeClass(t).removeAttr(t)},0)},t.prototype.toggle=function(){var e=this.$element.closest('[data-toggle="buttons-radio"]');e&&e.find(".active").removeClass("active"),this.$element.toggleClass("active")};var n=e.fn.button;e.fn.button=function(n){return this.each(function(){var r=e(this),i=r.data("button"),s=typeof n=="object"&&n;i||r.data("bs-button",i=new t(this,s)),n=="toggle"?i.toggle():n&&i.setState(n)})},e.fn.button.Constructor=t,e.fn.button.noConflict=function(){return e.fn.button=n,this},e(document).on("click.bs-button.bs-data-api","[data-toggle^=button]",function(t){var n=e(t.target);n.hasClass("btn")||(n=n.closest(".btn")),n.button("toggle")})}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.$element=e(t),this.$indicators=this.$element.find(".carousel-indicators"),this.options=n,this.paused=this.sliding=this.interval=this.$active=this.$items=null,this.options.pause=="hover"&&this.$element.on("mouseenter",e.proxy(this.pause,this)).on("mouseleave",e.proxy(this.cycle,this))};t.DEFAULTS={interval:5e3,pause:"hover"},t.prototype.cycle=function(t){return t||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(e.proxy(this.next,this),this.options.interval)),this},t.prototype.getActiveIndex=function(){return this.$active=this.$element.find(".item.active"),this.$items=this.$active.parent().children(),this.$items.index(this.$active)},t.prototype.to=function(t){var n=this,r=this.getActiveIndex();if(t>this.$items.length-1||t<0)return;return this.sliding?this.$element.one("slid",function(){n.to(t)}):r==t?this.pause().cycle():this.slide(t>r?"next":"prev",e(this.$items[t]))},t.prototype.pause=function(t){return t||(this.paused=!0),this.$element.find(".next, .prev").length&&e.support.transition.end&&(this.$element.trigger(e.support.transition.end),this.cycle(!0)),this.interval=clearInterval(this.interval),this},t.prototype.next=function(){if(this.sliding)return;return this.slide("next")},t.prototype.prev=function(){if(this.sliding)return;return this.slide("prev")},t.prototype.slide=function(t,n){var r=this.$element.find(".item.active"),i=n||r[t](),s=this.interval,o=t=="next"?"left":"right",u=t=="next"?"first":"last",a=this;this.sliding=!0,s&&this.pause(),i=i.length?i:this.$element.find(".item")[u]();var f=e.Event("slide",{relatedTarget:i[0],direction:o});if(i.hasClass("active"))return;this.$indicators.length&&(this.$indicators.find(".active").removeClass("active"),this.$element.one("slid",function(){var t=e(a.$indicators.children()[a.getActiveIndex()]);t&&t.addClass("active")}));if(e.support.transition&&this.$element.hasClass("slide")){this.$element.trigger(f);if(f.isDefaultPrevented())return;i.addClass(t),i[0].offsetWidth,r.addClass(o),i.addClass(o),this.$element.one(e.support.transition.end,function(){i.removeClass([t,o].join(" ")).addClass("active"),r.removeClass(["active",o].join(" ")),a.sliding=!1,setTimeout(function(){a.$element.trigger("slid")},0)})}else{this.$element.trigger(f);if(f.isDefaultPrevented())return;r.removeClass("active"),i.addClass("active"),this.sliding=!1,this.$element.trigger("slid")}return s&&this.cycle(),this};var n=e.fn.carousel;e.fn.carousel=function(n){return this.each(function(){var r=e(this),i=r.data("carousel"),s=e.extend({},t.DEFAULTS,typeof n=="object"&&n),o=typeof n=="string"?n:s.slide;i||r.data("carousel",i=new t(this,s)),typeof n=="number"?i.to(n):o?i[o]():s.interval&&i.pause().cycle()})},e.fn.carousel.Constructor=t,e.fn.carousel.noConflict=function(){return e.fn.carousel=n,this},e(document).on("click.carousel.data-api","[data-slide], [data-slide-to]",function(t){var n=e(this),r,i=e(n.attr("data-target")||(r=n.attr("href"))&&r.replace(/.*(?=#[^\s]+$)/,"")),s=e.extend({},i.data(),n.data()),o;i.carousel(s),(o=n.attr("data-slide-to"))&&i.data("carousel").pause().to(o).cycle(),t.preventDefault()})}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.$element=e(t),this.options=e.extend({},e.fn.collapse.defaults,n),this.options.parent&&(this.$parent=e(this.options.parent)),this.options.toggle&&this.toggle()};t.prototype={constructor:t,dimension:function(){var e=this.$element.hasClass("width");return e?"width":"height"},show:function(){var t,n,r,i;if(this.transitioning||this.$element.hasClass("in"))return;t=this.dimension(),n=e.camelCase(["scroll",t].join("-")),r=this.$parent&&this.$parent.find("> .accordion-group > .in");if(r&&r.length){i=r.data("collapse");if(i&&i.transitioning)return;r.collapse("hide"),i||r.data("collapse",null)}this.$element[t](0),this.transition("addClass",e.Event("show"),"shown"),e.support.transition&&this.$element[t](this.$element[0][n])},hide:function(){var t;if(this.transitioning||!this.$element.hasClass("in"))return;t=this.dimension(),this.reset(this.$element[t]()),this.transition("removeClass",e.Event("hide"),"hidden"),this.$element[t](0)},reset:function(e){var t=this.dimension();return this.$element.removeClass("collapse")[t](e||"auto")[0].offsetWidth,this.$element[e!==null?"addClass":"removeClass"]("collapse"),this},transition:function(t,n,r){var i=this,s=function(){n.type=="show"&&i.reset(),i.transitioning=0,i.$element.trigger(r)};this.$element.trigger(n);if(n.isDefaultPrevented())return;this.transitioning=1,this.$element[t]("in"),e.support.transition&&this.$element.hasClass("collapse")?this.$element.one(e.support.transition.end,s):s()},toggle:function(){this[this.$element.hasClass("in")?"hide":"show"]()}};var n=e.fn.collapse;e.fn.collapse=function(n){return this.each(function(){var r=e(this),i=r.data("collapse"),s=e.extend({},e.fn.collapse.defaults,r.data(),typeof n=="object"&&n);i||r.data("collapse",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.collapse.defaults={toggle:!0},e.fn.collapse.Constructor=t,e.fn.collapse.noConflict=function(){return e.fn.collapse=n,this},e(document).on("click.collapse.data-api","[data-toggle=collapse]",function(t){var n=e(this),r,i=n.attr("data-target")||t.preventDefault()||(r=n.attr("href"))&&r.replace(/.*(?=#[^\s]+$)/,""),s=e(i).data("collapse")?"toggle":n.data();n[e(i).hasClass("in")?"addClass":"removeClass"]("collapsed"),e(i).collapse(s)})}(window.jQuery),!function(e){"use strict";function r(){e(t).each(function(){i(e(this)).removeClass("open")})}function i(t){var n=t.attr("data-target"),r;n||(n=t.attr("href"),n=n&&/#/.test(n)&&n.replace(/.*(?=#[^\s]*$)/,"")),r=n&&e(n);if(!r||!r.length)r=t.parent();return r}var t="[data-toggle=dropdown]",n=function(t){var n=e(t).on("click.dropdown.data-api",this.toggle);e("html").on("click.dropdown.data-api",function(){n.parent().removeClass("open")})};n.prototype={constructor:n,toggle:function(t){var n=e(this),s,o;if(n.is(".disabled, :disabled"))return;return s=i(n),o=s.hasClass("open"),r(),o||s.toggleClass("open"),n.focus(),!1},keydown:function(n){var r,s,o,u,a,f;if(!/(38|40|27)/.test(n.keyCode))return;r=e(this),n.preventDefault(),n.stopPropagation();if(r.is(".disabled, :disabled"))return;u=i(r),a=u.hasClass("open");if(!a||a&&n.keyCode==27)return n.which==27&&u.find(t).focus(),r.click();s=e("[role=menu] li:not(.divider):visible a",u);if(!s.length)return;f=s.index(s.filter(":focus")),n.keyCode==38&&f>0&&f--,n.keyCode==40&&f').appendTo(document.body),this.$backdrop.click(this.options.backdrop=="static"?e.proxy(this.$element[0].focus,this.$element[0]):e.proxy(this.hide,this)),i&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in");if(!t)return;i?this.$backdrop.one(e.support.transition.end,t):t()}else!this.isShown&&this.$backdrop?(this.$backdrop.removeClass("in"),e.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one(e.support.transition.end,t):t()):t&&t()}};var n=e.fn.modal;e.fn.modal=function(n){return this.each(function(){var r=e(this),i=r.data("modal"),s=e.extend({},e.fn.modal.defaults,r.data(),typeof n=="object"&&n);i||r.data("modal",i=new t(this,s)),typeof n=="string"?i[n]():s.show&&i.show()})},e.fn.modal.defaults={backdrop:!0,keyboard:!0,show:!0},e.fn.modal.Constructor=t,e.fn.modal.noConflict=function(){return e.fn.modal=n,this},e(document).on("click.modal.data-api",'[data-toggle="modal"]',function(t){var n=e(this),r=n.attr("href"),i=e(n.attr("data-target")||r&&r.replace(/.*(?=#[^\s]+$)/,"")),s=i.data("modal")?"toggle":e.extend({remote:!/#/.test(r)&&r},i.data(),n.data());t.preventDefault(),i.modal(s).one("hide",function(){n.focus()})});var r=e(document.body).on("shown",".modal",function(){r.addClass("modal-open")}).on("hidden",".modal",function(){r.removeClass("modal-open")})}(window.jQuery),!function(e){"use strict";var t=function(e,t){this.init("tooltip",e,t)};t.prototype={constructor:t,init:function(t,n,r){var i,s,o,u,a;this.type=t,this.$element=e(n),this.options=this.getOptions(r),this.enabled=!0,o=this.options.trigger.split(" ");for(a=o.length;a--;)u=o[a],u=="click"?this.$element.on("click."+this.type,this.options.selector,e.proxy(this.toggle,this)):u!="manual"&&(i=u=="hover"?"mouseenter":"focus",s=u=="hover"?"mouseleave":"blur",this.$element.on(i+"."+this.type,this.options.selector,e.proxy(this.enter,this)),this.$element.on(s+"."+this.type,this.options.selector,e.proxy(this.leave,this)));this.options.selector?this._options=e.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},getOptions:function(t){return t=e.extend({},e.fn[this.type].defaults,this.$element.data(),t),t.delay&&typeof t.delay=="number"&&(t.delay={show:t.delay,hide:t.delay}),t},enter:function(t){var n=e.fn[this.type].defaults,r={},i;this._options&&e.each(this._options,function(e,t){n[e]!=t&&(r[e]=t)},this),i=e(t.currentTarget)[this.type](r).data(this.type);if(!i.options.delay||!i.options.delay.show)return i.show();clearTimeout(this.timeout),i.hoverState="in",this.timeout=setTimeout(function(){i.hoverState=="in"&&i.show()},i.options.delay.show)},leave:function(t){var n=e(t.currentTarget)[this.type](this._options).data(this.type);this.timeout&&clearTimeout(this.timeout);if(!n.options.delay||!n.options.delay.hide)return n.hide();n.hoverState="out",this.timeout=setTimeout(function(){n.hoverState=="out"&&n.hide()},n.options.delay.hide)},show:function(){var t,n,r,i,s,o,u=e.Event("show");if(this.hasContent()&&this.enabled){this.$element.trigger(u);if(u.isDefaultPrevented())return;t=this.tip(),this.setContent(),this.options.animation&&t.addClass("fade"),s=typeof this.options.placement=="function"?this.options.placement.call(this,t[0],this.$element[0]):this.options.placement,t.detach().css({top:0,left:0,display:"block"}),this.options.container?t.appendTo(this.options.container):t.insertAfter(this.$element),n=this.getPosition(),r=t[0].offsetWidth,i=t[0].offsetHeight;switch(s){case"bottom":o={top:n.top+n.height,left:n.left+n.width/2-r/2};break;case"top":o={top:n.top-i,left:n.left+n.width/2-r/2};break;case"left":o={top:n.top+n.height/2-i/2,left:n.left-r};break;case"right":o={top:n.top+n.height/2-i/2,left:n.left+n.width}}this.applyPlacement(o,s),this.$element.trigger("shown")}},applyPlacement:function(e,t){var n=this.tip(),r=n[0].offsetWidth,i=n[0].offsetHeight,s,o,u,a;n.offset(e).addClass(t).addClass("in"),s=n[0].offsetWidth,o=n[0].offsetHeight,t=="top"&&o!=i&&(e.top=e.top+i-o,a=!0),t=="bottom"||t=="top"?(u=0,e.left<0&&(u=e.left*-2,e.left=0,n.offset(e),s=n[0].offsetWidth,o=n[0].offsetHeight),this.replaceArrow(u-r+s,s,"left")):this.replaceArrow(o-i,o,"top"),a&&n.offset(e)},replaceArrow:function(e,t,n){this.arrow().css(n,e?50*(1-e/t)+"%":"")},setContent:function(){var e=this.tip(),t=this.getTitle();e.find(".tooltip-inner")[this.options.html?"html":"text"](t),e.removeClass("fade in top bottom left right")},hide:function(){function i(){var t=setTimeout(function(){n.off(e.support.transition.end).detach()},500);n.one(e.support.transition.end,function(){clearTimeout(t),n.detach()})}var t=this,n=this.tip(),r=e.Event("hide");this.$element.trigger(r);if(r.isDefaultPrevented())return;return n.removeClass("in"),e.support.transition&&this.$tip.hasClass("fade")?i():n.detach(),this.$element.trigger("hidden"),this},fixTitle:function(){var e=this.$element;(e.attr("title")||typeof e.attr("data-original-title")!="string")&&e.attr("data-original-title",e.attr("title")||"").attr("title","")},hasContent:function(){return this.getTitle()},getPosition:function(){var t=this.$element[0];return e.extend({},typeof t.getBoundingClientRect=="function"?t.getBoundingClientRect():{width:t.offsetWidth,height:t.offsetHeight},this.$element.offset())},getTitle:function(){var e,t=this.$element,n=this.options;return e=t.attr("data-original-title")||(typeof n.title=="function"?n.title.call(t[0]):n.title),e},tip:function(){return this.$tip=this.$tip||e(this.options.template)},arrow:function(){return this.$arrow=this.$arrow||this.tip().find(".tooltip-arrow")},validate:function(){this.$element[0].parentNode||(this.hide(),this.$element=null,this.options=null)},enable:function(){this.enabled=!0},disable:function(){this.enabled=!1},toggleEnabled:function(){this.enabled=!this.enabled},toggle:function(t){var n=t?e(t.currentTarget)[this.type](this._options).data(this.type):this;n.tip().hasClass("in")?n.hide():n.show()},destroy:function(){this.hide().$element.off("."+this.type).removeData(this.type)}};var n=e.fn.tooltip;e.fn.tooltip=function(n){return this.each(function(){var r=e(this),i=r.data("tooltip"),s=typeof n=="object"&&n;i||r.data("tooltip",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.tooltip.Constructor=t,e.fn.tooltip.defaults={animation:!0,placement:"top",selector:!1,template:'
                      ',trigger:"hover focus",title:"",delay:0,html:!1,container:!1},e.fn.tooltip.noConflict=function(){return e.fn.tooltip=n,this}}(window.jQuery),!function(e){"use strict";var t=function(e,t){this.init("popover",e,t)};t.prototype=e.extend({},e.fn.tooltip.Constructor.prototype,{constructor:t,setContent:function(){var e=this.tip(),t=this.getTitle(),n=this.getContent();e.find(".popover-title")[this.options.html?"html":"text"](t),e.find(".popover-content")[this.options.html?"html":"text"](n),e.removeClass("fade top bottom left right in")},hasContent:function(){return this.getTitle()||this.getContent()},getContent:function(){var e,t=this.$element,n=this.options;return e=(typeof n.content=="function"?n.content.call(t[0]):n.content)||t.attr("data-content"),e},tip:function(){return this.$tip||(this.$tip=e(this.options.template)),this.$tip},destroy:function(){this.hide().$element.off("."+this.type).removeData(this.type)}});var n=e.fn.popover;e.fn.popover=function(n){return this.each(function(){var r=e(this),i=r.data("popover"),s=typeof n=="object"&&n;i||r.data("popover",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.popover.Constructor=t,e.fn.popover.defaults=e.extend({},e.fn.tooltip.defaults,{placement:"right",trigger:"click",content:"",template:'

                      '}),e.fn.popover.noConflict=function(){return e.fn.popover=n,this}}(window.jQuery),!function(e){"use strict";function t(t,n){var r=e.proxy(this.process,this),i=e(t).is("body")?e(window):e(t),s;this.options=e.extend({},e.fn.scrollspy.defaults,n),this.$scrollElement=i.on("scroll.scroll-spy.data-api",r),this.selector=(this.options.target||(s=e(t).attr("href"))&&s.replace(/.*(?=#[^\s]+$)/,"")||"")+" .nav li > a",this.$body=e("body"),this.refresh(),this.process()}t.prototype={constructor:t,refresh:function(){var t=this,n;this.offsets=e([]),this.targets=e([]),n=this.$body.find(this.selector).map(function(){var n=e(this),r=n.data("target")||n.attr("href"),i=/^#\w/.test(r)&&e(r);return i&&i.length&&[[i.position().top+(!e.isWindow(t.$scrollElement.get(0))&&t.$scrollElement.scrollTop()),r]]||null}).sort(function(e,t){return e[0]-t[0]}).each(function(){t.offsets.push(this[0]),t.targets.push(this[1])})},process:function(){var e=this.$scrollElement.scrollTop()+this.options.offset,t=this.$scrollElement[0].scrollHeight||this.$body[0].scrollHeight,n=t-this.$scrollElement.height(),r=this.offsets,i=this.targets,s=this.activeTarget,o;if(e>=n)return s!=(o=i.last()[0])&&this.activate(o);for(o=r.length;o--;)s!=i[o]&&e>=r[o]&&(!r[o+1]||e<=r[o+1])&&this.activate(i[o])},activate:function(t){var n,r;this.activeTarget=t,e(this.selector).parents(".active").removeClass("active"),r=this.selector+'[data-target="'+t+'"],'+this.selector+'[href="'+t+'"]',n=e(r).parents("li").addClass("active"),n.parent(".dropdown-menu").length&&(n=n.closest("li.dropdown").addClass("active")),n.trigger("activate")}};var n=e.fn.scrollspy;e.fn.scrollspy=function(n){return this.each(function(){var r=e(this),i=r.data("scrollspy"),s=typeof n=="object"&&n;i||r.data("scrollspy",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.scrollspy.Constructor=t,e.fn.scrollspy.defaults={offset:10},e.fn.scrollspy.noConflict=function(){return e.fn.scrollspy=n,this},e(window).on("load",function(){e('[data-spy="scroll"]').each(function(){var t=e(this);t.scrollspy(t.data())})})}(window.jQuery),!function(e){"use strict";var t=function(t){this.element=e(t)};t.prototype={constructor:t,show:function(){var t=this.element,n=t.closest("ul:not(.dropdown-menu)"),r=t.attr("data-target"),i,s,o;r||(r=t.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,""));if(t.parent("li").hasClass("active"))return;i=n.find(".active:last a")[0],o=e.Event("show",{relatedTarget:i}),t.trigger(o);if(o.isDefaultPrevented())return;s=e(r),this.activate(t.parent("li"),n),this.activate(s,s.parent(),function(){t.trigger({type:"shown",relatedTarget:i})})},activate:function(t,n,r){function o(){i.removeClass("active").find("> .dropdown-menu > .active").removeClass("active"),t.addClass("active"),s?(t[0].offsetWidth,t.addClass("in")):t.removeClass("fade"),t.parent(".dropdown-menu")&&t.closest("li.dropdown").addClass("active"),r&&r()}var i=n.find("> .active"),s=r&&e.support.transition&&i.hasClass("fade");s?i.one(e.support.transition.end,o):o(),i.removeClass("in")}};var n=e.fn.tab;e.fn.tab=function(n){return this.each(function(){var r=e(this),i=r.data("tab");i||r.data("tab",i=new t(this)),typeof n=="string"&&i[n]()})},e.fn.tab.Constructor=t,e.fn.tab.noConflict=function(){return e.fn.tab=n,this},e(document).on("click.tab.data-api",'[data-toggle="tab"], [data-toggle="pill"]',function(t){t.preventDefault(),e(this).tab("show")})}(window.jQuery),!function(e){"use strict";var t=function(n,r){this.options=e.extend({},t.DEFAULTS,r),this.$window=e(window).on("scroll.bs-affix.bs-data-api",e.proxy(this.checkPosition,this)).on("click.bs-affix.bs-data-api",e.proxy(this.checkPositionWithEventLoop,this)),this.$element=e(n),this.affixed=this.unpin=null,this.checkPosition()};t.DEFAULTS={offset:0},t.prototype.checkPositionWithEventLoop=function(){setTimeout(e.proxy(this.checkPosition,this),1)},t.prototype.checkPosition=function(){if(!this.$element.is(":visible"))return;var t=e(document).height(),n=this.$window.scrollTop(),r=this.$element.offset(),i=this.options.offset,s=i.top,o=i.bottom,u="affix affix-top affix-bottom";typeof i!="object"&&(o=s=i),typeof s=="function"&&(s=i.top()),typeof o=="function"&&(o=i.bottom());var a=this.unpin!=null&&n+this.unpin<=r.top?!1:o!=null&&r.top+this.$element.height()>=t-o?"bottom":s!=null&&n<=s?"top":!1;if(this.affixed===a)return;this.affixed=a,this.unpin=a=="bottom"?r.top-n:null,this.$element.removeClass(u).addClass("affix"+(a?"-"+a:""))};var n=e.fn.affix;e.fn.affix=function(n){return this.each(function(){var r=e(this),i=r.data("bs-affix"),s=typeof n=="object"&&n;i||r.data("bs-affix",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.affix.Constructor=t,e.fn.affix.noConflict=function(){return e.fn.affix=n,this},e(window).on("load",function(){e('[data-spy="affix"]').each(function(){var t=e(this),n=t.data();n.offset=n.offset||{},n.offsetBottom&&(n.offset.bottom=n.offsetBottom),n.offsetTop&&(n.offset.top=n.offsetTop),t.affix(n)})})}(window.jQuery); \ No newline at end of file diff --git a/docs/assets/js/button.js b/docs/assets/js/button.js new file mode 100644 index 000000000..f43bba18f --- /dev/null +++ b/docs/assets/js/button.js @@ -0,0 +1,105 @@ +/* ============================================================ + * Bootstrap: button.js v3.0.0 + * http://twitter.github.com/bootstrap/javascript.html#buttons + * ============================================================ + * Copyright 2013 Twitter, Inc. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * ============================================================ */ + + +!function ($) { "use strict"; + + // BUTTON PUBLIC CLASS DEFINITION + // ============================== + + var Button = function (element, options) { + this.$element = $(element) + this.options = $.extend({}, Button.DEFAULTS, options) + } + + Button.DEFAULTS = { + loadingText: 'loading...' + } + + Button.prototype.setState = function (state) { + var d = 'disabled' + var $el = this.$element + var val = $el.is('input') ? 'val' : 'html' + var data = $el.data() + + state = state + 'Text' + + if (!data.resetText) $el.data('resetText', $el[val]()) + + $el[val](data[state] || this.options[state]) + + // push to event loop to allow forms to submit + setTimeout(function () { + state == 'loadingText' ? + $el.addClass(d).attr(d, d) : + $el.removeClass(d).removeAttr(d); + }, 0) + } + + Button.prototype.toggle = function () { + var $parent = this.$element.closest('[data-toggle="buttons-radio"]') + + if ($parent) { + $parent.find('.active').removeClass('active') + } + + this.$element.toggleClass('active') + } + + + // BUTTON PLUGIN DEFINITION + // ======================== + + var old = $.fn.button + + $.fn.button = function (option) { + return this.each(function () { + var $this = $(this) + var data = $this.data('button') + var options = typeof option == 'object' && option + + if (!data) $this.data('bs-button', (data = new Button(this, options))) + + if (option == 'toggle') data.toggle() + else if (option) data.setState(option) + }) + } + + $.fn.button.Constructor = Button + + + // BUTTON NO CONFLICT + // ================== + + $.fn.button.noConflict = function () { + $.fn.button = old + return this + } + + + // BUTTON DATA-API + // =============== + + $(document).on('click.bs-button.bs-data-api', '[data-toggle^=button]', function (e) { + var $btn = $(e.target) + if (!$btn.hasClass('btn')) $btn = $btn.closest('.btn') + $btn.button('toggle') + }) + +}(window.jQuery); diff --git a/docs/assets/js/carousel.js b/docs/assets/js/carousel.js new file mode 100644 index 000000000..b647ee9f1 --- /dev/null +++ b/docs/assets/js/carousel.js @@ -0,0 +1,202 @@ +/* ========================================================== + * Bootstrap: carousel.js v3.0.0 + * http://twitter.github.com/bootstrap/javascript.html#carousel + * ========================================================== + * Copyright 2012 Twitter, Inc. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * ========================================================== */ + + +!function ($) { "use strict"; + + // CAROUSEL CLASS DEFINITION + // ========================= + + var Carousel = function (element, options) { + this.$element = $(element) + this.$indicators = this.$element.find('.carousel-indicators') + this.options = options + this.paused = + this.sliding = + this.interval = + this.$active = + this.$items = null + + this.options.pause == 'hover' && this.$element + .on('mouseenter', $.proxy(this.pause, this)) + .on('mouseleave', $.proxy(this.cycle, this)) + } + + Carousel.DEFAULTS = { + interval: 5000 + , pause: 'hover' + } + + Carousel.prototype.cycle = function (e) { + e || (this.paused = false) + + this.interval && clearInterval(this.interval) + + this.options.interval + && !this.paused + && (this.interval = setInterval($.proxy(this.next, this), this.options.interval)) + + return this + } + + Carousel.prototype.getActiveIndex = function () { + this.$active = this.$element.find('.item.active') + this.$items = this.$active.parent().children() + + return this.$items.index(this.$active) + } + + Carousel.prototype.to = function (pos) { + var that = this + var activeIndex = this.getActiveIndex() + + if (pos > (this.$items.length - 1) || pos < 0) return + + if (this.sliding) return this.$element.one('slid', function () { that.to(pos) }) + if (activeIndex == pos) return this.pause().cycle() + + return this.slide(pos > activeIndex ? 'next' : 'prev', $(this.$items[pos])) + } + + Carousel.prototype.pause = function (e) { + e || (this.paused = true) + + if (this.$element.find('.next, .prev').length && $.support.transition.end) { + this.$element.trigger($.support.transition.end) + this.cycle(true) + } + + this.interval = clearInterval(this.interval) + + return this + } + + Carousel.prototype.next = function () { + if (this.sliding) return + return this.slide('next') + } + + Carousel.prototype.prev = function () { + if (this.sliding) return + return this.slide('prev') + } + + Carousel.prototype.slide = function (type, next) { + var $active = this.$element.find('.item.active') + var $next = next || $active[type]() + var isCycling = this.interval + var direction = type == 'next' ? 'left' : 'right' + var fallback = type == 'next' ? 'first' : 'last' + var that = this + + this.sliding = true + + isCycling && this.pause() + + $next = $next.length ? $next : this.$element.find('.item')[fallback]() + + var e = $.Event('slide', { relatedTarget: $next[0], direction: direction }) + + if ($next.hasClass('active')) return + + if (this.$indicators.length) { + this.$indicators.find('.active').removeClass('active') + this.$element.one('slid', function () { + var $nextIndicator = $(that.$indicators.children()[that.getActiveIndex()]) + $nextIndicator && $nextIndicator.addClass('active') + }) + } + + if ($.support.transition && this.$element.hasClass('slide')) { + this.$element.trigger(e) + if (e.isDefaultPrevented()) return + $next.addClass(type) + $next[0].offsetWidth // force reflow + $active.addClass(direction) + $next.addClass(direction) + this.$element.one($.support.transition.end, function () { + $next.removeClass([type, direction].join(' ')).addClass('active') + $active.removeClass(['active', direction].join(' ')) + that.sliding = false + setTimeout(function () { that.$element.trigger('slid') }, 0) + }) + } else { + this.$element.trigger(e) + if (e.isDefaultPrevented()) return + $active.removeClass('active') + $next.addClass('active') + this.sliding = false + this.$element.trigger('slid') + } + + isCycling && this.cycle() + + return this + } + + + // CAROUSEL PLUGIN DEFINITION + // ========================== + + var old = $.fn.carousel + + $.fn.carousel = function (option) { + return this.each(function () { + var $this = $(this) + var data = $this.data('carousel') + var options = $.extend({}, Carousel.DEFAULTS, typeof option == 'object' && option) + var action = typeof option == 'string' ? option : options.slide + + if (!data) $this.data('carousel', (data = new Carousel(this, options))) + if (typeof option == 'number') data.to(option) + else if (action) data[action]() + else if (options.interval) data.pause().cycle() + }) + } + + $.fn.carousel.Constructor = Carousel + + + // CAROUSEL NO CONFLICT + // ==================== + + $.fn.carousel.noConflict = function () { + $.fn.carousel = old + return this + } + + // CAROUSEL DATA-API + // ================= + + $(document).on('click.carousel.data-api', '[data-slide], [data-slide-to]', function (e) { + var $this = $(this), href + var $target = $($this.attr('data-target') || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7 + var options = $.extend({}, $target.data(), $this.data()) + var slideIndex + + $target.carousel(options) + + if (slideIndex = $this.attr('data-slide-to')) { + $target.data('carousel').pause().to(slideIndex).cycle() + } + + e.preventDefault() + }) + +}(window.jQuery); diff --git a/docs/assets/js/collapse.js b/docs/assets/js/collapse.js new file mode 100644 index 000000000..bdf9eb4c8 --- /dev/null +++ b/docs/assets/js/collapse.js @@ -0,0 +1,167 @@ +/* ============================================================= + * Bootstrap: collapse.js v3.0.0 + * http://twitter.github.com/bootstrap/javascript.html#collapse + * ============================================================= + * Copyright 2012 Twitter, Inc. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * ============================================================ */ + + +!function ($) { + + "use strict"; // jshint ;_; + + + /* COLLAPSE PUBLIC CLASS DEFINITION + * ================================ */ + + var Collapse = function (element, options) { + this.$element = $(element) + this.options = $.extend({}, $.fn.collapse.defaults, options) + + if (this.options.parent) { + this.$parent = $(this.options.parent) + } + + this.options.toggle && this.toggle() + } + + Collapse.prototype = { + + constructor: Collapse + + , dimension: function () { + var hasWidth = this.$element.hasClass('width') + return hasWidth ? 'width' : 'height' + } + + , show: function () { + var dimension + , scroll + , actives + , hasData + + if (this.transitioning || this.$element.hasClass('in')) return + + dimension = this.dimension() + scroll = $.camelCase(['scroll', dimension].join('-')) + actives = this.$parent && this.$parent.find('> .accordion-group > .in') + + if (actives && actives.length) { + hasData = actives.data('collapse') + if (hasData && hasData.transitioning) return + actives.collapse('hide') + hasData || actives.data('collapse', null) + } + + this.$element[dimension](0) + this.transition('addClass', $.Event('show'), 'shown') + $.support.transition && this.$element[dimension](this.$element[0][scroll]) + } + + , hide: function () { + var dimension + if (this.transitioning || !this.$element.hasClass('in')) return + dimension = this.dimension() + this.reset(this.$element[dimension]()) + this.transition('removeClass', $.Event('hide'), 'hidden') + this.$element[dimension](0) + } + + , reset: function (size) { + var dimension = this.dimension() + + this.$element + .removeClass('collapse') + [dimension](size || 'auto') + [0].offsetWidth + + this.$element[size !== null ? 'addClass' : 'removeClass']('collapse') + + return this + } + + , transition: function (method, startEvent, completeEvent) { + var that = this + , complete = function () { + if (startEvent.type == 'show') that.reset() + that.transitioning = 0 + that.$element.trigger(completeEvent) + } + + this.$element.trigger(startEvent) + + if (startEvent.isDefaultPrevented()) return + + this.transitioning = 1 + + this.$element[method]('in') + + $.support.transition && this.$element.hasClass('collapse') ? + this.$element.one($.support.transition.end, complete) : + complete() + } + + , toggle: function () { + this[this.$element.hasClass('in') ? 'hide' : 'show']() + } + + } + + + /* COLLAPSE PLUGIN DEFINITION + * ========================== */ + + var old = $.fn.collapse + + $.fn.collapse = function (option) { + return this.each(function () { + var $this = $(this) + , data = $this.data('collapse') + , options = $.extend({}, $.fn.collapse.defaults, $this.data(), typeof option == 'object' && option) + if (!data) $this.data('collapse', (data = new Collapse(this, options))) + if (typeof option == 'string') data[option]() + }) + } + + $.fn.collapse.defaults = { + toggle: true + } + + $.fn.collapse.Constructor = Collapse + + + /* COLLAPSE NO CONFLICT + * ==================== */ + + $.fn.collapse.noConflict = function () { + $.fn.collapse = old + return this + } + + + /* COLLAPSE DATA-API + * ================= */ + + $(document).on('click.collapse.data-api', '[data-toggle=collapse]', function (e) { + var $this = $(this), href + , target = $this.attr('data-target') + || e.preventDefault() + || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '') //strip for ie7 + , option = $(target).data('collapse') ? 'toggle' : $this.data() + $this[$(target).hasClass('in') ? 'addClass' : 'removeClass']('collapsed') + $(target).collapse(option) + }) + +}(window.jQuery); diff --git a/docs/assets/js/dropdown.js b/docs/assets/js/dropdown.js new file mode 100644 index 000000000..342625074 --- /dev/null +++ b/docs/assets/js/dropdown.js @@ -0,0 +1,165 @@ +/* ============================================================ + * Bootstrap: dropdown.js v3.0.0 + * http://twitter.github.com/bootstrap/javascript.html#dropdowns + * ============================================================ + * Copyright 2012 Twitter, Inc. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * ============================================================ */ + + +!function ($) { + + "use strict"; // jshint ;_; + + + /* DROPDOWN CLASS DEFINITION + * ========================= */ + + var toggle = '[data-toggle=dropdown]' + , Dropdown = function (element) { + var $el = $(element).on('click.dropdown.data-api', this.toggle) + $('html').on('click.dropdown.data-api', function () { + $el.parent().removeClass('open') + }) + } + + Dropdown.prototype = { + + constructor: Dropdown + + , toggle: function (e) { + var $this = $(this) + , $parent + , isActive + + if ($this.is('.disabled, :disabled')) return + + $parent = getParent($this) + + isActive = $parent.hasClass('open') + + clearMenus() + + if (!isActive) { + $parent.toggleClass('open') + } + + $this.focus() + + return false + } + + , keydown: function (e) { + var $this + , $items + , $active + , $parent + , isActive + , index + + if (!/(38|40|27)/.test(e.keyCode)) return + + $this = $(this) + + e.preventDefault() + e.stopPropagation() + + if ($this.is('.disabled, :disabled')) return + + $parent = getParent($this) + + isActive = $parent.hasClass('open') + + if (!isActive || (isActive && e.keyCode == 27)) { + if (e.which == 27) $parent.find(toggle).focus() + return $this.click() + } + + $items = $('[role=menu] li:not(.divider):visible a', $parent) + + if (!$items.length) return + + index = $items.index($items.filter(':focus')) + + if (e.keyCode == 38 && index > 0) index-- // up + if (e.keyCode == 40 && index < $items.length - 1) index++ // down + if (!~index) index = 0 + + $items + .eq(index) + .focus() + } + + } + + function clearMenus() { + $(toggle).each(function () { + getParent($(this)).removeClass('open') + }) + } + + function getParent($this) { + var selector = $this.attr('data-target') + , $parent + + if (!selector) { + selector = $this.attr('href') + selector = selector && /#/.test(selector) && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7 + } + + $parent = selector && $(selector) + + if (!$parent || !$parent.length) $parent = $this.parent() + + return $parent + } + + + /* DROPDOWN PLUGIN DEFINITION + * ========================== */ + + var old = $.fn.dropdown + + $.fn.dropdown = function (option) { + return this.each(function () { + var $this = $(this) + , data = $this.data('dropdown') + if (!data) $this.data('dropdown', (data = new Dropdown(this))) + if (typeof option == 'string') data[option].call($this) + }) + } + + $.fn.dropdown.Constructor = Dropdown + + + /* DROPDOWN NO CONFLICT + * ==================== */ + + $.fn.dropdown.noConflict = function () { + $.fn.dropdown = old + return this + } + + + /* APPLY TO STANDARD DROPDOWN ELEMENTS + * =================================== */ + + $(document) + .on('click.dropdown.data-api', clearMenus) + .on('click.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() }) + .on('click.dropdown-menu', function (e) { e.stopPropagation() }) + .on('click.dropdown.data-api' , toggle, Dropdown.prototype.toggle) + .on('keydown.dropdown.data-api', toggle + ', [role=menu]' , Dropdown.prototype.keydown) + +}(window.jQuery); diff --git a/docs/assets/js/modal.js b/docs/assets/js/modal.js new file mode 100644 index 000000000..9c8818812 --- /dev/null +++ b/docs/assets/js/modal.js @@ -0,0 +1,251 @@ +/* ========================================================= + * Bootstrap: modal.js v3.0.0 + * http://twitter.github.com/bootstrap/javascript.html#modals + * ========================================================= + * Copyright 2012 Twitter, Inc. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * ========================================================= */ + + +!function ($) { + + "use strict"; // jshint ;_; + + + /* MODAL CLASS DEFINITION + * ====================== */ + + var Modal = function (element, options) { + this.options = options + this.$element = $(element) + .delegate('[data-dismiss="modal"]', 'click.dismiss.modal', $.proxy(this.hide, this)) + this.options.remote && this.$element.find('.modal-body').load(this.options.remote) + } + + Modal.prototype = { + + constructor: Modal + + , toggle: function () { + return this[!this.isShown ? 'show' : 'hide']() + } + + , show: function () { + var that = this + , e = $.Event('show') + + this.$element.trigger(e) + + if (this.isShown || e.isDefaultPrevented()) return + + this.isShown = true + + this.escape() + + this.backdrop(function () { + var transition = $.support.transition && that.$element.hasClass('fade') + + if (!that.$element.parent().length) { + that.$element.appendTo(document.body) //don't move modals dom position + } + + that.$element.show() + + if (transition) { + that.$element[0].offsetWidth // force reflow + } + + that.$element + .addClass('in') + .attr('aria-hidden', false) + + that.enforceFocus() + + transition ? + that.$element.one($.support.transition.end, function () { that.$element.focus().trigger('shown') }) : + that.$element.focus().trigger('shown') + + }) + } + + , hide: function (e) { + e && e.preventDefault() + + var that = this + + e = $.Event('hide') + + this.$element.trigger(e) + + if (!this.isShown || e.isDefaultPrevented()) return + + this.isShown = false + + this.escape() + + $(document).off('focusin.modal') + + this.$element + .removeClass('in') + .attr('aria-hidden', true) + + $.support.transition && this.$element.hasClass('fade') ? + this.hideWithTransition() : + this.hideModal() + } + + , enforceFocus: function () { + var that = this + $(document).on('focusin.modal', function (e) { + if (that.$element[0] !== e.target && !that.$element.has(e.target).length) { + that.$element.focus() + } + }) + } + + , escape: function () { + var that = this + if (this.isShown && this.options.keyboard) { + this.$element.on('keyup.dismiss.modal', function ( e ) { + e.which == 27 && that.hide() + }) + } else if (!this.isShown) { + this.$element.off('keyup.dismiss.modal') + } + } + + , hideWithTransition: function () { + var that = this + , timeout = setTimeout(function () { + that.$element.off($.support.transition.end) + that.hideModal() + }, 500) + + this.$element.one($.support.transition.end, function () { + clearTimeout(timeout) + that.hideModal() + }) + } + + , hideModal: function () { + var that = this + this.$element.hide() + this.backdrop(function () { + that.removeBackdrop() + that.$element.trigger('hidden') + }) + } + + , removeBackdrop: function () { + this.$backdrop && this.$backdrop.remove() + this.$backdrop = null + } + + , backdrop: function (callback) { + var that = this + , animate = this.$element.hasClass('fade') ? 'fade' : '' + + if (this.isShown && this.options.backdrop) { + var doAnimate = $.support.transition && animate + + this.$backdrop = $('
                      ') + .appendTo(document.body) + + this.$backdrop.click( + this.options.backdrop == 'static' ? + $.proxy(this.$element[0].focus, this.$element[0]) + : $.proxy(this.hide, this) + ) + + if (doAnimate) this.$backdrop[0].offsetWidth // force reflow + + this.$backdrop.addClass('in') + + if (!callback) return + + doAnimate ? + this.$backdrop.one($.support.transition.end, callback) : + callback() + + } else if (!this.isShown && this.$backdrop) { + this.$backdrop.removeClass('in') + + $.support.transition && this.$element.hasClass('fade')? + this.$backdrop.one($.support.transition.end, callback) : + callback() + + } else if (callback) { + callback() + } + } + } + + + /* MODAL PLUGIN DEFINITION + * ======================= */ + + var old = $.fn.modal + + $.fn.modal = function (option) { + return this.each(function () { + var $this = $(this) + , data = $this.data('modal') + , options = $.extend({}, $.fn.modal.defaults, $this.data(), typeof option == 'object' && option) + if (!data) $this.data('modal', (data = new Modal(this, options))) + if (typeof option == 'string') data[option]() + else if (options.show) data.show() + }) + } + + $.fn.modal.defaults = { + backdrop: true + , keyboard: true + , show: true + } + + $.fn.modal.Constructor = Modal + + + /* MODAL NO CONFLICT + * ================= */ + + $.fn.modal.noConflict = function () { + $.fn.modal = old + return this + } + + + /* MODAL DATA-API + * ============== */ + + $(document).on('click.modal.data-api', '[data-toggle="modal"]', function (e) { + var $this = $(this) + , href = $this.attr('href') + , $target = $($this.attr('data-target') || (href && href.replace(/.*(?=#[^\s]+$)/, ''))) //strip for ie7 + , option = $target.data('modal') ? 'toggle' : $.extend({ remote:!/#/.test(href) && href }, $target.data(), $this.data()) + + e.preventDefault() + + $target + .modal(option) + .one('hide', function () { + $this.focus() + }) + }) + + var $body = $(document.body) + .on('shown', '.modal', function () { $body.addClass('modal-open') }) + .on('hidden', '.modal', function () { $body.removeClass('modal-open') }) + +}(window.jQuery); diff --git a/docs/assets/js/popover.js b/docs/assets/js/popover.js new file mode 100644 index 000000000..aef6d4646 --- /dev/null +++ b/docs/assets/js/popover.js @@ -0,0 +1,114 @@ +/* =========================================================== + * Bootstrap: popover.js v3.0.0 + * http://twitter.github.com/bootstrap/javascript.html#popovers + * =========================================================== + * Copyright 2012 Twitter, Inc. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * =========================================================== */ + + +!function ($) { + + "use strict"; // jshint ;_; + + + /* POPOVER PUBLIC CLASS DEFINITION + * =============================== */ + + var Popover = function (element, options) { + this.init('popover', element, options) + } + + + /* NOTE: POPOVER EXTENDS tooltip.js + ========================================== */ + + Popover.prototype = $.extend({}, $.fn.tooltip.Constructor.prototype, { + + constructor: Popover + + , setContent: function () { + var $tip = this.tip() + , title = this.getTitle() + , content = this.getContent() + + $tip.find('.popover-title')[this.options.html ? 'html' : 'text'](title) + $tip.find('.popover-content')[this.options.html ? 'html' : 'text'](content) + + $tip.removeClass('fade top bottom left right in') + } + + , hasContent: function () { + return this.getTitle() || this.getContent() + } + + , getContent: function () { + var content + , $e = this.$element + , o = this.options + + content = (typeof o.content == 'function' ? o.content.call($e[0]) : o.content) + || $e.attr('data-content') + + return content + } + + , tip: function () { + if (!this.$tip) { + this.$tip = $(this.options.template) + } + return this.$tip + } + + , destroy: function () { + this.hide().$element.off('.' + this.type).removeData(this.type) + } + + }) + + + /* POPOVER PLUGIN DEFINITION + * ======================= */ + + var old = $.fn.popover + + $.fn.popover = function (option) { + return this.each(function () { + var $this = $(this) + , data = $this.data('popover') + , options = typeof option == 'object' && option + if (!data) $this.data('popover', (data = new Popover(this, options))) + if (typeof option == 'string') data[option]() + }) + } + + $.fn.popover.Constructor = Popover + + $.fn.popover.defaults = $.extend({} , $.fn.tooltip.defaults, { + placement: 'right' + , trigger: 'click' + , content: '' + , template: '

                      ' + }) + + + /* POPOVER NO CONFLICT + * =================== */ + + $.fn.popover.noConflict = function () { + $.fn.popover = old + return this + } + +}(window.jQuery); diff --git a/docs/assets/js/scrollspy.js b/docs/assets/js/scrollspy.js new file mode 100644 index 000000000..53bd41eef --- /dev/null +++ b/docs/assets/js/scrollspy.js @@ -0,0 +1,162 @@ +/* ============================================================= + * Bootstrap: scrollspy.js v3.0.0 + * http://twitter.github.com/bootstrap/javascript.html#scrollspy + * ============================================================= + * Copyright 2012 Twitter, Inc. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * ============================================================== */ + + +!function ($) { + + "use strict"; // jshint ;_; + + + /* SCROLLSPY CLASS DEFINITION + * ========================== */ + + function ScrollSpy(element, options) { + var process = $.proxy(this.process, this) + , $element = $(element).is('body') ? $(window) : $(element) + , href + this.options = $.extend({}, $.fn.scrollspy.defaults, options) + this.$scrollElement = $element.on('scroll.scroll-spy.data-api', process) + this.selector = (this.options.target + || ((href = $(element).attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7 + || '') + ' .nav li > a' + this.$body = $('body') + this.refresh() + this.process() + } + + ScrollSpy.prototype = { + + constructor: ScrollSpy + + , refresh: function () { + var self = this + , $targets + + this.offsets = $([]) + this.targets = $([]) + + $targets = this.$body + .find(this.selector) + .map(function () { + var $el = $(this) + , href = $el.data('target') || $el.attr('href') + , $href = /^#\w/.test(href) && $(href) + return ( $href + && $href.length + && [[ $href.position().top + (!$.isWindow(self.$scrollElement.get(0)) && self.$scrollElement.scrollTop()), href ]] ) || null + }) + .sort(function (a, b) { return a[0] - b[0] }) + .each(function () { + self.offsets.push(this[0]) + self.targets.push(this[1]) + }) + } + + , process: function () { + var scrollTop = this.$scrollElement.scrollTop() + this.options.offset + , scrollHeight = this.$scrollElement[0].scrollHeight || this.$body[0].scrollHeight + , maxScroll = scrollHeight - this.$scrollElement.height() + , offsets = this.offsets + , targets = this.targets + , activeTarget = this.activeTarget + , i + + if (scrollTop >= maxScroll) { + return activeTarget != (i = targets.last()[0]) + && this.activate ( i ) + } + + for (i = offsets.length; i--;) { + activeTarget != targets[i] + && scrollTop >= offsets[i] + && (!offsets[i + 1] || scrollTop <= offsets[i + 1]) + && this.activate( targets[i] ) + } + } + + , activate: function (target) { + var active + , selector + + this.activeTarget = target + + $(this.selector) + .parents('.active') + .removeClass('active') + + selector = this.selector + + '[data-target="' + target + '"],' + + this.selector + '[href="' + target + '"]' + + active = $(selector) + .parents('li') + .addClass('active') + + if (active.parent('.dropdown-menu').length) { + active = active.closest('li.dropdown').addClass('active') + } + + active.trigger('activate') + } + + } + + + /* SCROLLSPY PLUGIN DEFINITION + * =========================== */ + + var old = $.fn.scrollspy + + $.fn.scrollspy = function (option) { + return this.each(function () { + var $this = $(this) + , data = $this.data('scrollspy') + , options = typeof option == 'object' && option + if (!data) $this.data('scrollspy', (data = new ScrollSpy(this, options))) + if (typeof option == 'string') data[option]() + }) + } + + $.fn.scrollspy.Constructor = ScrollSpy + + $.fn.scrollspy.defaults = { + offset: 10 + } + + + /* SCROLLSPY NO CONFLICT + * ===================== */ + + $.fn.scrollspy.noConflict = function () { + $.fn.scrollspy = old + return this + } + + + /* SCROLLSPY DATA-API + * ================== */ + + $(window).on('load', function () { + $('[data-spy="scroll"]').each(function () { + var $spy = $(this) + $spy.scrollspy($spy.data()) + }) + }) + +}(window.jQuery); diff --git a/docs/assets/js/tab.js b/docs/assets/js/tab.js new file mode 100644 index 000000000..1df9f9098 --- /dev/null +++ b/docs/assets/js/tab.js @@ -0,0 +1,144 @@ +/* ======================================================== + * Bootstrap: tab.js v3.0.0 + * http://twitter.github.com/bootstrap/javascript.html#tabs + * ======================================================== + * Copyright 2012 Twitter, Inc. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * ======================================================== */ + + +!function ($) { + + "use strict"; // jshint ;_; + + + /* TAB CLASS DEFINITION + * ==================== */ + + var Tab = function (element) { + this.element = $(element) + } + + Tab.prototype = { + + constructor: Tab + + , show: function () { + var $this = this.element + , $ul = $this.closest('ul:not(.dropdown-menu)') + , selector = $this.attr('data-target') + , previous + , $target + , e + + if (!selector) { + selector = $this.attr('href') + selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7 + } + + if ( $this.parent('li').hasClass('active') ) return + + previous = $ul.find('.active:last a')[0] + + e = $.Event('show', { + relatedTarget: previous + }) + + $this.trigger(e) + + if (e.isDefaultPrevented()) return + + $target = $(selector) + + this.activate($this.parent('li'), $ul) + this.activate($target, $target.parent(), function () { + $this.trigger({ + type: 'shown' + , relatedTarget: previous + }) + }) + } + + , activate: function ( element, container, callback) { + var $active = container.find('> .active') + , transition = callback + && $.support.transition + && $active.hasClass('fade') + + function next() { + $active + .removeClass('active') + .find('> .dropdown-menu > .active') + .removeClass('active') + + element.addClass('active') + + if (transition) { + element[0].offsetWidth // reflow for transition + element.addClass('in') + } else { + element.removeClass('fade') + } + + if ( element.parent('.dropdown-menu') ) { + element.closest('li.dropdown').addClass('active') + } + + callback && callback() + } + + transition ? + $active.one($.support.transition.end, next) : + next() + + $active.removeClass('in') + } + } + + + /* TAB PLUGIN DEFINITION + * ===================== */ + + var old = $.fn.tab + + $.fn.tab = function ( option ) { + return this.each(function () { + var $this = $(this) + , data = $this.data('tab') + if (!data) $this.data('tab', (data = new Tab(this))) + if (typeof option == 'string') data[option]() + }) + } + + $.fn.tab.Constructor = Tab + + + /* TAB NO CONFLICT + * =============== */ + + $.fn.tab.noConflict = function () { + $.fn.tab = old + return this + } + + + /* TAB DATA-API + * ============ */ + + $(document).on('click.tab.data-api', '[data-toggle="tab"], [data-toggle="pill"]', function (e) { + e.preventDefault() + $(this).tab('show') + }) + +}(window.jQuery); diff --git a/docs/assets/js/tooltip.js b/docs/assets/js/tooltip.js new file mode 100644 index 000000000..f199a3e6a --- /dev/null +++ b/docs/assets/js/tooltip.js @@ -0,0 +1,361 @@ +/* =========================================================== + * Bootstrap: tooltip.js v3.0.0 + * http://twitter.github.com/bootstrap/javascript.html#tooltips + * Inspired by the original jQuery.tipsy by Jason Frame + * =========================================================== + * Copyright 2012 Twitter, Inc. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * ========================================================== */ + + +!function ($) { + + "use strict"; // jshint ;_; + + + /* TOOLTIP PUBLIC CLASS DEFINITION + * =============================== */ + + var Tooltip = function (element, options) { + this.init('tooltip', element, options) + } + + Tooltip.prototype = { + + constructor: Tooltip + + , init: function (type, element, options) { + var eventIn + , eventOut + , triggers + , trigger + , i + + this.type = type + this.$element = $(element) + this.options = this.getOptions(options) + this.enabled = true + + triggers = this.options.trigger.split(' ') + + for (i = triggers.length; i--;) { + trigger = triggers[i] + if (trigger == 'click') { + this.$element.on('click.' + this.type, this.options.selector, $.proxy(this.toggle, this)) + } else if (trigger != 'manual') { + eventIn = trigger == 'hover' ? 'mouseenter' : 'focus' + eventOut = trigger == 'hover' ? 'mouseleave' : 'blur' + this.$element.on(eventIn + '.' + this.type, this.options.selector, $.proxy(this.enter, this)) + this.$element.on(eventOut + '.' + this.type, this.options.selector, $.proxy(this.leave, this)) + } + } + + this.options.selector ? + (this._options = $.extend({}, this.options, { trigger: 'manual', selector: '' })) : + this.fixTitle() + } + + , getOptions: function (options) { + options = $.extend({}, $.fn[this.type].defaults, this.$element.data(), options) + + if (options.delay && typeof options.delay == 'number') { + options.delay = { + show: options.delay + , hide: options.delay + } + } + + return options + } + + , enter: function (e) { + var defaults = $.fn[this.type].defaults + , options = {} + , self + + this._options && $.each(this._options, function (key, value) { + if (defaults[key] != value) options[key] = value + }, this) + + self = $(e.currentTarget)[this.type](options).data(this.type) + + if (!self.options.delay || !self.options.delay.show) return self.show() + + clearTimeout(this.timeout) + self.hoverState = 'in' + this.timeout = setTimeout(function() { + if (self.hoverState == 'in') self.show() + }, self.options.delay.show) + } + + , leave: function (e) { + var self = $(e.currentTarget)[this.type](this._options).data(this.type) + + if (this.timeout) clearTimeout(this.timeout) + if (!self.options.delay || !self.options.delay.hide) return self.hide() + + self.hoverState = 'out' + this.timeout = setTimeout(function() { + if (self.hoverState == 'out') self.hide() + }, self.options.delay.hide) + } + + , show: function () { + var $tip + , pos + , actualWidth + , actualHeight + , placement + , tp + , e = $.Event('show') + + if (this.hasContent() && this.enabled) { + this.$element.trigger(e) + if (e.isDefaultPrevented()) return + $tip = this.tip() + this.setContent() + + if (this.options.animation) { + $tip.addClass('fade') + } + + placement = typeof this.options.placement == 'function' ? + this.options.placement.call(this, $tip[0], this.$element[0]) : + this.options.placement + + $tip + .detach() + .css({ top: 0, left: 0, display: 'block' }) + + this.options.container ? $tip.appendTo(this.options.container) : $tip.insertAfter(this.$element) + + pos = this.getPosition() + + actualWidth = $tip[0].offsetWidth + actualHeight = $tip[0].offsetHeight + + switch (placement) { + case 'bottom': + tp = {top: pos.top + pos.height, left: pos.left + pos.width / 2 - actualWidth / 2} + break + case 'top': + tp = {top: pos.top - actualHeight, left: pos.left + pos.width / 2 - actualWidth / 2} + break + case 'left': + tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth} + break + case 'right': + tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width} + break + } + + this.applyPlacement(tp, placement) + this.$element.trigger('shown') + } + } + + , applyPlacement: function(offset, placement){ + var $tip = this.tip() + , width = $tip[0].offsetWidth + , height = $tip[0].offsetHeight + , actualWidth + , actualHeight + , delta + , replace + + $tip + .offset(offset) + .addClass(placement) + .addClass('in') + + actualWidth = $tip[0].offsetWidth + actualHeight = $tip[0].offsetHeight + + if (placement == 'top' && actualHeight != height) { + offset.top = offset.top + height - actualHeight + replace = true + } + + if (placement == 'bottom' || placement == 'top') { + delta = 0 + + if (offset.left < 0){ + delta = offset.left * -2 + offset.left = 0 + $tip.offset(offset) + actualWidth = $tip[0].offsetWidth + actualHeight = $tip[0].offsetHeight + } + + this.replaceArrow(delta - width + actualWidth, actualWidth, 'left') + } else { + this.replaceArrow(actualHeight - height, actualHeight, 'top') + } + + if (replace) $tip.offset(offset) + } + + , replaceArrow: function(delta, dimension, position){ + this + .arrow() + .css(position, delta ? (50 * (1 - delta / dimension) + "%") : '') + } + + , setContent: function () { + var $tip = this.tip() + , title = this.getTitle() + + $tip.find('.tooltip-inner')[this.options.html ? 'html' : 'text'](title) + $tip.removeClass('fade in top bottom left right') + } + + , hide: function () { + var that = this + , $tip = this.tip() + , e = $.Event('hide') + + this.$element.trigger(e) + if (e.isDefaultPrevented()) return + + $tip.removeClass('in') + + function removeWithAnimation() { + var timeout = setTimeout(function () { + $tip.off($.support.transition.end).detach() + }, 500) + + $tip.one($.support.transition.end, function () { + clearTimeout(timeout) + $tip.detach() + }) + } + + $.support.transition && this.$tip.hasClass('fade') ? + removeWithAnimation() : + $tip.detach() + + this.$element.trigger('hidden') + + return this + } + + , fixTitle: function () { + var $e = this.$element + if ($e.attr('title') || typeof($e.attr('data-original-title')) != 'string') { + $e.attr('data-original-title', $e.attr('title') || '').attr('title', '') + } + } + + , hasContent: function () { + return this.getTitle() + } + + , getPosition: function () { + var el = this.$element[0] + return $.extend({}, (typeof el.getBoundingClientRect == 'function') ? el.getBoundingClientRect() : { + width: el.offsetWidth + , height: el.offsetHeight + }, this.$element.offset()) + } + + , getTitle: function () { + var title + , $e = this.$element + , o = this.options + + title = $e.attr('data-original-title') + || (typeof o.title == 'function' ? o.title.call($e[0]) : o.title) + + return title + } + + , tip: function () { + return this.$tip = this.$tip || $(this.options.template) + } + + , arrow: function(){ + return this.$arrow = this.$arrow || this.tip().find(".tooltip-arrow") + } + + , validate: function () { + if (!this.$element[0].parentNode) { + this.hide() + this.$element = null + this.options = null + } + } + + , enable: function () { + this.enabled = true + } + + , disable: function () { + this.enabled = false + } + + , toggleEnabled: function () { + this.enabled = !this.enabled + } + + , toggle: function (e) { + var self = e ? $(e.currentTarget)[this.type](this._options).data(this.type) : this + self.tip().hasClass('in') ? self.hide() : self.show() + } + + , destroy: function () { + this.hide().$element.off('.' + this.type).removeData(this.type) + } + + } + + + /* TOOLTIP PLUGIN DEFINITION + * ========================= */ + + var old = $.fn.tooltip + + $.fn.tooltip = function ( option ) { + return this.each(function () { + var $this = $(this) + , data = $this.data('tooltip') + , options = typeof option == 'object' && option + if (!data) $this.data('tooltip', (data = new Tooltip(this, options))) + if (typeof option == 'string') data[option]() + }) + } + + $.fn.tooltip.Constructor = Tooltip + + $.fn.tooltip.defaults = { + animation: true + , placement: 'top' + , selector: false + , template: '
                      ' + , trigger: 'hover focus' + , title: '' + , delay: 0 + , html: false + , container: false + } + + + /* TOOLTIP NO CONFLICT + * =================== */ + + $.fn.tooltip.noConflict = function () { + $.fn.tooltip = old + return this + } + +}(window.jQuery); diff --git a/docs/assets/js/transition.js b/docs/assets/js/transition.js new file mode 100644 index 000000000..d3417b82c --- /dev/null +++ b/docs/assets/js/transition.js @@ -0,0 +1,50 @@ +/* =================================================== + * Bootstrap: transition.js v3.0.0 + * http://twitter.github.com/bootstrap/javascript.html#transitions + * =================================================== + * Copyright 2013 Twitter, Inc. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * ========================================================== */ + + +!function ($) { + + "use strict"; + + + /* CSS TRANSITION SUPPORT (Shoutout: http://www.modernizr.com/) + * ======================================================= */ + + function transitionEnd() { + var el = document.createElement('bootstrap'); + + var transEndEventNames = { + 'WebkitTransition' : 'webkitTransitionEnd' + , 'MozTransition' : 'transitionend' + , 'OTransition' : 'oTransitionEnd otransitionend' + , 'transition' : 'transitionend' + }; + + for (var name in transEndEventNames) { + if (el.style[name] !== undefined) { + return { end: transEndEventNames[name] }; + } + } + } + + $(function () { + $.support.transition = transitionEnd(); + }); + +}(window.jQuery); diff --git a/docs/customize.html b/docs/customize.html index 710875b72..20020a31c 100644 --- a/docs/customize.html +++ b/docs/customize.html @@ -89,57 +89,57 @@ title: Customize and download
                      diff --git a/docs/docs.html b/docs/docs.html index 344a710cc..fe30046b5 100644 --- a/docs/docs.html +++ b/docs/docs.html @@ -4962,10 +4962,10 @@ $('#myModal').on('show', function (e) { ================================================== -->
                      -

                      Transitions bootstrap-transition.js

                      +

                      Transitions transition.js

                      About transitions

                      -

                      For simple transition effects, include bootstrap-transition.js once alongside the other JS files. If you're using the compiled (or minified) bootstrap.js, there is no need to include this—it's already there.

                      +

                      For simple transition effects, include transition.js once alongside the other JS files. If you're using the compiled (or minified) bootstrap.js, there is no need to include this—it's already there.

                      Use cases

                      A few examples of the transition plugin:

                        @@ -4984,7 +4984,7 @@ $('#myModal').on('show', function (e) { ================================================== -->
                        -

                        Modals bootstrap-modal.js

                        +

                        Modals modal.js

                        Examples

                        @@ -5220,7 +5220,7 @@ $('#myModal').on('hidden', function () { ================================================== -->
                      diff --git a/js/dropdown.js b/js/dropdown.js index 342625074..c3ad78895 100644 --- a/js/dropdown.js +++ b/js/dropdown.js @@ -18,123 +18,101 @@ * ============================================================ */ -!function ($) { +!function ($) { "use strict"; - "use strict"; // jshint ;_; + // DROPDOWN CLASS DEFINITION + // ========================= - /* DROPDOWN CLASS DEFINITION - * ========================= */ - - var toggle = '[data-toggle=dropdown]' - , Dropdown = function (element) { - var $el = $(element).on('click.dropdown.data-api', this.toggle) - $('html').on('click.dropdown.data-api', function () { - $el.parent().removeClass('open') - }) - } - - Dropdown.prototype = { - - constructor: Dropdown - - , toggle: function (e) { - var $this = $(this) - , $parent - , isActive - - if ($this.is('.disabled, :disabled')) return - - $parent = getParent($this) + var backdrop = '.dropdown-backdrop' + var toggle = '[data-toggle=dropdown]' + var Dropdown = function (element) { + var $el = $(element).on('click.dropdown.data-api', this.toggle) + $('html').on('click.dropdown.data-api', function () { + $el.parent().removeClass('open') + }) + } - isActive = $parent.hasClass('open') + Dropdown.prototype.toggle = function (e) { + var $this = $(this) - clearMenus() + if ($this.is('.disabled, :disabled')) return - if (!isActive) { - $parent.toggleClass('open') - } + var $parent = getParent($this) + var isActive = $parent.hasClass('open') - $this.focus() + clearMenus() - return false + if (!isActive) { + $('
                      ').insertBefore($(this)).on('click', clearMenus) + $parent.toggleClass('open') } - , keydown: function (e) { - var $this - , $items - , $active - , $parent - , isActive - , index + $this.focus() - if (!/(38|40|27)/.test(e.keyCode)) return - - $this = $(this) + return false + } - e.preventDefault() - e.stopPropagation() + Dropdown.prototype.keydown = function (e) { + if (!/(38|40|27)/.test(e.keyCode)) return - if ($this.is('.disabled, :disabled')) return + var $this = $(this) - $parent = getParent($this) + e.preventDefault() + e.stopPropagation() - isActive = $parent.hasClass('open') + if ($this.is('.disabled, :disabled')) return - if (!isActive || (isActive && e.keyCode == 27)) { - if (e.which == 27) $parent.find(toggle).focus() - return $this.click() - } + var $parent = getParent($this) + var isActive = $parent.hasClass('open') - $items = $('[role=menu] li:not(.divider):visible a', $parent) + if (!isActive || (isActive && e.keyCode == 27)) { + if (e.which == 27) $parent.find(toggle).focus() + return $this.click() + } - if (!$items.length) return + var $items = $('[role=menu] li:not(.divider):visible a', $parent) - index = $items.index($items.filter(':focus')) + if (!$items.length) return - if (e.keyCode == 38 && index > 0) index-- // up - if (e.keyCode == 40 && index < $items.length - 1) index++ // down - if (!~index) index = 0 + var index = $items.index($items.filter(':focus')) - $items - .eq(index) - .focus() - } + if (e.keyCode == 38 && index > 0) index-- // up + if (e.keyCode == 40 && index < $items.length - 1) index++ // down + if (!~index) index=0 + $items.eq(index).focus() } function clearMenus() { - $(toggle).each(function () { - getParent($(this)).removeClass('open') - }) + $(backdrop).remove() + $(toggle).each(function () { getParent($(this)).removeClass('open') }) } function getParent($this) { var selector = $this.attr('data-target') - , $parent if (!selector) { selector = $this.attr('href') selector = selector && /#/.test(selector) && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7 } - $parent = selector && $(selector) - - if (!$parent || !$parent.length) $parent = $this.parent() + var $parent = selector && $(selector) - return $parent + return $parent && $parent.length ? $parent : $this.parent() } - /* DROPDOWN PLUGIN DEFINITION - * ========================== */ + // DROPDOWN PLUGIN DEFINITION + // ========================== var old = $.fn.dropdown $.fn.dropdown = function (option) { return this.each(function () { var $this = $(this) - , data = $this.data('dropdown') + var data = $this.data('dropdown') + if (!data) $this.data('dropdown', (data = new Dropdown(this))) if (typeof option == 'string') data[option].call($this) }) @@ -143,8 +121,8 @@ $.fn.dropdown.Constructor = Dropdown - /* DROPDOWN NO CONFLICT - * ==================== */ + // DROPDOWN NO CONFLICT + // ==================== $.fn.dropdown.noConflict = function () { $.fn.dropdown = old @@ -152,13 +130,12 @@ } - /* APPLY TO STANDARD DROPDOWN ELEMENTS - * =================================== */ + // APPLY TO STANDARD DROPDOWN ELEMENTS + // =================================== + $(document) - .on('click.dropdown.data-api', clearMenus) .on('click.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() }) - .on('click.dropdown-menu', function (e) { e.stopPropagation() }) .on('click.dropdown.data-api' , toggle, Dropdown.prototype.toggle) .on('keydown.dropdown.data-api', toggle + ', [role=menu]' , Dropdown.prototype.keydown) diff --git a/js/tests/unit/dropdown.js b/js/tests/unit/dropdown.js index db84a95a5..6b66c0974 100644 --- a/js/tests/unit/dropdown.js +++ b/js/tests/unit/dropdown.js @@ -104,7 +104,7 @@ $(function () { .dropdown() .click() ok(dropdown.parent('.dropdown').hasClass('open'), 'open class added on click') - $('body').click() + $('.dropdown-backdrop').click() ok(!dropdown.parent('.dropdown').hasClass('open'), 'open class removed') dropdown.remove() }) @@ -136,13 +136,13 @@ $(function () { first.click() ok(first.parents('.open').length == 1, 'open class added on click') ok($('#qunit-fixture .open').length == 1, 'only one object is open') - $('body').click() + $('.dropdown-backdrop').click() ok($("#qunit-fixture .open").length === 0, 'open class removed') last.click() ok(last.parent('.open').length == 1, 'open class added on click') ok($('#qunit-fixture .open').length == 1, 'only one object is open') - $('body').click() + $('.dropdown-backdrop').click() ok($("#qunit-fixture .open").length === 0, 'open class removed') $("#qunit-fixture").html("") diff --git a/less/dropdowns.less b/less/dropdowns.less index 1b9165b4e..e2c9805ae 100644 --- a/less/dropdowns.less +++ b/less/dropdowns.less @@ -114,6 +114,18 @@ } } + +// Backdrop to catch body clicks on mobile, etc. +// --------------------------- +.dropdown-backdrop { + position: fixed; + left: 0; + right: 0; + bottom: 0; + top: 0; + z-index: @zindex-dropdown - 10; +} + // Right aligned dropdowns // --------------------------- .pull-right > .dropdown-menu { -- cgit v1.2.3 From 53bc93282fbeab3c1b779f1914ab040290668369 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 16 May 2013 13:46:12 -0700 Subject: nuke that docs _site folder --- .gitignore | 1 + docs/_site/assets/css/bootstrap.css | 5016 -------------------- docs/_site/assets/css/docs.css | 665 --- docs/_site/assets/css/pygments-manni.css | 66 - .../assets/fonts/glyphiconshalflings-regular.eot | Bin 33358 -> 0 bytes .../assets/fonts/glyphiconshalflings-regular.otf | Bin 18116 -> 0 bytes .../assets/fonts/glyphiconshalflings-regular.svg | 175 - .../assets/fonts/glyphiconshalflings-regular.ttf | Bin 32896 -> 0 bytes .../assets/fonts/glyphiconshalflings-regular.woff | Bin 18944 -> 0 bytes .../ico/apple-touch-icon-114-precomposed.png | Bin 11392 -> 0 bytes .../ico/apple-touch-icon-144-precomposed.png | Bin 16780 -> 0 bytes .../assets/ico/apple-touch-icon-57-precomposed.png | Bin 4026 -> 0 bytes .../assets/ico/apple-touch-icon-72-precomposed.png | Bin 5681 -> 0 bytes docs/_site/assets/ico/favicon.ico | Bin 1150 -> 0 bytes docs/_site/assets/ico/favicon.png | Bin 2711 -> 0 bytes docs/_site/assets/img/bootstrap-docs-readme.png | Bin 30612 -> 0 bytes .../assets/img/bs-docs-bootstrap-features.png | Bin 11244 -> 0 bytes docs/_site/assets/img/bs-docs-masthead-pattern.png | Bin 6450 -> 0 bytes .../img/bs-docs-responsive-illustrations.png | Bin 10572 -> 0 bytes docs/_site/assets/img/bs-docs-twitter-github.png | Bin 30968 -> 0 bytes .../img/examples/bootstrap-example-carousel.png | Bin 339980 -> 0 bytes .../img/examples/bootstrap-example-fluid.png | Bin 209039 -> 0 bytes .../bootstrap-example-jumbotron-narrow.png | Bin 117303 -> 0 bytes .../examples/bootstrap-example-justified-nav.png | Bin 136021 -> 0 bytes .../img/examples/bootstrap-example-marketing.png | Bin 134269 -> 0 bytes .../bootstrap-example-navbar-fixed-top.png | Bin 58049 -> 0 bytes .../bootstrap-example-navbar-static-top.png | Bin 62207 -> 0 bytes .../img/examples/bootstrap-example-navbar.png | Bin 62522 -> 0 bytes .../img/examples/bootstrap-example-signin.png | Bin 22037 -> 0 bytes .../img/examples/bootstrap-example-starter.png | Bin 36099 -> 0 bytes .../bootstrap-example-sticky-footer-navbar.png | Bin 55659 -> 0 bytes .../examples/bootstrap-example-sticky-footer.png | Bin 30820 -> 0 bytes .../assets/img/examples/browser-icon-chrome.png | Bin 55522 -> 0 bytes .../assets/img/examples/browser-icon-firefox.png | Bin 175944 -> 0 bytes .../assets/img/examples/browser-icon-safari.png | Bin 209494 -> 0 bytes docs/_site/assets/img/examples/slide-01.jpg | Bin 83303 -> 0 bytes docs/_site/assets/img/examples/slide-02.jpg | Bin 137070 -> 0 bytes docs/_site/assets/img/examples/slide-03.jpg | Bin 137378 -> 0 bytes docs/_site/assets/img/grid-baseline-20px.png | Bin 84 -> 0 bytes docs/_site/assets/js/README.md | 106 - docs/_site/assets/js/application.js | 156 - docs/_site/assets/js/bootstrap-affix.js | 117 - docs/_site/assets/js/bootstrap-alert.js | 99 - docs/_site/assets/js/bootstrap-button.js | 105 - docs/_site/assets/js/bootstrap-carousel.js | 207 - docs/_site/assets/js/bootstrap-collapse.js | 167 - docs/_site/assets/js/bootstrap-dropdown.js | 165 - docs/_site/assets/js/bootstrap-modal.js | 251 - docs/_site/assets/js/bootstrap-popover.js | 114 - docs/_site/assets/js/bootstrap-scrollspy.js | 162 - docs/_site/assets/js/bootstrap-tab.js | 144 - docs/_site/assets/js/bootstrap-tooltip.js | 361 -- docs/_site/assets/js/bootstrap-transition.js | 60 - docs/_site/assets/js/bootstrap-typeahead.js | 335 -- docs/_site/assets/js/bootstrap.js | 2280 --------- docs/_site/assets/js/bootstrap.min.js | 6 - docs/_site/assets/js/holder/holder.js | 401 -- docs/_site/assets/js/html5shiv.js | 8 - docs/_site/assets/js/jquery.js | 5 - docs/_site/assets/js/respond/respond.min.js | 6 - docs/_site/components.html | 2208 --------- docs/_site/css.html | 2671 ----------- docs/_site/customize.html | 542 --- docs/_site/examples/carousel.html | 491 -- docs/_site/examples/grid.html | 152 - docs/_site/examples/jumbotron-narrow.html | 222 - docs/_site/examples/jumbotron.html | 200 - docs/_site/examples/justified-nav.html | 234 - docs/_site/examples/navbar-fixed-top.html | 155 - docs/_site/examples/navbar-static-top.html | 152 - docs/_site/examples/navbar.html | 155 - docs/_site/examples/signin.html | 156 - docs/_site/examples/starter-template.html | 132 - docs/_site/examples/sticky-footer-navbar.html | 205 - docs/_site/examples/sticky-footer.html | 169 - docs/_site/getting-started.html | 462 -- docs/_site/index.html | 243 - docs/_site/javascript.html | 2126 --------- 78 files changed, 1 insertion(+), 21852 deletions(-) delete mode 100644 docs/_site/assets/css/bootstrap.css delete mode 100644 docs/_site/assets/css/docs.css delete mode 100644 docs/_site/assets/css/pygments-manni.css delete mode 100755 docs/_site/assets/fonts/glyphiconshalflings-regular.eot delete mode 100644 docs/_site/assets/fonts/glyphiconshalflings-regular.otf delete mode 100755 docs/_site/assets/fonts/glyphiconshalflings-regular.svg delete mode 100755 docs/_site/assets/fonts/glyphiconshalflings-regular.ttf delete mode 100755 docs/_site/assets/fonts/glyphiconshalflings-regular.woff delete mode 100644 docs/_site/assets/ico/apple-touch-icon-114-precomposed.png delete mode 100644 docs/_site/assets/ico/apple-touch-icon-144-precomposed.png delete mode 100644 docs/_site/assets/ico/apple-touch-icon-57-precomposed.png delete mode 100644 docs/_site/assets/ico/apple-touch-icon-72-precomposed.png delete mode 100644 docs/_site/assets/ico/favicon.ico delete mode 100644 docs/_site/assets/ico/favicon.png delete mode 100644 docs/_site/assets/img/bootstrap-docs-readme.png delete mode 100644 docs/_site/assets/img/bs-docs-bootstrap-features.png delete mode 100644 docs/_site/assets/img/bs-docs-masthead-pattern.png delete mode 100644 docs/_site/assets/img/bs-docs-responsive-illustrations.png delete mode 100644 docs/_site/assets/img/bs-docs-twitter-github.png delete mode 100644 docs/_site/assets/img/examples/bootstrap-example-carousel.png delete mode 100644 docs/_site/assets/img/examples/bootstrap-example-fluid.png delete mode 100644 docs/_site/assets/img/examples/bootstrap-example-jumbotron-narrow.png delete mode 100644 docs/_site/assets/img/examples/bootstrap-example-justified-nav.png delete mode 100644 docs/_site/assets/img/examples/bootstrap-example-marketing.png delete mode 100644 docs/_site/assets/img/examples/bootstrap-example-navbar-fixed-top.png delete mode 100644 docs/_site/assets/img/examples/bootstrap-example-navbar-static-top.png delete mode 100644 docs/_site/assets/img/examples/bootstrap-example-navbar.png delete mode 100644 docs/_site/assets/img/examples/bootstrap-example-signin.png delete mode 100644 docs/_site/assets/img/examples/bootstrap-example-starter.png delete mode 100644 docs/_site/assets/img/examples/bootstrap-example-sticky-footer-navbar.png delete mode 100644 docs/_site/assets/img/examples/bootstrap-example-sticky-footer.png delete mode 100644 docs/_site/assets/img/examples/browser-icon-chrome.png delete mode 100644 docs/_site/assets/img/examples/browser-icon-firefox.png delete mode 100644 docs/_site/assets/img/examples/browser-icon-safari.png delete mode 100644 docs/_site/assets/img/examples/slide-01.jpg delete mode 100644 docs/_site/assets/img/examples/slide-02.jpg delete mode 100644 docs/_site/assets/img/examples/slide-03.jpg delete mode 100644 docs/_site/assets/img/grid-baseline-20px.png delete mode 100644 docs/_site/assets/js/README.md delete mode 100644 docs/_site/assets/js/application.js delete mode 100644 docs/_site/assets/js/bootstrap-affix.js delete mode 100644 docs/_site/assets/js/bootstrap-alert.js delete mode 100644 docs/_site/assets/js/bootstrap-button.js delete mode 100644 docs/_site/assets/js/bootstrap-carousel.js delete mode 100644 docs/_site/assets/js/bootstrap-collapse.js delete mode 100644 docs/_site/assets/js/bootstrap-dropdown.js delete mode 100644 docs/_site/assets/js/bootstrap-modal.js delete mode 100644 docs/_site/assets/js/bootstrap-popover.js delete mode 100644 docs/_site/assets/js/bootstrap-scrollspy.js delete mode 100644 docs/_site/assets/js/bootstrap-tab.js delete mode 100644 docs/_site/assets/js/bootstrap-tooltip.js delete mode 100644 docs/_site/assets/js/bootstrap-transition.js delete mode 100644 docs/_site/assets/js/bootstrap-typeahead.js delete mode 100644 docs/_site/assets/js/bootstrap.js delete mode 100644 docs/_site/assets/js/bootstrap.min.js delete mode 100755 docs/_site/assets/js/holder/holder.js delete mode 100644 docs/_site/assets/js/html5shiv.js delete mode 100644 docs/_site/assets/js/jquery.js delete mode 100644 docs/_site/assets/js/respond/respond.min.js delete mode 100644 docs/_site/components.html delete mode 100644 docs/_site/css.html delete mode 100644 docs/_site/customize.html delete mode 100644 docs/_site/examples/carousel.html delete mode 100644 docs/_site/examples/grid.html delete mode 100644 docs/_site/examples/jumbotron-narrow.html delete mode 100644 docs/_site/examples/jumbotron.html delete mode 100644 docs/_site/examples/justified-nav.html delete mode 100644 docs/_site/examples/navbar-fixed-top.html delete mode 100644 docs/_site/examples/navbar-static-top.html delete mode 100644 docs/_site/examples/navbar.html delete mode 100644 docs/_site/examples/signin.html delete mode 100644 docs/_site/examples/starter-template.html delete mode 100644 docs/_site/examples/sticky-footer-navbar.html delete mode 100644 docs/_site/examples/sticky-footer.html delete mode 100644 docs/_site/getting-started.html delete mode 100644 docs/_site/index.html delete mode 100644 docs/_site/javascript.html diff --git a/.gitignore b/.gitignore index afa0159a6..218ceb9f3 100644 --- a/.gitignore +++ b/.gitignore @@ -1,5 +1,6 @@ # Ignore compiled docs _gh_pages +_site # Numerous always-ignore extensions *.diff diff --git a/docs/_site/assets/css/bootstrap.css b/docs/_site/assets/css/bootstrap.css deleted file mode 100644 index c92bd7f36..000000000 --- a/docs/_site/assets/css/bootstrap.css +++ /dev/null @@ -1,5016 +0,0 @@ -/*! - * Bootstrap v3.0.0 - * - * Copyright 2013 Twitter, Inc - * Licensed under the Apache License v2.0 - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Designed and built with all the love in the world by @mdo and @fat. - */ - -/*! normalize.css v2.1.0 | MIT License | git.io/normalize */ - -article, -aside, -details, -figcaption, -figure, -footer, -header, -hgroup, -main, -nav, -section, -summary { - display: block; -} - -audio, -canvas, -video { - display: inline-block; -} - -audio:not([controls]) { - display: none; - height: 0; -} - -[hidden] { - display: none; -} - -html { - font-family: sans-serif; - -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; -} - -body { - margin: 0; -} - -a:focus { - outline: thin dotted; -} - -a:active, -a:hover { - outline: 0; -} - -h1 { - margin: 0.67em 0; - font-size: 2em; -} - -abbr[title] { - border-bottom: 1px dotted; -} - -b, -strong { - font-weight: bold; -} - -dfn { - font-style: italic; -} - -hr { - height: 0; - -moz-box-sizing: content-box; - box-sizing: content-box; -} - -mark { - color: #000; - background: #ff0; -} - -code, -kbd, -pre, -samp { - font-family: monospace, serif; - font-size: 1em; -} - -pre { - white-space: pre-wrap; -} - -q { - quotes: "\201C" "\201D" "\2018" "\2019"; -} - -small { - font-size: 80%; -} - -sub, -sup { - position: relative; - font-size: 75%; - line-height: 0; - vertical-align: baseline; -} - -sup { - top: -0.5em; -} - -sub { - bottom: -0.25em; -} - -img { - border: 0; -} - -svg:not(:root) { - overflow: hidden; -} - -figure { - margin: 0; -} - -fieldset { - padding: 0.35em 0.625em 0.75em; - margin: 0 2px; - border: 1px solid #c0c0c0; -} - -legend { - padding: 0; - border: 0; -} - -button, -input, -select, -textarea { - margin: 0; - font-family: inherit; - font-size: 100%; -} - -button, -input { - line-height: normal; -} - -button, -select { - text-transform: none; -} - -button, -html input[type="button"], -input[type="reset"], -input[type="submit"] { - cursor: pointer; - -webkit-appearance: button; -} - -button[disabled], -html input[disabled] { - cursor: default; -} - -input[type="checkbox"], -input[type="radio"] { - padding: 0; - box-sizing: border-box; -} - -input[type="search"] { - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; - -webkit-appearance: textfield; -} - -input[type="search"]::-webkit-search-cancel-button, -input[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; -} - -button::-moz-focus-inner, -input::-moz-focus-inner { - padding: 0; - border: 0; -} - -textarea { - overflow: auto; - vertical-align: top; -} - -table { - border-collapse: collapse; - border-spacing: 0; -} - -@media print { - * { - color: #000 !important; - text-shadow: none !important; - background: transparent !important; - box-shadow: none !important; - } - a, - a:visited { - text-decoration: underline; - } - a[href]:after { - content: " (" attr(href) ")"; - } - abbr[title]:after { - content: " (" attr(title) ")"; - } - .ir a:after, - a[href^="javascript:"]:after, - a[href^="#"]:after { - content: ""; - } - pre, - blockquote { - border: 1px solid #999; - page-break-inside: avoid; - } - thead { - display: table-header-group; - } - tr, - img { - page-break-inside: avoid; - } - img { - max-width: 100% !important; - } - @page { - margin: 0.5cm; - } - p, - h2, - h3 { - orphans: 3; - widows: 3; - } - h2, - h3 { - page-break-after: avoid; - } - .navbar-toggle { - display: none; - } -} - -* { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -html { - font-size: 62.5%; - -webkit-overflow-scrolling: touch; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -} - -@media screen and (max-device-width: 480px) { - html { - -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; - } -} - -body { - color: #333333; - background-color: #ffffff; -} - -body, -input, -button, -select, -textarea { - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 14px; - font-size: 1.4rem; - line-height: 20px; -} - -a { - color: #428bca; - text-decoration: none; -} - -a:hover, -a:focus { - color: #2a6496; - text-decoration: underline; -} - -a:focus { - outline: thin dotted #333; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; -} - -img { - width: auto\9; - height: auto; - max-width: 100%; - vertical-align: middle; -} - -.img-rounded { - border-radius: 6px; -} - -.img-circle { - border-radius: 500px; -} - -p { - margin: 0 0 10px; -} - -.lead { - margin-bottom: 20px; - font-size: 21px; - font-size: 2.1rem; - font-weight: 200; - line-height: 1.25; -} - -small { - font-size: 85%; -} - -strong { - font-weight: bold; -} - -em { - font-style: italic; -} - -cite { - font-style: normal; -} - -.muted { - color: #999999; -} - -a.muted:hover, -a.muted:focus { - color: #808080; -} - -.text-warning { - color: #c09853; -} - -a.text-warning:hover, -a.text-warning:focus { - color: #a47e3c; -} - -.text-error { - color: #b94a48; -} - -a.text-error:hover, -a.text-error:focus { - color: #953b39; -} - -.text-success { - color: #468847; -} - -a.text-success:hover, -a.text-success:focus { - color: #356635; -} - -.text-left { - text-align: left; -} - -.text-right { - text-align: right; -} - -.text-center { - text-align: center; -} - -h1, -h2, -h3, -h4, -h5, -h6, -.h1, -.h2, -.h3, -.h4, -.h5, -.h6 { - font-family: inherit; - font-weight: 500; - line-height: 20px; - text-rendering: optimizelegibility; -} - -h1 small, -h2 small, -h3 small, -h4 small, -h5 small, -h6 small, -.h1 small, -.h2 small, -.h3 small, -.h4 small, -.h5 small, -.h6 small { - font-weight: normal; - line-height: 1; - color: #999999; -} - -h1, -h2, -h3 { - margin-top: 20px; - margin-bottom: 10px; - line-height: 40px; -} - -h3 { - line-height: 30px; -} - -h4, -h5, -h6 { - margin-top: 10px; - margin-bottom: 10px; -} - -h1, -.h1 { - font-size: 38.5; - font-size: 4rem; -} - -h2, -.h2 { - font-size: 31.5; - font-size: 3rem; -} - -h3, -.h3 { - font-size: 24.5; - font-size: 2.5rem; -} - -h4, -.h4 { - font-size: 17.5; - font-size: 2rem; -} - -h5, -.h5 { - font-size: 14; - font-size: 1.6rem; -} - -h6, -.h6 { - font-size: 11.9; - font-size: 1.2rem; -} - -h1 small, -.h1 small { - font-size: 24.5; -} - -h2 small, -.h2 small { - font-size: 17.5; -} - -h3 small, -.h3 small { - font-size: 14; -} - -h4 small, -.h4 small { - font-size: 14; -} - -.page-header { - padding-bottom: 9px; - margin: 40px 0 20px; - border-bottom: 1px solid #eeeeee; -} - -ul, -ol { - padding: 0; - margin: 0 0 10px 25px; -} - -ul ul, -ul ol, -ol ol, -ol ul { - margin-bottom: 0; -} - -li { - line-height: 20px; -} - -.list-unstyled, -.list-inline { - margin-left: 0; - list-style: none; -} - -.list-inline > li { - display: inline-block; - padding-right: 5px; - padding-left: 5px; -} - -dl { - margin-bottom: 20px; -} - -dt, -dd { - line-height: 20px; -} - -dt { - font-weight: bold; -} - -dd { - margin-left: 10px; -} - -.dl-horizontal:before, -.dl-horizontal:after { - display: table; - content: " "; -} - -.dl-horizontal:after { - clear: both; -} - -.dl-horizontal dt { - float: left; - width: 160px; - overflow: hidden; - clear: left; - text-align: right; - text-overflow: ellipsis; - white-space: nowrap; -} - -.dl-horizontal dd { - margin-left: 180px; -} - -hr { - margin: 20px 0; - border: 0; - border-top: 1px solid #eeeeee; - border-bottom: 1px solid #fff; - border-bottom: 1px solid rgba(255, 255, 255, 0.5); -} - -abbr[title], -abbr[data-original-title] { - cursor: help; - border-bottom: 1px dotted #999999; -} - -abbr.initialism { - font-size: 90%; - text-transform: uppercase; -} - -blockquote { - padding: 0 0 0 15px; - margin: 0 0 20px; - border-left: 5px solid #eeeeee; -} - -blockquote p { - margin-bottom: 0; - font-size: 17.5; - font-weight: 300; - line-height: 1.25; -} - -blockquote small { - display: block; - line-height: 20px; - color: #999999; -} - -blockquote small:before { - content: '\2014 \00A0'; -} - -blockquote.pull-right { - float: right; - padding-right: 15px; - padding-left: 0; - border-right: 5px solid #eeeeee; - border-left: 0; -} - -blockquote.pull-right p, -blockquote.pull-right small { - text-align: right; -} - -blockquote.pull-right small:before { - content: ''; -} - -blockquote.pull-right small:after { - content: '\00A0 \2014'; -} - -q:before, -q:after, -blockquote:before, -blockquote:after { - content: ""; -} - -address { - display: block; - margin-bottom: 20px; - font-style: normal; - line-height: 20px; -} - -code, -pre { - padding: 0 3px 2px; - font-family: Monaco, Menlo, Consolas, "Courier New", monospace; - font-size: 12; - color: #333333; - border-radius: 4px; -} - -code { - padding: 2px 4px; - font-size: 90%; - color: #c7254e; - white-space: nowrap; - background-color: #f9f2f4; -} - -pre { - display: block; - padding: 9.5px; - margin: 0 0 10px; - font-size: 13; - line-height: 20px; - word-break: break-all; - word-wrap: break-word; - white-space: pre; - white-space: pre-wrap; - background-color: #f5f5f5; - border: 1px solid #ccc; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 4px; -} - -pre.prettyprint { - margin-bottom: 20px; -} - -pre code { - padding: 0; - color: inherit; - white-space: pre; - white-space: pre-wrap; - background-color: transparent; - border: 0; -} - -.pre-scrollable { - max-height: 340px; - overflow-y: scroll; -} - -.container { - margin-right: auto; - margin-left: auto; -} - -.container:before, -.container:after { - display: table; - content: " "; -} - -.container:after { - clear: both; -} - -.row { - margin-right: -15px; - margin-left: -15px; -} - -.row:before, -.row:after { - display: table; - content: " "; -} - -.row:after { - clear: both; -} - -[class^="span"] { - position: relative; - min-height: 1px; - padding-right: 15px; - padding-left: 15px; -} - -@media screen and (min-width: 768px) { - .container { - max-width: 728px; - } - [class^="span"] { - float: left; - } - .span12 { - width: 100%; - } - .span11 { - width: 91.66666666666666%; - } - .span10 { - width: 83.33333333333334%; - } - .span9 { - width: 75%; - } - .span8 { - width: 66.66666666666666%; - } - .span7 { - width: 58.333333333333336%; - } - .span6 { - width: 50%; - } - .span5 { - width: 41.66666666666667%; - } - .span4 { - width: 33.33333333333333%; - } - .span3 { - width: 25%; - } - .span2 { - width: 16.666666666666664%; - } - .span1 { - width: 8.333333333333332%; - } - .offset12 { - margin-left: 100%; - } - .offset11 { - margin-left: 91.66666666666666%; - } - .offset10 { - margin-left: 83.33333333333334%; - } - .offset9 { - margin-left: 75%; - } - .offset8 { - margin-left: 66.66666666666666%; - } - .offset7 { - margin-left: 58.333333333333336%; - } - .offset6 { - margin-left: 50%; - } - .offset5 { - margin-left: 41.66666666666667%; - } - .offset4 { - margin-left: 33.33333333333333%; - } - .offset3 { - margin-left: 25%; - } - .offset2 { - margin-left: 16.666666666666664%; - } - .offset1 { - margin-left: 8.333333333333332%; - } - .push12 { - left: 100%; - } - .push11 { - left: 91.66666666666666%; - } - .push10 { - left: 83.33333333333334%; - } - .push9 { - left: 75%; - } - .push8 { - left: 66.66666666666666%; - } - .push7 { - left: 58.333333333333336%; - } - .push6 { - left: 50%; - } - .push5 { - left: 41.66666666666667%; - } - .push4 { - left: 33.33333333333333%; - } - .push3 { - left: 25%; - } - .push2 { - left: 16.666666666666664%; - } - .push1 { - left: 8.333333333333332%; - } - .pull12 { - right: 100%; - } - .pull11 { - right: 91.66666666666666%; - } - .pull10 { - right: 83.33333333333334%; - } - .pull9 { - right: 75%; - } - .pull8 { - right: 66.66666666666666%; - } - .pull7 { - right: 58.333333333333336%; - } - .pull6 { - right: 50%; - } - .pull5 { - right: 41.66666666666667%; - } - .pull4 { - right: 33.33333333333333%; - } - .pull3 { - right: 25%; - } - .pull2 { - right: 16.666666666666664%; - } - .pull1 { - right: 8.333333333333332%; - } -} - -@media screen and (min-width: 992px) { - .container { - max-width: 940px; - } -} - -@media screen and (min-width: 1200px) { - .container { - max-width: 1170px; - } -} - -[class*="span"].pull-right { - float: right; -} - -table { - max-width: 100%; - background-color: transparent; - border-collapse: collapse; - border-spacing: 0; -} - -th { - text-align: left; -} - -.table { - width: 100%; - margin-bottom: 20px; -} - -.table th, -.table td { - padding: 8px; - line-height: 20px; - vertical-align: top; - border-top: 1px solid #dddddd; -} - -.table thead th { - vertical-align: bottom; -} - -.table caption + thead tr:first-child th, -.table caption + thead tr:first-child td, -.table colgroup + thead tr:first-child th, -.table colgroup + thead tr:first-child td, -.table thead:first-child tr:first-child th, -.table thead:first-child tr:first-child td { - border-top: 0; -} - -.table tbody + tbody { - border-top: 2px solid #dddddd; -} - -.table .table { - background-color: #ffffff; -} - -.table-condensed th, -.table-condensed td { - padding: 4px 5px; -} - -.table-bordered { - border: 1px solid #dddddd; - border-collapse: separate; - border-left: 0; - border-radius: 4px; -} - -.table-bordered th, -.table-bordered td { - border-left: 1px solid #dddddd; -} - -.table-bordered caption + thead tr:first-child th, -.table-bordered caption + tbody tr:first-child th, -.table-bordered caption + tbody tr:first-child td, -.table-bordered colgroup + thead tr:first-child th, -.table-bordered colgroup + tbody tr:first-child th, -.table-bordered colgroup + tbody tr:first-child td, -.table-bordered thead:first-child tr:first-child th, -.table-bordered tbody:first-child tr:first-child th, -.table-bordered tbody:first-child tr:first-child td { - border-top: 0; -} - -.table-bordered thead:first-child tr:first-child > th:first-child, -.table-bordered tbody:first-child tr:first-child > td:first-child, -.table-bordered tbody:first-child tr:first-child > th:first-child { - border-top-left-radius: 4px; -} - -.table-bordered thead:first-child tr:first-child > th:last-child, -.table-bordered tbody:first-child tr:first-child > td:last-child, -.table-bordered tbody:first-child tr:first-child > th:last-child { - border-top-right-radius: 4px; -} - -.table-bordered thead:last-child tr:last-child > th:first-child, -.table-bordered tbody:last-child tr:last-child > td:first-child, -.table-bordered tbody:last-child tr:last-child > th:first-child, -.table-bordered tfoot:last-child tr:last-child > td:first-child, -.table-bordered tfoot:last-child tr:last-child > th:first-child { - border-bottom-left-radius: 4px; -} - -.table-bordered thead:last-child tr:last-child > th:last-child, -.table-bordered tbody:last-child tr:last-child > td:last-child, -.table-bordered tbody:last-child tr:last-child > th:last-child, -.table-bordered tfoot:last-child tr:last-child > td:last-child, -.table-bordered tfoot:last-child tr:last-child > th:last-child { - border-bottom-right-radius: 4px; -} - -.table-bordered tfoot + tbody:last-child tr:last-child > td:first-child { - border-bottom-left-radius: 0; -} - -.table-bordered tfoot + tbody:last-child tr:last-child > td:last-child { - border-bottom-right-radius: 0; -} - -.table-bordered caption + thead tr:first-child th:first-child, -.table-bordered caption + tbody tr:first-child td:first-child, -.table-bordered colgroup + thead tr:first-child th:first-child, -.table-bordered colgroup + tbody tr:first-child td:first-child { - border-top-left-radius: 4px; -} - -.table-bordered caption + thead tr:first-child th:last-child, -.table-bordered caption + tbody tr:first-child td:last-child, -.table-bordered colgroup + thead tr:first-child th:last-child, -.table-bordered colgroup + tbody tr:first-child td:last-child { - border-top-right-radius: 4px; -} - -.table-striped > tbody > tr:nth-child(odd) > td, -.table-striped > tbody > tr:nth-child(odd) > th { - background-color: #f9f9f9; -} - -.table-hover > tbody > tr:hover > td, -.table-hover > tbody > tr:hover > th { - background-color: #f5f5f5; -} - -table col[class^="span"] { - display: table-column; - float: none; -} - -table td[class^="span"], -table th[class^="span"] { - display: table-cell; - float: none; -} - -.table > tbody > tr > td.success, -.table > tbody > tr > th.success, -.table > tbody > tr.success > td { - background-color: #dff0d8; -} - -.table > tbody > tr > td.error, -.table > tbody > tr > th.error, -.table > tbody > tr.error > td { - background-color: #f2dede; -} - -.table > tbody > tr > td.warning, -.table > tbody > tr > th.warning, -.table > tbody > tr.warning > td { - background-color: #fcf8e3; -} - -.table-hover > tbody > tr > td.success:hover, -.table-hover > tbody > tr > th.success:hover, -.table-hover > tbody > tr.success:hover > td { - background-color: #d0e9c6; -} - -.table-hover > tbody > tr > td.error:hover, -.table-hover > tbody > tr > th.error:hover, -.table-hover > tbody > tr.error:hover > td { - background-color: #ebcccc; -} - -.table-hover > tbody > tr > td.warning:hover, -.table-hover > tbody > tr > th.warning:hover, -.table-hover > tbody > tr.warning:hover > td { - background-color: #faf2cc; -} - -form { - margin: 0; -} - -fieldset { - padding: 0; - margin: 0; - border: 0; -} - -legend { - display: block; - width: 100%; - padding: 0; - margin-bottom: 20px; - font-size: 21; - line-height: 40px; - color: #333333; - border: 0; - border-bottom: 1px solid #e5e5e5; -} - -label { - display: inline-block; - margin-bottom: 5px; - font-weight: bold; -} - -select, -textarea, -input[type="text"], -input[type="password"], -input[type="datetime"], -input[type="datetime-local"], -input[type="date"], -input[type="month"], -input[type="time"], -input[type="week"], -input[type="number"], -input[type="email"], -input[type="url"], -input[type="search"], -input[type="tel"], -input[type="color"] { - display: inline-block; - min-height: 34px; - padding: 6px 9px; - font-size: 14; - line-height: 20px; - color: #555555; - vertical-align: middle; - background-color: #ffffff; - border: 1px solid #cccccc; - border-radius: 4px; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; - -moz-transition: border linear 0.2s, box-shadow linear 0.2s; - -o-transition: border linear 0.2s, box-shadow linear 0.2s; - transition: border linear 0.2s, box-shadow linear 0.2s; -} - -input, -select, -textarea { - width: 100%; -} - -input[type="file"], -input[type="image"], -input[type="submit"], -input[type="reset"], -input[type="button"], -input[type="radio"], -input[type="checkbox"] { - width: auto; -} - -textarea { - height: auto; -} - -textarea:focus, -input[type="text"]:focus, -input[type="password"]:focus, -input[type="datetime"]:focus, -input[type="datetime-local"]:focus, -input[type="date"]:focus, -input[type="month"]:focus, -input[type="time"]:focus, -input[type="week"]:focus, -input[type="number"]:focus, -input[type="email"]:focus, -input[type="url"]:focus, -input[type="search"]:focus, -input[type="tel"]:focus, -input[type="color"]:focus { - border-color: rgba(82, 168, 236, 0.8); - outline: 0; - outline: thin dotted \9; - /* IE6-9 */ - - -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6); - box-shadow: 0 0 8px rgba(82, 168, 236, 0.6); -} - -input[type="radio"], -input[type="checkbox"] { - margin: 4px 0 0; - margin-top: 1px \9; - /* IE8-9 */ - - line-height: normal; -} - -select, -input[type="file"] { - height: 34px; - /* In IE7, the height of the select element cannot be changed by height, only font-size. TODO: Check if this is still needed when dropping IE7 support */ - - line-height: 34px; -} - -select[multiple], -select[size] { - height: auto; -} - -select:focus, -input[type="file"]:focus, -input[type="radio"]:focus, -input[type="checkbox"]:focus { - outline: thin dotted #333; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; -} - -input:-moz-placeholder, -textarea:-moz-placeholder { - color: #999999; -} - -input::-moz-placeholder, -textarea::-moz-placeholder { - color: #999999; -} - -input:-ms-input-placeholder, -textarea:-ms-input-placeholder { - color: #999999; -} - -input::-webkit-input-placeholder, -textarea::-webkit-input-placeholder { - color: #999999; -} - -.radio, -.checkbox { - display: block; - min-height: 20px; - padding-left: 20px; - margin-bottom: 10px; -} - -.radio label, -.checkbox label { - display: inline; - margin-bottom: 0; - font-weight: normal; -} - -.radio input[type="radio"], -.radio-inline input[type="radio"], -.checkbox input[type="checkbox"], -.checkbox-inline input[type="checkbox"] { - float: left; - margin-left: -20px; -} - -.radio + .radio, -.checkbox + .checkbox { - margin-top: -5px; -} - -.controls > .radio:first-child, -.controls > .checkbox:first-child { - padding-top: 5px; -} - -.radio-inline, -.checkbox-inline { - display: inline-block; - padding-top: 5px; - padding-left: 20px; - margin-bottom: 0; - font-weight: normal; - vertical-align: middle; -} - -.radio-inline + .radio-inline, -.checkbox-inline + .checkbox-inline { - margin-top: 0; - margin-left: 10px; -} - -select.input-large, -textarea.input-large, -input[type="text"].input-large, -input[type="password"].input-large, -input[type="datetime"].input-large, -input[type="datetime-local"].input-large, -input[type="date"].input-large, -input[type="month"].input-large, -input[type="time"].input-large, -input[type="week"].input-large, -input[type="number"].input-large, -input[type="email"].input-large, -input[type="url"].input-large, -input[type="search"].input-large, -input[type="tel"].input-large, -input[type="color"].input-large { - padding: 11px 14px; - font-size: 17.5; - border-radius: 6px; -} - -select.input-small, -textarea.input-small, -input[type="text"].input-small, -input[type="password"].input-small, -input[type="datetime"].input-small, -input[type="datetime-local"].input-small, -input[type="date"].input-small, -input[type="month"].input-small, -input[type="time"].input-small, -input[type="week"].input-small, -input[type="number"].input-small, -input[type="email"].input-small, -input[type="url"].input-small, -input[type="search"].input-small, -input[type="tel"].input-small, -input[type="color"].input-small { - min-height: 26px; - padding: 2px 10px; - font-size: 11.9; - border-radius: 3px; -} - -input[class*="span"], -select[class*="span"], -textarea[class*="span"] { - float: none; - margin-right: 0; - margin-left: 0; -} - -.input-append input[class*="span"], -.input-prepend input[class*="span"] { - display: inline-block; -} - -input[class*="span"], -select[class*="span"], -textarea[class*="span"] { - height: 34px; -} - -input[disabled], -select[disabled], -textarea[disabled], -input[readonly], -select[readonly], -textarea[readonly], -fieldset[disabled] input, -fieldset[disabled] select, -fieldset[disabled] textarea { - cursor: not-allowed; - background-color: #eeeeee; -} - -input[type="radio"][disabled], -input[type="checkbox"][disabled], -input[type="radio"][readonly], -input[type="checkbox"][readonly], -fieldset[disabled] input[type="radio"], -fieldset[disabled] input[type="checkbox"] { - background-color: transparent; -} - -.has-warning .control-label { - color: #c09853; -} - -.has-warning .input-with-feedback { - padding-right: 32px; - border-color: #c09853; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -} - -.has-warning .input-with-feedback:focus { - border-color: #a47e3c; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; -} - -.has-error .control-label { - color: #b94a48; -} - -.has-error .input-with-feedback { - padding-right: 32px; - border-color: #b94a48; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -} - -.has-error .input-with-feedback:focus { - border-color: #953b39; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; -} - -.has-success .control-label { - color: #468847; -} - -.has-success .input-with-feedback { - padding-right: 32px; - border-color: #468847; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -} - -.has-success .input-with-feedback:focus { - border-color: #356635; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; -} - -input:focus:invalid, -textarea:focus:invalid, -select:focus:invalid { - color: #b94a48; - border-color: #ee5f5b; -} - -input:focus:invalid:focus, -textarea:focus:invalid:focus, -select:focus:invalid:focus { - border-color: #e9322d; - -webkit-box-shadow: 0 0 6px #f8b9b7; - box-shadow: 0 0 6px #f8b9b7; -} - -.form-actions { - padding: 19px 20px 20px; - margin-top: 20px; - margin-bottom: 20px; - background-color: #f5f5f5; - border-top: 1px solid #e5e5e5; -} - -.form-actions:before, -.form-actions:after { - display: table; - content: " "; -} - -.form-actions:after { - clear: both; -} - -.help-block, -.help-inline { - color: #737373; -} - -.help-block { - display: block; - margin-bottom: 10px; -} - -.help-inline { - display: inline-block; - padding-left: 5px; - vertical-align: middle; -} - -.input-group { - display: table; -} - -.input-group[class*="span"] { - float: none; - padding: 0; -} - -.input-group input, -.input-group select { - width: 100%; -} - -.input-group-addon, -.input-group-btn, -.input-group input { - display: table-cell; - margin: 0; - border-radius: 0; -} - -.input-group-addon.input-small, -.input-group-btn.input-small, -.input-group input.input-small { - border-radius: 0; -} - -.input-group-addon.input-large, -.input-group-btn.input-large, -.input-group input.input-large { - border-radius: 0; -} - -.input-group-addon, -.input-group-btn { - width: 1%; - vertical-align: middle; -} - -.input-group-addon { - padding: 6px 8px; - font-size: 14; - font-weight: normal; - line-height: 20px; - text-align: center; - text-shadow: 0 1px 0 #fff; - background-color: #eeeeee; - border: 1px solid #ccc; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -.input-group-addon.input-small { - padding: 2px 10px; - font-size: 11.9; -} - -.input-group-addon.input-large { - padding: 11px 14px; - font-size: 17.5; -} - -.input-group input:first-child, -.input-group-addon:first-child { - border-bottom-left-radius: 4px; - border-top-left-radius: 4px; -} - -.input-group input:first-child.input-small, -.input-group-addon:first-child.input-small { - border-bottom-left-radius: 3px; - border-top-left-radius: 3px; -} - -.input-group input:first-child.input-large, -.input-group-addon:first-child.input-large { - border-bottom-left-radius: 6px; - border-top-left-radius: 6px; -} - -.input-group-addon:first-child { - border-right: 0; -} - -.input-group input:last-child, -.input-group-addon:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.input-group input:last-child.input-small, -.input-group-addon:last-child.input-small { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -.input-group input:last-child.input-large, -.input-group-addon:last-child.input-large { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} - -.input-group-addon:last-child { - border-left: 0; -} - -.input-group-btn { - position: relative; - white-space: nowrap; -} - -.input-group-btn > .btn { - position: relative; - float: left; - border-radius: 0; -} - -.input-group-btn > .btn + .btn { - margin-left: -1px; -} - -.input-group-btn > .btn:hover, -.input-group-btn > .btn:active { - z-index: 2; -} - -.input-group-btn:first-child > .btn:first-child, -.input-group-btn:first-child > .dropdown-toggle:first-child { - border-bottom-left-radius: 4px; - border-top-left-radius: 4px; -} - -.input-group-btn:first-child > .btn:first-child.btn-large, -.input-group-btn:first-child > .dropdown-toggle:first-child.btn-large { - border-bottom-left-radius: 6px; - border-top-left-radius: 6px; -} - -.input-group-btn:first-child > .btn:first-child.btn-small, -.input-group-btn:first-child > .dropdown-toggle:first-child.btn-small { - border-bottom-left-radius: 3px; - border-top-left-radius: 3px; -} - -.input-group-btn:last-child > .btn:last-child, -.input-group-btn:last-child > .dropdown-toggle { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.input-group-btn:last-child > .btn:last-child.btn-large, -.input-group-btn:last-child > .dropdown-toggle.btn-large { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} - -.input-group-btn:last-child > .btn:last-child.btn-small, -.input-group-btn:last-child > .dropdown-toggle.btn-small { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -@media screen and (min-width: 768px) { - .form-horizontal .control-group { - position: relative; - margin-bottom: 20px; - } - .form-horizontal .control-group:before, - .form-horizontal .control-group:after { - display: table; - content: " "; - } - .form-horizontal .control-group:after { - clear: both; - } - .form-horizontal .control-group input, - .form-horizontal .control-group select, - .form-horizontal .control-group textarea { - margin-bottom: 0; - } - .form-horizontal .control-group > .control-label { - float: left; - width: 160px; - padding-top: 6px; - text-align: right; - } - .form-horizontal .control-group > .controls { - margin-left: 180px; - } -} - -.btn { - display: inline-block; - padding: 6px 12px; - margin-bottom: 0; - font-size: 14; - font-weight: 500; - line-height: 20px; - text-align: center; - white-space: nowrap; - vertical-align: middle; - cursor: pointer; - border: 1px solid #a7a9aa; - border-radius: 4px; -} - -.btn:focus { - outline: thin dotted #333; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; -} - -.btn:hover, -.btn:focus { - color: #fff; - text-decoration: none; -} - -.btn:active, -.btn.active { - background-image: none; - outline: 0; - -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); -} - -.btn.disabled, -.btn[disabled], -fieldset[disabled] .btn { - pointer-events: none; - cursor: default; - opacity: 0.65; - filter: alpha(opacity=65); - -webkit-box-shadow: none; - box-shadow: none; -} - -.btn-large { - padding: 11px 14px; - font-size: 17.5; - border-radius: 6px; -} - -.btn-small { - padding: 2px 10px; - font-size: 11.9; - border-radius: 3px; -} - -.btn-mini { - padding: 0 6px; - font-size: 10.5; - border-radius: 3px; -} - -.btn-block { - display: block; - width: 100%; - padding-right: 0; - padding-left: 0; -} - -.btn-block + .btn-block { - margin-top: 5px; -} - -input[type="submit"].btn-block, -input[type="reset"].btn-block, -input[type="button"].btn-block { - width: 100%; -} - -.btn { - color: #ffffff; - background-color: #a7a9aa; - border-color: #a7a9aa; -} - -.btn:hover, -.btn:focus, -.btn:active, -.btn.active { - background-color: #9a9c9d; - border-color: #8d9091; -} - -.btn.disabled:hover, -.btn[disabled]:hover, -fieldset[disabled] .btn:hover, -.btn.disabled:focus, -.btn[disabled]:focus, -fieldset[disabled] .btn:focus, -.btn.disabled:active, -.btn[disabled]:active, -fieldset[disabled] .btn:active, -.btn.disabled.active, -.btn[disabled].active, -fieldset[disabled] .btn.active { - background-color: #a7a9aa; - border-color: #a7a9aa; -} - -.btn-primary { - background-color: #428bca; - border-color: #428bca; -} - -.btn-primary:hover, -.btn-primary:focus, -.btn-primary:active, -.btn-primary.active { - background-color: #357ebd; - border-color: #3071a9; -} - -.btn-primary.disabled:hover, -.btn-primary[disabled]:hover, -fieldset[disabled] .btn-primary:hover, -.btn-primary.disabled:focus, -.btn-primary[disabled]:focus, -fieldset[disabled] .btn-primary:focus, -.btn-primary.disabled:active, -.btn-primary[disabled]:active, -fieldset[disabled] .btn-primary:active, -.btn-primary.disabled.active, -.btn-primary[disabled].active, -fieldset[disabled] .btn-primary.active { - background-color: #428bca; - border-color: #428bca; -} - -.btn-warning { - background-color: #f0ad4e; - border-color: #f0ad4e; -} - -.btn-warning:hover, -.btn-warning:focus, -.btn-warning:active, -.btn-warning.active { - background-color: #eea236; - border-color: #ec971f; -} - -.btn-warning.disabled:hover, -.btn-warning[disabled]:hover, -fieldset[disabled] .btn-warning:hover, -.btn-warning.disabled:focus, -.btn-warning[disabled]:focus, -fieldset[disabled] .btn-warning:focus, -.btn-warning.disabled:active, -.btn-warning[disabled]:active, -fieldset[disabled] .btn-warning:active, -.btn-warning.disabled.active, -.btn-warning[disabled].active, -fieldset[disabled] .btn-warning.active { - background-color: #f0ad4e; - border-color: #f0ad4e; -} - -.btn-danger { - background-color: #d9534f; - border-color: #d9534f; -} - -.btn-danger:hover, -.btn-danger:focus, -.btn-danger:active, -.btn-danger.active { - background-color: #d43f3a; - border-color: #c9302c; -} - -.btn-danger.disabled:hover, -.btn-danger[disabled]:hover, -fieldset[disabled] .btn-danger:hover, -.btn-danger.disabled:focus, -.btn-danger[disabled]:focus, -fieldset[disabled] .btn-danger:focus, -.btn-danger.disabled:active, -.btn-danger[disabled]:active, -fieldset[disabled] .btn-danger:active, -.btn-danger.disabled.active, -.btn-danger[disabled].active, -fieldset[disabled] .btn-danger.active { - background-color: #d9534f; - border-color: #d9534f; -} - -.btn-success { - background-color: #5cb85c; - border-color: #5cb85c; -} - -.btn-success:hover, -.btn-success:focus, -.btn-success:active, -.btn-success.active { - background-color: #4cae4c; - border-color: #449d44; -} - -.btn-success.disabled:hover, -.btn-success[disabled]:hover, -fieldset[disabled] .btn-success:hover, -.btn-success.disabled:focus, -.btn-success[disabled]:focus, -fieldset[disabled] .btn-success:focus, -.btn-success.disabled:active, -.btn-success[disabled]:active, -fieldset[disabled] .btn-success:active, -.btn-success.disabled.active, -.btn-success[disabled].active, -fieldset[disabled] .btn-success.active { - background-color: #5cb85c; - border-color: #5cb85c; -} - -.btn-info { - background-color: #5bc0de; - border-color: #5bc0de; -} - -.btn-info:hover, -.btn-info:focus, -.btn-info:active, -.btn-info.active { - background-color: #46b8da; - border-color: #31b0d5; -} - -.btn-info.disabled:hover, -.btn-info[disabled]:hover, -fieldset[disabled] .btn-info:hover, -.btn-info.disabled:focus, -.btn-info[disabled]:focus, -fieldset[disabled] .btn-info:focus, -.btn-info.disabled:active, -.btn-info[disabled]:active, -fieldset[disabled] .btn-info:active, -.btn-info.disabled.active, -.btn-info[disabled].active, -fieldset[disabled] .btn-info.active { - background-color: #5bc0de; - border-color: #5bc0de; -} - -.btn-link, -.btn-link:active, -.btn-link[disabled], -fieldset[disabled] .btn-link { - background-color: transparent; - background-image: none; - -webkit-box-shadow: none; - box-shadow: none; -} - -.btn-link, -.btn-link:hover, -.btn-link:focus, -.btn-link:active { - border-color: transparent; -} - -.btn-link { - font-weight: normal; - color: #428bca; - cursor: pointer; - border-radius: 0; -} - -.btn-link:hover, -.btn-link:focus { - color: #2a6496; - text-decoration: underline; - background-color: transparent; -} - -.btn-link[disabled]:hover, -fieldset[disabled] .btn-link:hover, -.btn-link[disabled]:focus, -fieldset[disabled] .btn-link:focus { - color: #333333; - text-decoration: none; -} - -.fade { - opacity: 0; - -webkit-transition: opacity 0.15s linear; - -moz-transition: opacity 0.15s linear; - -o-transition: opacity 0.15s linear; - transition: opacity 0.15s linear; -} - -.fade.in { - opacity: 1; -} - -/*.collapse { - position: relative; - height: 0; - overflow: hidden; - .transition(height .35s ease); - &.in { - height: auto; - } -}*/ - -.collapse { - position: relative; - height: 0; - overflow: hidden; - -webkit-transition: height 0.35s ease; - -moz-transition: height 0.35s ease; - -o-transition: height 0.35s ease; - transition: height 0.35s ease; -} - -.collapse.in { - height: auto; -} - -@font-face { - font-family: 'Glyphicons Halflings'; - font-style: normal; - font-weight: normal; - src: url('../fonts/glyphiconshalflings-regular.eot'); - src: url('../fonts/glyphiconshalflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphiconshalflings-regular.woff') format('woff'), url('../fonts/glyphiconshalflings-regular.ttf') format('truetype'), url('../fonts/glyphiconshalflings-regular.svg#glyphicons_halflingsregular') format('svg'); -} - -.glyphicon:before { - font-family: 'Glyphicons Halflings'; - font-style: normal; - line-height: 1; -} - -.glyphicon-glass:before { - content: "\e001"; -} - -.glyphicon-music:before { - content: "\e002"; -} - -.glyphicon-search:before { - content: "\e003"; -} - -.glyphicon-envelope:before { - content: "\2709"; -} - -.glyphicon-heart:before { - content: "\e005"; -} - -.glyphicon-star:before { - content: "\e006"; -} - -.glyphicon-star-empty:before { - content: "\e007"; -} - -.glyphicon-user:before { - content: "\e008"; -} - -.glyphicon-film:before { - content: "\e009"; -} - -.glyphicon-th-large:before { - content: "\e010"; -} - -.glyphicon-th:before { - content: "\e011"; -} - -.glyphicon-th-list:before { - content: "\e012"; -} - -.glyphicon-ok:before { - content: "\e013"; -} - -.glyphicon-remove:before { - content: "\e014"; -} - -.glyphicon-zoom-in:before { - content: "\e015"; -} - -.glyphicon-zoom-out:before { - content: "\e016"; -} - -.glyphicon-off:before { - content: "\e017"; -} - -.glyphicon-signal:before { - content: "\e018"; -} - -.glyphicon-cog:before { - content: "\e019"; -} - -.glyphicon-trash:before { - content: "\e020"; -} - -.glyphicon-home:before { - content: "\e021"; -} - -.glyphicon-file:before { - content: "\e022"; -} - -.glyphicon-time:before { - content: "\e023"; -} - -.glyphicon-road:before { - content: "\e024"; -} - -.glyphicon-download-alt:before { - content: "\e025"; -} - -.glyphicon-download:before { - content: "\e026"; -} - -.glyphicon-upload:before { - content: "\e027"; -} - -.glyphicon-inbox:before { - content: "\e028"; -} - -.glyphicon-play-circle:before { - content: "\e029"; -} - -.glyphicon-repeat:before { - content: "\e030"; -} - -.glyphicon-refresh:before { - content: "\e031"; -} - -.glyphicon-list-alt:before { - content: "\e032"; -} - -.glyphicon-lock:before { - content: "\e033"; -} - -.glyphicon-flag:before { - content: "\e034"; -} - -.glyphicon-headphones:before { - content: "\e035"; -} - -.glyphicon-volume-off:before { - content: "\e036"; -} - -.glyphicon-volume-down:before { - content: "\e037"; -} - -.glyphicon-volume-up:before { - content: "\e038"; -} - -.glyphicon-qrcode:before { - content: "\e039"; -} - -.glyphicon-barcode:before { - content: "\e040"; -} - -.glyphicon-tag:before { - content: "\e041"; -} - -.glyphicon-tags:before { - content: "\e042"; -} - -.glyphicon-book:before { - content: "\e043"; -} - -.glyphicon-bookmark:before { - content: "\e044"; -} - -.glyphicon-print:before { - content: "\e045"; -} - -.glyphicon-camera:before { - content: "\e046"; -} - -.glyphicon-font:before { - content: "\e047"; -} - -.glyphicon-bold:before { - content: "\e048"; -} - -.glyphicon-italic:before { - content: "\e049"; -} - -.glyphicon-text-height:before { - content: "\e050"; -} - -.glyphicon-text-width:before { - content: "\e051"; -} - -.glyphicon-align-left:before { - content: "\e052"; -} - -.glyphicon-align-center:before { - content: "\e053"; -} - -.glyphicon-align-right:before { - content: "\e054"; -} - -.glyphicon-align-justify:before { - content: "\e055"; -} - -.glyphicon-list:before { - content: "\e056"; -} - -.glyphicon-indent-left:before { - content: "\e057"; -} - -.glyphicon-indent-right:before { - content: "\e058"; -} - -.glyphicon-facetime-video:before { - content: "\e059"; -} - -.glyphicon-picture:before { - content: "\e060"; -} - -.glyphicon-pencil:before { - content: "\270f"; -} - -.glyphicon-map-marker:before { - content: "\e062"; -} - -.glyphicon-adjust:before { - content: "\e063"; -} - -.glyphicon-tint:before { - content: "\e064"; -} - -.glyphicon-edit:before { - content: "\e065"; -} - -.glyphicon-share:before { - content: "\e066"; -} - -.glyphicon-check:before { - content: "\e067"; -} - -.glyphicon-move:before { - content: "\e068"; -} - -.glyphicon-step-backward:before { - content: "\e069"; -} - -.glyphicon-fast-backward:before { - content: "\e070"; -} - -.glyphicon-backward:before { - content: "\e071"; -} - -.glyphicon-play:before { - content: "\e072"; -} - -.glyphicon-pause:before { - content: "\e073"; -} - -.glyphicon-stop:before { - content: "\e074"; -} - -.glyphicon-forward:before { - content: "\e075"; -} - -.glyphicon-fast-forward:before { - content: "\e076"; -} - -.glyphicon-step-forward:before { - content: "\e077"; -} - -.glyphicon-eject:before { - content: "\e078"; -} - -.glyphicon-chevron-left:before { - content: "\e079"; -} - -.glyphicon-chevron-right:before { - content: "\e080"; -} - -.glyphicon-plus-sign:before { - content: "\e081"; -} - -.glyphicon-minus-sign:before { - content: "\e082"; -} - -.glyphicon-remove-sign:before { - content: "\e083"; -} - -.glyphicon-ok-sign:before { - content: "\e084"; -} - -.glyphicon-question-sign:before { - content: "\e085"; -} - -.glyphicon-info-sign:before { - content: "\e086"; -} - -.glyphicon-screenshot:before { - content: "\e087"; -} - -.glyphicon-remove-circle:before { - content: "\e088"; -} - -.glyphicon-ok-circle:before { - content: "\e089"; -} - -.glyphicon-ban-circle:before { - content: "\e090"; -} - -.glyphicon-arrow-left:before { - content: "\e091"; -} - -.glyphicon-arrow-right:before { - content: "\e092"; -} - -.glyphicon-arrow-up:before { - content: "\e093"; -} - -.glyphicon-arrow-down:before { - content: "\e094"; -} - -.glyphicon-share-alt:before { - content: "\e095"; -} - -.glyphicon-resize-full:before { - content: "\e096"; -} - -.glyphicon-resize-small:before { - content: "\e097"; -} - -.glyphicon-plus:before { - content: "\002b"; -} - -.glyphicon-minus:before { - content: "\2212"; -} - -.glyphicon-asterisk:before { - content: "\002a"; -} - -.glyphicon-exclamation-sign:before { - content: "\e101"; -} - -.glyphicon-gift:before { - content: "\e102"; -} - -.glyphicon-leaf:before { - content: "\e103"; -} - -.glyphicon-fire:before { - content: "\e104"; -} - -.glyphicon-eye-open:before { - content: "\e105"; -} - -.glyphicon-eye-close:before { - content: "\e106"; -} - -.glyphicon-warning-sign:before { - content: "\e107"; -} - -.glyphicon-plane:before { - content: "\e108"; -} - -.glyphicon-calendar:before { - content: "\e109"; -} - -.glyphicon-random:before { - content: "\e110"; -} - -.glyphicon-comment:before { - content: "\e111"; -} - -.glyphicon-magnet:before { - content: "\e112"; -} - -.glyphicon-chevron-up:before { - content: "\e113"; -} - -.glyphicon-chevron-down:before { - content: "\e114"; -} - -.glyphicon-retweet:before { - content: "\e115"; -} - -.glyphicon-shopping-cart:before { - content: "\e116"; -} - -.glyphicon-folder-close:before { - content: "\e117"; -} - -.glyphicon-folder-open:before { - content: "\e118"; -} - -.glyphicon-resize-vertical:before { - content: "\e119"; -} - -.glyphicon-resize-horizontal:before { - content: "\e120"; -} - -.glyphicon-hdd:before { - content: "\e121"; -} - -.glyphicon-bullhorn:before { - content: "\e122"; -} - -.glyphicon-bell:before { - content: "\e123"; -} - -.glyphicon-certificate:before { - content: "\e124"; -} - -.glyphicon-thumbs-up:before { - content: "\e125"; -} - -.glyphicon-thumbs-down:before { - content: "\e126"; -} - -.glyphicon-hand-right:before { - content: "\e127"; -} - -.glyphicon-hand-left:before { - content: "\e128"; -} - -.glyphicon-hand-up:before { - content: "\e129"; -} - -.glyphicon-hand-down:before { - content: "\e130"; -} - -.glyphicon-circle-arrow-right:before { - content: "\e131"; -} - -.glyphicon-circle-arrow-left:before { - content: "\e132"; -} - -.glyphicon-circle-arrow-up:before { - content: "\e133"; -} - -.glyphicon-circle-arrow-down:before { - content: "\e134"; -} - -.glyphicon-globe:before { - content: "\e135"; -} - -.glyphicon-wrench:before { - content: "\e136"; -} - -.glyphicon-tasks:before { - content: "\e137"; -} - -.glyphicon-filter:before { - content: "\e138"; -} - -.glyphicon-briefcase:before { - content: "\e139"; -} - -.glyphicon-fullscreen:before { - content: "\e140"; -} - -.glyphicon-dashboard:before { - content: "\e141"; -} - -.glyphicon-paperclip:before { - content: "\e142"; -} - -.glyphicon-heart-empty:before { - content: "\e143"; -} - -.glyphicon-link:before { - content: "\e144"; -} - -.glyphicon-phone:before { - content: "\e145"; -} - -.glyphicon-pushpin:before { - content: "\e146"; -} - -.glyphicon-euro:before { - content: "\20ac"; -} - -.glyphicon-usd:before { - content: "\e148"; -} - -.glyphicon-gbp:before { - content: "\e149"; -} - -.glyphicon-sort:before { - content: "\e150"; -} - -.glyphicon-sort-by-alphabet:before { - content: "\e151"; -} - -.glyphicon-sort-by-alphabet-alt:before { - content: "\e152"; -} - -.glyphicon-sort-by-order:before { - content: "\e153"; -} - -.glyphicon-sort-by-order-alt:before { - content: "\e154"; -} - -.glyphicon-sort-by-attributes:before { - content: "\e155"; -} - -.glyphicon-sort-by-attributes-alt:before { - content: "\e156"; -} - -.glyphicon-unchecked:before { - content: "\e157"; -} - -.glyphicon-expand:before { - content: "\e158"; -} - -.glyphicon-collapse:before { - content: "\e159"; -} - -.glyphicon-collapse-top:before { - content: "\e160"; -} - -.dropup, -.dropdown { - position: relative; -} - -.dropdown-toggle:active, -.open .dropdown-toggle { - outline: 0; -} - -.caret { - display: inline-block; - width: 0; - height: 0; - vertical-align: top; - border-top: 4px solid #000; - border-right: 4px solid transparent; - border-left: 4px solid transparent; - content: ""; -} - -.dropdown .caret { - margin-top: 8px; - margin-left: 2px; -} - -.dropdown-menu { - position: absolute; - top: 100%; - left: 0; - z-index: 1000; - display: none; - float: left; - min-width: 160px; - padding: 5px 0; - margin: 2px 0 0; - list-style: none; - background-color: #ffffff; - border: 1px solid #ccc; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 4px; - -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); - box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); - -webkit-background-clip: padding-box; - -moz-background-clip: padding-box; - background-clip: padding-box; -} - -.dropdown-menu.pull-right { - right: 0; - left: auto; -} - -.dropdown-menu .divider { - height: 1px; - margin: 9px 0; - overflow: hidden; - background-color: #e5e5e5; - border-bottom: 1px solid #ffffff; -} - -.dropdown-menu > li > a { - display: block; - padding: 3px 20px; - clear: both; - font-weight: normal; - line-height: 20px; - color: #333333; - white-space: nowrap; -} - -.dropdown-menu > li > a:hover, -.dropdown-menu > li > a:focus, -.dropdown-submenu:hover > a, -.dropdown-submenu:focus > a { - color: #ffffff; - text-decoration: none; - background-color: #357ebd; - background-image: -moz-linear-gradient(top, #428bca, #357ebd); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#428bca), to(#357ebd)); - background-image: -webkit-linear-gradient(top, #428bca, #357ebd); - background-image: -o-linear-gradient(top, #428bca, #357ebd); - background-image: linear-gradient(to bottom, #428bca, #357ebd); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0); -} - -.dropdown-menu > .active > a, -.dropdown-menu > .active > a:hover, -.dropdown-menu > .active > a:focus { - color: #ffffff; - text-decoration: none; - background-color: #357ebd; - background-image: -moz-linear-gradient(top, #428bca, #357ebd); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#428bca), to(#357ebd)); - background-image: -webkit-linear-gradient(top, #428bca, #357ebd); - background-image: -o-linear-gradient(top, #428bca, #357ebd); - background-image: linear-gradient(to bottom, #428bca, #357ebd); - background-repeat: repeat-x; - outline: 0; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0); -} - -.dropdown-menu > .disabled > a, -.dropdown-menu > .disabled > a:hover, -.dropdown-menu > .disabled > a:focus { - color: #999999; -} - -.dropdown-menu > .disabled > a:hover, -.dropdown-menu > .disabled > a:focus { - text-decoration: none; - cursor: default; - background-color: transparent; - background-image: none; - filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -} - -.open > .dropdown-menu { - display: block; -} - -.pull-right > .dropdown-menu { - right: 0; - left: auto; -} - -.dropup .caret, -.navbar-fixed-bottom .dropdown .caret { - border-top: 0; - border-bottom: 4px solid #000; - content: ""; -} - -.dropup .dropdown-menu, -.navbar-fixed-bottom .dropdown .dropdown-menu { - top: auto; - bottom: 100%; - margin-bottom: 1px; -} - -.dropdown-submenu { - position: relative; -} - -.dropdown-submenu > .dropdown-menu { - top: 0; - left: 100%; - margin-top: -6px; - margin-left: -1px; - border-top-left-radius: 0; -} - -.dropdown-submenu:hover > .dropdown-menu { - display: block; -} - -.dropup .dropdown-submenu > .dropdown-menu { - top: auto; - bottom: 0; - margin-top: 0; - margin-bottom: -2px; - border-bottom-left-radius: 0; -} - -.dropdown-submenu > a:after { - display: block; - float: right; - width: 0; - height: 0; - margin-top: 5px; - margin-right: -10px; - border-color: transparent; - border-left-color: #cccccc; - border-style: solid; - border-width: 5px 0 5px 5px; - content: " "; -} - -.dropdown-submenu:hover > a:after { - border-left-color: #ffffff; -} - -.dropdown-submenu.pull-left { - float: none; -} - -.dropdown-submenu.pull-left > .dropdown-menu { - left: -100%; - margin-left: 10px; - border-top-right-radius: 0; -} - -.dropdown .dropdown-menu .nav-header { - padding-right: 20px; - padding-left: 20px; -} - -.typeahead { - z-index: 1051; -} - -.well { - min-height: 20px; - padding: 19px; - margin-bottom: 20px; - background-color: #f5f5f5; - border: 1px solid #e3e3e3; - border-radius: 4px; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -} - -.well blockquote { - border-color: #ddd; - border-color: rgba(0, 0, 0, 0.15); -} - -.well-large { - padding: 24px; - border-radius: 6px; -} - -.well-small { - padding: 9px; - border-radius: 3px; -} - -.close { - float: right; - font-size: 20px; - font-weight: bold; - line-height: 20px; - color: #000; - text-shadow: 0 1px 0 #ffffff; - opacity: 0.2; - filter: alpha(opacity=20); -} - -.close:hover, -.close:focus { - color: #000; - text-decoration: none; - cursor: pointer; - opacity: 0.5; - filter: alpha(opacity=50); -} - -button.close { - padding: 0; - cursor: pointer; - background: transparent; - border: 0; - -webkit-appearance: none; -} - -.nav { - padding-left: 0; - margin-bottom: 0; - margin-left: 0; - list-style: none; -} - -.nav:before, -.nav:after { - display: table; - content: " "; -} - -.nav:after { - clear: both; -} - -.nav > li { - display: block; -} - -.nav > li > a { - position: relative; - display: block; - padding: 10px 15px; -} - -.nav > li > a:hover, -.nav > li > a:focus { - text-decoration: none; - background-color: #eeeeee; -} - -.nav > .pull-right { - float: right; -} - -.nav-tabs { - border-bottom: 1px solid #ddd; -} - -.nav-tabs > li { - float: left; - margin-bottom: -1px; -} - -.nav-tabs > li > a { - margin-right: 2px; - line-height: 20px; - border: 1px solid transparent; - border-radius: 4px 4px 0 0; -} - -.nav-tabs > li > a:hover { - border-color: #eeeeee #eeeeee #dddddd; -} - -.nav-tabs > .active > a, -.nav-tabs > .active > a:hover, -.nav-tabs > .active > a:focus { - color: #555555; - cursor: default; - background-color: #ffffff; - border: 1px solid #ddd; - border-bottom-color: transparent; -} - -.nav-pills > li { - float: left; -} - -.nav-pills > li > a { - border-radius: 5px; -} - -.nav-pills > li + li > a { - margin-left: 2px; -} - -.nav-pills > .active > a, -.nav-pills > .active > a:hover, -.nav-pills > .active > a:focus { - color: #fff; - background-color: #428bca; -} - -.nav-stacked > li { - float: none; -} - -.nav-stacked > li + li > a { - margin-top: 2px; - margin-left: 0; -} - -.nav-justified { - max-height: 40px; -} - -.nav-justified > li { - display: table-cell; - float: none; - width: 1%; - text-align: center; -} - -.nav-list > li > a { - margin-bottom: -1px; - border: 1px solid #e5e5e5; -} - -.nav-list > li:first-child > a { - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} - -.nav-list > li:last-child > a { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} - -.nav-list > .active > a, -.nav-list > .active > a:hover, -.nav-list > .active > a:focus { - z-index: 2; - color: #fff; - background-color: #428bca; - border-color: #428bca; -} - -.nav > .disabled > a { - color: #999999; -} - -.nav > .disabled > a:hover, -.nav > .disabled > a:focus { - color: #999999; - text-decoration: none; - cursor: default; - background-color: transparent; -} - -.nav-header { - display: block; - padding: 3px 15px; - font-size: 11px; - font-weight: bold; - line-height: 20px; - color: #999999; - text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); - text-transform: uppercase; -} - -.nav li + .nav-header { - margin-top: 9px; -} - -.nav .divider { - height: 1px; - margin: 9px 0; - overflow: hidden; - background-color: #e5e5e5; - border-bottom: 1px solid #ffffff; -} - -.tabbable:before, -.tabbable:after { - display: table; - content: " "; -} - -.tabbable:after { - clear: both; -} - -.tab-content > .tab-pane, -.pill-content > .pill-pane { - display: none; -} - -.tab-content > .active, -.pill-content > .active { - display: block; -} - -/* -// Prevent IE8 from misplacing imgs -// See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989 -.nav > li > a > img { - max-width: none; -} - -// Dropdowns -// ------------------------- - -.nav-tabs .dropdown-menu { - // Remove the top rounded corners here since there is a hard edge above the menu - .border-top-radius(0); -} - -// Default dropdown links -// ------------------------- -// Make carets use linkColor to start -.nav .dropdown-toggle .caret { - border-top-color: @link-color; - border-bottom-color: @link-color; - margin-top: 8px; -} -.nav .dropdown-toggle:hover .caret { - border-top-color: @link-color-hover; - border-bottom-color: @link-color-hover; -} - -// Active dropdown links -// ------------------------- -.nav .active .dropdown-toggle .caret { - border-top-color: #fff; - border-bottom-color: #fff; -} -.nav-tabs .active .dropdown-toggle .caret { - border-top-color: @gray; - border-bottom-color: @gray; -} - -// Active:hover dropdown links -// ------------------------- -.nav > .dropdown.active > a:hover { - cursor: pointer; -} - -// Open dropdowns -// ------------------------- -.nav-tabs .open .dropdown-toggle, -.nav-pills .open .dropdown-toggle, -.nav > li.dropdown.open.active > a:hover { - color: #fff; - background-color: @grayLight; - border-color: @grayLight; -} -.nav li.dropdown.open .caret, -.nav li.dropdown.open.active .caret, -.nav li.dropdown.open a:hover .caret { - border-top-color: #fff; - border-bottom-color: #fff; - .opacity(1); -} - -// Dropdowns in stacked tabs -.tabs-stacked .open > a:hover { - border-color: @grayLight; -} - -*/ - -.navbar { - position: relative; - padding: 10px 15px; - background-color: #eeeeee; - border-radius: 4px; -} - -.navbar:before, -.navbar:after { - display: table; - content: " "; -} - -.navbar:after { - clear: both; -} - -.navbar .nav { - margin-top: 15px; -} - -.navbar .nav > li > a { - padding-top: 15px; - padding-bottom: 15px; - line-height: 20px; - color: #777777; -} - -.navbar .nav > li > a:hover, -.navbar .nav > li > a:focus { - color: #333333; - background-color: transparent; -} - -.navbar .nav > .active > a, -.navbar .nav > .active > a:hover, -.navbar .nav > .active > a:focus { - color: #555555; - background-color: #d5d5d5; -} - -.navbar .nav > .disabled > a, -.navbar .nav > .disabled > a:hover, -.navbar .nav > .disabled > a:focus { - color: #cccccc; - background-color: transparent; -} - -.navbar-static-top { - border-radius: 0; -} - -.navbar-fixed-top, -.navbar-fixed-bottom { - position: fixed; - right: 0; - left: 0; - z-index: 1030; - border-radius: 0; -} - -.navbar-fixed-top { - top: 0; -} - -.navbar-fixed-bottom { - bottom: 0; -} - -.navbar-brand { - display: block; - max-width: 200px; - padding: 7px 15px; - margin-right: auto; - margin-left: auto; - font-size: 18px; - font-weight: 500; - line-height: 20px; - color: #777777; - text-align: center; -} - -.navbar-brand:hover, -.navbar-brand:focus { - color: #5e5e5e; - text-decoration: none; - background-color: transparent; -} - -.navbar-toggle { - position: absolute; - top: 10px; - right: 10px; - padding: 8px 12px; - background-color: transparent; - border: 1px solid #ddd; - border-radius: 4px; -} - -.navbar-toggle:hover, -.navbar-toggle:focus { - background-color: #ddd; -} - -.navbar-toggle .icon-bar { - display: block; - width: 22px; - height: 2px; - background-color: #ccc; - border-radius: 1px; -} - -.navbar-toggle .icon-bar + .icon-bar { - margin-top: 4px; -} - -.navbar .nav > .divider { - height: 1px; - margin: 9px 0; - overflow: hidden; - background-color: #e1e1e1; - border-bottom: 1px solid #fbfbfb; -} - -.navbar-form { - margin-top: 8px; - margin-bottom: 8px; -} - -.navbar .nav > li > .dropdown-menu { - margin-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; -} - -.navbar-fixed-bottom .nav > li > .dropdown-menu { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} - -.navbar .nav li.dropdown > a:hover .caret, -.navbar .nav li.dropdown > a:focus .caret { - border-top-color: #333333; - border-bottom-color: #333333; -} - -.navbar .nav li.dropdown.open > .dropdown-toggle, -.navbar .nav li.dropdown.active > .dropdown-toggle, -.navbar .nav li.dropdown.open.active > .dropdown-toggle { - color: #555555; - background-color: #d5d5d5; -} - -.navbar .nav li.dropdown > .dropdown-toggle .caret { - border-top-color: #777777; - border-bottom-color: #777777; -} - -.navbar .nav li.dropdown.open > .dropdown-toggle .caret, -.navbar .nav li.dropdown.active > .dropdown-toggle .caret, -.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret { - border-top-color: #555555; - border-bottom-color: #555555; -} - -.navbar .pull-right > li > .dropdown-menu, -.navbar .nav > li > .dropdown-menu.pull-right { - right: 0; - left: auto; -} - -.navbar-inverse { - background-color: #222222; -} - -.navbar-inverse .navbar-brand { - color: #999999; -} - -.navbar-inverse .navbar-brand:hover, -.navbar-inverse .navbar-brand:focus { - color: #ffffff; - background-color: transparent; -} - -.navbar-inverse .navbar-text { - color: #999999; -} - -.navbar-inverse .nav > li > a { - color: #999999; -} - -.navbar-inverse .nav > li > a:hover, -.navbar-inverse .nav > li > a:focus { - color: #ffffff; - background-color: transparent; -} - -.navbar-inverse .nav > .active > a, -.navbar-inverse .nav > .active > a:hover, -.navbar-inverse .nav > .active > a:focus { - color: #ffffff; - background-color: #080808; -} - -.navbar-inverse .nav > .disabled > a, -.navbar-inverse .nav > .disabled > a:hover, -.navbar-inverse .nav > .disabled > a:focus { - color: #444444; - background-color: transparent; -} - -.navbar-inverse .navbar-toggle { - border-color: #333; -} - -.navbar-inverse .navbar-toggle:hover, -.navbar-inverse .navbar-toggle:focus { - background-color: #333; -} - -.navbar-inverse .navbar-toggle .icon-bar { - background-color: #fff; -} - -.navbar-inverse .nav > .divider { - background-color: #151515; - border-bottom-color: #2f2f2f; -} - -.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, -.navbar-inverse .nav li.dropdown.active > .dropdown-toggle, -.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { - color: #ffffff; - background-color: #080808; -} - -.navbar-inverse .nav li.dropdown > a:hover .caret { - border-top-color: #ffffff; - border-bottom-color: #ffffff; -} - -.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret { - border-top-color: #999999; - border-bottom-color: #999999; -} - -.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret, -.navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret, -.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret { - border-top-color: #ffffff; - border-bottom-color: #ffffff; -} - -@media screen and (min-width: 768px) { - .navbar { - padding-top: 0; - padding-bottom: 0; - } - .navbar-brand { - float: left; - padding-top: 15px; - padding-bottom: 15px; - margin-left: -10px; - } - .navbar .nav { - float: left; - margin-top: 0; - } - .navbar .nav:before, - .navbar .nav:after { - display: table; - content: " "; - } - .navbar .nav:after { - clear: both; - } - .navbar .nav.pull-right { - float: right; - } - .navbar .nav > li { - float: left; - } - .navbar .nav > .divider { - width: 1px; - height: 30px; - margin: 10px 9px; - border-right: 1px solid #fbfbfb; - border-bottom: 0; - } - .navbar-inverse .nav > .divider { - border-right-color: #2f2f2f; - } - .navbar-toggle { - position: relative; - top: auto; - left: auto; - display: none; - } - .nav-collapse.collapse { - height: auto !important; - overflow: visible !important; - } -} - -/* - -// Janky solution for now to account for links outside the .nav -// ------------------------- -.navbar-link { - color: @navbar-link-color; - &:hover { - color: @navbar-link-color-hover; - } -} - -// Buttons in navbar -// ------------------------- -.navbar .btn, -.navbar .btn-group { - .navbarVerticalAlign(30px); // Vertically center in navbar -} -.navbar .btn-group .btn, -.navbar .input-prepend .btn, -.navbar .input-append .btn { - margin-top: 0; // then undo the margin here so we don't accidentally double it -} - -// Navbar forms -// ------------------------- -.navbar-form { - margin-bottom: 0; // remove default bottom margin - .clearfix(); - input, - select, - .radio, - .checkbox { - .navbarVerticalAlign(30px); // Vertically center in navbar - } - input, - select, - .btn { - display: inline-block; - margin-bottom: 0; - } - input[type="image"], - input[type="checkbox"], - input[type="radio"] { - margin-top: 3px; - } - .input-append, - .input-prepend { - margin-top: 5px; - white-space: nowrap; // preven two items from separating within a .navbar-form that has .pull-left - input { - margin-top: 0; // remove the margin on top since it's on the parent - } - } -} - -*/ - -.btn .caret { - border-top-color: #ffffff; -} - -.dropup .btn .caret { - border-bottom-color: #ffffff; -} - -.btn-group { - position: relative; - display: inline-block; - vertical-align: middle; -} - -.btn-group > .btn { - position: relative; - float: left; -} - -.btn-group > .btn + btn { - margin-left: -1px; -} - -.btn-group > .btn:hover, -.btn-group > .btn:active { - z-index: 2; -} - -.btn-toolbar:before, -.btn-toolbar:after { - display: table; - content: " "; -} - -.btn-toolbar:after { - clear: both; -} - -.btn-toolbar .btn-group { - float: left; -} - -.btn-toolbar > .btn + .btn, -.btn-toolbar > .btn-group + .btn, -.btn-toolbar > .btn + .btn-group, -.btn-toolbar > .btn-group + .btn-group { - margin-left: 5px; -} - -.btn-group > .btn { - position: relative; - border-radius: 0; -} - -.btn-group > .btn:first-child { - margin-left: 0; - border-bottom-left-radius: 4px; - border-top-left-radius: 4px; -} - -.btn-group > .btn:last-child, -.btn-group > .dropdown-toggle { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.btn-group > .btn.large:first-child { - margin-left: 0; - border-bottom-left-radius: 6px; - border-top-left-radius: 6px; -} - -.btn-group > .btn.large:last-child, -.btn-group > .large.dropdown-toggle { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} - -.btn-group .dropdown-toggle:active, -.btn-group.open .dropdown-toggle { - outline: 0; -} - -.btn-group > .btn + .dropdown-toggle { - padding-right: 8px; - padding-left: 8px; -} - -.btn-group > .btn-mini + .dropdown-toggle { - padding-right: 5px; - padding-left: 5px; -} - -.btn-group > .btn-large + .dropdown-toggle { - padding-right: 12px; - padding-left: 12px; -} - -.btn-group.open .dropdown-toggle { - -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); -} - -.btn .caret { - margin-top: 8px; - margin-left: 0; -} - -.btn-large .caret { - border-width: 5px; -} - -.dropup .btn-large .caret { - border-bottom-width: 5px; -} - -.btn-group-vertical > .btn { - display: block; - float: none; - width: 100%; - max-width: 100%; -} - -.btn-group-vertical .btn:first-child { - border-radius: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} - -.btn-group-vertical .btn:last-child { - border-radius: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} - -.btn-group-vertical .btn-large:first-child { - border-top-right-radius: 6px; - border-top-left-radius: 6px; -} - -.btn-group-vertical .btn-large:last-child { - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; -} - -.btn-group-justified { - display: table; - width: 100%; -} - -.btn-group-justified .btn { - display: table-cell; - float: none; - width: 1%; -} - -.btn-group[data-toggle="buttons-radio"] > .btn > input[type="radio"], -.btn-group[data-toggle="buttons-checkbox"] > .btn > input[type="checkbox"] { - display: none; -} - -.breadcrumb { - padding: 8px 15px; - margin: 0 0 20px; - list-style: none; - background-color: #f5f5f5; - border-radius: 4px; -} - -.breadcrumb > li { - display: inline-block; - text-shadow: 0 1px 0 #fff; -} - -.breadcrumb > li:after { - display: inline-block; - padding: 0 5px; - color: #ccc; - content: "\00a0 /"; -} - -.breadcrumb > .active { - color: #999999; -} - -.pagination { - display: inline-block; - margin: 20px 0; - border-radius: 4px; -} - -.pagination > li { - display: inline; -} - -.pagination > li > a, -.pagination > li > span { - float: left; - padding: 4px 12px; - line-height: 20px; - text-decoration: none; - background-color: #ffffff; - border: 1px solid #dddddd; - border-left-width: 0; -} - -.pagination > li > a:hover, -.pagination > li > a:focus, -.pagination > .active > a, -.pagination > .active > span { - background-color: #f5f5f5; -} - -.pagination > .active > a, -.pagination > .active > span { - color: #999999; - cursor: default; -} - -.pagination > .disabled > span, -.pagination > .disabled > a, -.pagination > .disabled > a:hover, -.pagination > .disabled > a:focus { - color: #999999; - cursor: default; - background-color: #ffffff; -} - -.pagination > li:first-child > a, -.pagination > li:first-child > span { - border-left-width: 1px; - border-bottom-left-radius: 4px; - border-top-left-radius: 4px; -} - -.pagination > li:last-child > a, -.pagination > li:last-child > span { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.pagination-large > li > a, -.pagination-large > li > span { - padding: 11px 14px; - font-size: 17.5; -} - -.pagination-large > li:first-child > a, -.pagination-large > li:first-child > span { - border-bottom-left-radius: 6px; - border-top-left-radius: 6px; -} - -.pagination-large > li:last-child > a, -.pagination-large > li:last-child > span { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} - -.pagination-mini > li:first-child > a, -.pagination-small > li:first-child > a, -.pagination-mini > li:first-child > span, -.pagination-small > li:first-child > span { - border-bottom-left-radius: 3px; - border-top-left-radius: 3px; -} - -.pagination-mini > li:last-child > a, -.pagination-small > li:last-child > a, -.pagination-mini > li:last-child > span, -.pagination-small > li:last-child > span { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -.pagination-small > li > a, -.pagination-small > li > span { - padding: 2px 10px; - font-size: 11.9; -} - -.pagination-mini > li > a, -.pagination-mini > li > span { - padding: 0 6px; - font-size: 10.5; -} - -.pager { - margin: 20px 0; - text-align: center; - list-style: none; -} - -.pager:before, -.pager:after { - display: table; - content: " "; -} - -.pager:after { - clear: both; -} - -.pager li { - display: inline; -} - -.pager li > a, -.pager li > span { - display: inline-block; - padding: 5px 14px; - background-color: #fff; - border: 1px solid #ddd; - border-radius: 15px; -} - -.pager li > a:hover, -.pager li > a:focus { - text-decoration: none; - background-color: #f5f5f5; -} - -.pager .next > a, -.pager .next > span { - float: right; -} - -.pager .previous > a, -.pager .previous > span { - float: left; -} - -.pager .disabled > a, -.pager .disabled > a:hover, -.pager .disabled > a:focus, -.pager .disabled > span { - color: #999999; - cursor: default; - background-color: #fff; -} - -.modal-open { - overflow: hidden; -} - -.modal { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1040; - display: none; - overflow: auto; - overflow-y: scroll; - -webkit-overflow-scrolling: touch; -} - -.modal.fade { - top: -25%; - -webkit-transition: opacity 0.3s linear, top 0.3s ease-out; - -moz-transition: opacity 0.3s linear, top 0.3s ease-out; - -o-transition: opacity 0.3s linear, top 0.3s ease-out; - transition: opacity 0.3s linear, top 0.3s ease-out; -} - -.modal.fade.in { - top: 0; -} - -.modal-dialog { - position: relative; - top: 0; - right: 0; - left: 0; - z-index: 1050; - width: auto; - padding: 10px; -} - -.modal-content { - position: relative; - background-color: #fff; - border: 1px solid #999; - border: 1px solid rgba(0, 0, 0, 0.2); - border-radius: 6px; - outline: none; - -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); - box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); - -webkit-background-clip: padding-box; - -moz-background-clip: padding-box; - background-clip: padding-box; -} - -.modal-backdrop { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1030; - background-color: #000; -} - -.modal-backdrop.fade { - opacity: 0; - filter: alpha(opacity=0); -} - -.modal-backdrop.fade.in { - opacity: 0.5; - filter: alpha(opacity=50); -} - -.modal-header { - padding: 9px 15px; - border-bottom: 1px solid #e5e5e5; -} - -.modal-header .close { - margin-top: 2px; -} - -.modal-title { - margin: 0; - line-height: 30px; -} - -.modal-body { - position: relative; - padding: 20px; -} - -.modal-footer { - padding: 19px 20px 20px; - margin-top: 15px; - text-align: right; - border-top: 1px solid #e5e5e5; -} - -.modal-footer:before, -.modal-footer:after { - display: table; - content: " "; -} - -.modal-footer:after { - clear: both; -} - -.modal-footer .btn + .btn { - margin-bottom: 0; - margin-left: 5px; -} - -.modal-footer .btn-group .btn + .btn { - margin-left: -1px; -} - -.modal-footer .btn-block + .btn-block { - margin-left: 0; -} - -@media screen and (min-width: 768px) { - .modal-dialog { - right: auto; - left: 50%; - width: 560px; - padding-top: 30px; - padding-bottom: 30px; - margin-left: -280px; - } - .modal-content { - -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); - box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); - } -} - -.tooltip { - position: absolute; - z-index: 1030; - display: block; - font-size: 11px; - line-height: 1.4; - opacity: 0; - filter: alpha(opacity=0); - visibility: visible; -} - -.tooltip.in { - opacity: 1; - filter: alpha(opacity=100); -} - -.tooltip.top { - padding: 5px 0; - margin-top: -3px; -} - -.tooltip.right { - padding: 0 5px; - margin-left: 3px; -} - -.tooltip.bottom { - padding: 5px 0; - margin-top: 3px; -} - -.tooltip.left { - padding: 0 5px; - margin-left: -3px; -} - -.tooltip-inner { - max-width: 200px; - padding: 3px 8px; - color: #ffffff; - text-align: center; - text-decoration: none; - background-color: rgba(0, 0, 0, 0.9); - border-radius: 4px; -} - -.tooltip-arrow { - position: absolute; - width: 0; - height: 0; - border-color: transparent; - border-style: solid; -} - -.tooltip.top .tooltip-arrow { - bottom: 0; - left: 50%; - margin-left: -5px; - border-top-color: rgba(0, 0, 0, 0.9); - border-width: 5px 5px 0; -} - -.tooltip.right .tooltip-arrow { - top: 50%; - left: 0; - margin-top: -5px; - border-right-color: rgba(0, 0, 0, 0.9); - border-width: 5px 5px 5px 0; -} - -.tooltip.left .tooltip-arrow { - top: 50%; - right: 0; - margin-top: -5px; - border-left-color: rgba(0, 0, 0, 0.9); - border-width: 5px 0 5px 5px; -} - -.tooltip.bottom .tooltip-arrow { - top: 0; - left: 50%; - margin-left: -5px; - border-bottom-color: rgba(0, 0, 0, 0.9); - border-width: 0 5px 5px; -} - -.popover { - position: absolute; - top: 0; - left: 0; - z-index: 1010; - display: none; - max-width: 276px; - padding: 1px; - text-align: left; - white-space: normal; - background-color: #ffffff; - border: 1px solid #ccc; - border: 1px solid rgba(0, 0, 0, 0.2); - border-radius: 6px; - -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - -webkit-background-clip: padding-box; - -moz-background-clip: padding; - background-clip: padding-box; -} - -.popover.top { - margin-top: -10px; -} - -.popover.right { - margin-left: 10px; -} - -.popover.bottom { - margin-top: 10px; -} - -.popover.left { - margin-left: -10px; -} - -.popover-title { - padding: 8px 14px; - margin: 0; - font-size: 14px; - font-weight: normal; - line-height: 18px; - background-color: #f7f7f7; - border-bottom: 1px solid #ebebeb; - border-radius: 5px 5px 0 0; -} - -.popover-title:empty { - display: none; -} - -.popover-content { - padding: 9px 14px; -} - -.popover .arrow, -.popover .arrow:after { - position: absolute; - display: block; - width: 0; - height: 0; - border-color: transparent; - border-style: solid; -} - -.popover .arrow { - border-width: 11px; -} - -.popover .arrow:after { - border-width: 10px; - content: ""; -} - -.popover.top .arrow { - bottom: -11px; - left: 50%; - margin-left: -11px; - border-top-color: #999; - border-top-color: rgba(0, 0, 0, 0.25); - border-bottom-width: 0; -} - -.popover.top .arrow:after { - bottom: 1px; - margin-left: -10px; - border-top-color: #ffffff; - border-bottom-width: 0; -} - -.popover.right .arrow { - top: 50%; - left: -11px; - margin-top: -11px; - border-right-color: #999; - border-right-color: rgba(0, 0, 0, 0.25); - border-left-width: 0; -} - -.popover.right .arrow:after { - bottom: -10px; - left: 1px; - border-right-color: #ffffff; - border-left-width: 0; -} - -.popover.bottom .arrow { - top: -11px; - left: 50%; - margin-left: -11px; - border-bottom-color: #999; - border-bottom-color: rgba(0, 0, 0, 0.25); - border-top-width: 0; -} - -.popover.bottom .arrow:after { - top: 1px; - margin-left: -10px; - border-bottom-color: #ffffff; - border-top-width: 0; -} - -.popover.left .arrow { - top: 50%; - right: -11px; - margin-top: -11px; - border-left-color: #999; - border-left-color: rgba(0, 0, 0, 0.25); - border-right-width: 0; -} - -.popover.left .arrow:after { - right: 1px; - bottom: -10px; - border-left-color: #ffffff; - border-right-width: 0; -} - -.alert { - padding: 8px 35px 8px 14px; - margin-bottom: 20px; - color: #c09853; - background-color: #fcf8e3; - border: 1px solid #fbeed5; - border-radius: 4px; -} - -.alert h4 { - margin-top: 0; - color: inherit; -} - -.alert hr { - border-top-color: #f8e5be; -} - -.alert > a, -.alert > p > a { - font-weight: 500; - color: #a47e3c; -} - -.close { - position: relative; - top: -2px; - right: -21px; - line-height: 20px; - color: inherit; -} - -.alert-success { - color: #468847; - background-color: #dff0d8; - border-color: #d6e9c6; -} - -.alert-success hr { - border-top-color: #c9e2b3; -} - -.alert-success > a, -.alert-success > p > a { - color: #356635; -} - -.alert-danger, -.alert-error { - color: #b94a48; - background-color: #f2dede; - border-color: #eed3d7; -} - -.alert-danger hr, -.alert-error hr { - border-top-color: #e6c1c7; -} - -.alert-danger > a, -.alert-error > a, -.alert-danger > p > a, -.alert-error > p > a { - color: #953b39; -} - -.alert-info { - color: #3a87ad; - background-color: #d9edf7; - border-color: #bce8f1; -} - -.alert-info hr { - border-top-color: #a6e1ec; -} - -.alert-info > a, -.alert-info > p > a { - color: #2d6987; -} - -.alert-block { - padding-top: 14px; - padding-bottom: 14px; -} - -.alert-block > p, -.alert-block > ul { - margin-bottom: 0; -} - -.alert-block p + p { - margin-top: 5px; -} - -.thumbnail, -.img-thumbnail { - padding: 4px; - line-height: 20px; - border: 1px solid #ddd; - border-radius: 4px; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} - -.thumbnail { - display: block; -} - -.img-thumbnail { - display: inline-block; -} - -a.thumbnail:hover, -a.thumbnail:focus { - border-color: #428bca; -} - -.thumbnail > img { - display: block; - max-width: 100%; - margin-right: auto; - margin-left: auto; -} - -.thumbnail .caption { - padding: 9px; - color: #555555; -} - -.media, -.media-body { - overflow: hidden; - zoom: 1; -} - -.media, -.media .media { - margin-top: 15px; -} - -.media:first-child { - margin-top: 0; -} - -.media-object { - display: block; -} - -.media-heading { - margin: 0 0 5px; -} - -.media > .pull-left { - margin-right: 10px; -} - -.media > .pull-right { - margin-left: 10px; -} - -.media-list { - margin-left: 0; - list-style: none; -} - -.label { - padding: .25em .6em; - font-size: 75%; - font-weight: 500; - line-height: 1; - color: #fff; - text-align: center; - white-space: nowrap; - vertical-align: middle; - background-color: #999999; - border-radius: .25em; -} - -a.label:hover, -a.label:focus { - color: #fff; - text-decoration: none; - cursor: pointer; -} - -.label-danger { - background-color: #d9534f; -} - -.label-danger[href] { - background-color: #c9302c; -} - -.label-warning { - background-color: #f0ad4e; -} - -.label-warning[href] { - background-color: #ec971f; -} - -.label-success { - background-color: #5cb85c; -} - -.label-success[href] { - background-color: #449d44; -} - -.label-info { - background-color: #5bc0de; -} - -.label-info[href] { - background-color: #31b0d5; -} - -.badge { - display: inline-block; - min-width: 10px; - padding: 3px 7px; - font-size: 12px; - font-weight: bold; - line-height: 1; - color: #fff; - text-align: center; - white-space: nowrap; - vertical-align: middle; - background-color: #999999; - border-radius: 10px; -} - -.badge:empty { - display: none; -} - -a.badge:hover, -a.badge:focus { - color: #fff; - text-decoration: none; - cursor: pointer; -} - -.btn .badge { - position: relative; - top: -1px; -} - -.btn-mini .badge { - top: 0; -} - -.nav-list > .active > a > .badge, -.nav-pills > .active > a > .badge { - color: #428bca; - background-color: #fff; -} - -.nav-pills > li > a > .badge { - margin-left: 3px; -} - -@-webkit-keyframes progress-bar-stripes { - from { - background-position: 40px 0; - } - to { - background-position: 0 0; - } -} - -@-moz-keyframes progress-bar-stripes { - from { - background-position: 40px 0; - } - to { - background-position: 0 0; - } -} - -@-ms-keyframes progress-bar-stripes { - from { - background-position: 40px 0; - } - to { - background-position: 0 0; - } -} - -@-o-keyframes progress-bar-stripes { - from { - background-position: 0 0; - } - to { - background-position: 40px 0; - } -} - -@keyframes progress-bar-stripes { - from { - background-position: 40px 0; - } - to { - background-position: 0 0; - } -} - -.progress { - height: 20px; - margin-bottom: 20px; - overflow: hidden; - background-color: #f5f5f5; - border-radius: 4px; - -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -} - -.progress-bar { - float: left; - width: 0; - height: 100%; - font-size: 12px; - color: #fff; - text-align: center; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #428bca; - -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); - -webkit-transition: width 0.6s ease; - -moz-transition: width 0.6s ease; - -o-transition: width 0.6s ease; - transition: width 0.6s ease; -} - -.progress-striped .progress-bar { - background-color: #428bca; - background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - -webkit-background-size: 40px 40px; - -moz-background-size: 40px 40px; - -o-background-size: 40px 40px; - background-size: 40px 40px; -} - -.progress.active .progress-bar { - -webkit-animation: progress-bar-stripes 2s linear infinite; - -moz-animation: progress-bar-stripes 2s linear infinite; - -ms-animation: progress-bar-stripes 2s linear infinite; - -o-animation: progress-bar-stripes 2s linear infinite; - animation: progress-bar-stripes 2s linear infinite; -} - -.progress-bar-danger { - background-color: #d9534f; -} - -.progress-striped .progress-bar-danger { - background-color: #d9534f; - background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -} - -.progress-bar-success { - background-color: #5cb85c; -} - -.progress-striped .progress-bar-success { - background-color: #5cb85c; - background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -} - -.progress-bar-warning { - background-color: #f0ad4e; -} - -.progress-striped .progress-bar-warning { - background-color: #f0ad4e; - background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -} - -.progress-bar-info { - background-color: #5bc0de; -} - -.progress-striped .progress-bar-info { - background-color: #5bc0de; - background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -} - -.accordion { - margin-bottom: 20px; -} - -.accordion-group { - margin-bottom: 2px; - border: 1px solid #e5e5e5; - border-radius: 4px; -} - -.accordion-heading { - border-bottom: 0; -} - -.accordion-heading .accordion-toggle { - display: block; - padding: 8px 15px; -} - -.accordion-toggle { - cursor: pointer; -} - -.accordion-inner { - padding: 9px 15px; - border-top: 1px solid #e5e5e5; -} - -.carousel { - position: relative; -} - -.carousel-inner { - position: relative; - width: 100%; - overflow: hidden; -} - -.carousel-inner > .item { - position: relative; - display: none; - -webkit-transition: 0.6s ease-in-out left; - -moz-transition: 0.6s ease-in-out left; - -o-transition: 0.6s ease-in-out left; - transition: 0.6s ease-in-out left; -} - -.carousel-inner > .item > img, -.carousel-inner > .item > a > img { - display: block; - line-height: 1; -} - -.carousel-inner > .active, -.carousel-inner > .next, -.carousel-inner > .prev { - display: block; -} - -.carousel-inner > .active { - left: 0; -} - -.carousel-inner > .next, -.carousel-inner > .prev { - position: absolute; - top: 0; - width: 100%; -} - -.carousel-inner > .next { - left: 100%; -} - -.carousel-inner > .prev { - left: -100%; -} - -.carousel-inner > .next.left, -.carousel-inner > .prev.right { - left: 0; -} - -.carousel-inner > .active.left { - left: -100%; -} - -.carousel-inner > .active.right { - left: 100%; -} - -.carousel-control { - position: absolute; - top: 0; - bottom: 0; - left: 0; - width: 15%; - font-size: 20px; - color: #fff; - text-align: center; - text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); - opacity: 0.5; - filter: alpha(opacity=50); -} - -.carousel-control.left { - background-color: rgba(0, 0, 0, 0.0001); - background-color: transparent; - background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0001)); - background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001))); - background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0001)); - background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0001)); - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0001)); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); -} - -.carousel-control.right { - right: 0; - left: auto; - background-color: rgba(0, 0, 0, 0.5); - background-color: transparent; - background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001), rgba(0, 0, 0, 0.5)); - background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5))); - background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001), rgba(0, 0, 0, 0.5)); - background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001), rgba(0, 0, 0, 0.5)); - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001), rgba(0, 0, 0, 0.5)); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); -} - -.carousel-control:hover, -.carousel-control:focus { - color: #fff; - text-decoration: none; - opacity: 0.9; - filter: alpha(opacity=90); -} - -.carousel-control .glyphicon { - position: absolute; - top: 50%; - left: 50%; - z-index: 5; - display: inline-block; - width: 20px; - height: 20px; - margin-top: -10px; - margin-left: -10px; -} - -.carousel-indicators { - position: absolute; - bottom: 20px; - left: 50%; - z-index: 5; - width: 100px; - margin: 0 0 0 -50px; - text-align: center; - list-style: none; -} - -.carousel-indicators li { - display: inline-block; - width: 8px; - height: 8px; - margin-right: 0; - margin-left: 0; - text-indent: -999px; - cursor: pointer; - border: 1px solid #fff; - border-radius: 5px; -} - -.carousel-indicators .active { - background-color: #fff; -} - -.carousel-caption { - position: absolute; - right: 20%; - bottom: 20px; - left: 20%; - display: none; - padding-top: 20px; - padding-bottom: 20px; - color: #fff; - text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); -} - -@media screen and (min-width: 768px) { - .carousel-control .glyphicon { - width: 30px; - height: 30px; - margin-top: -15px; - margin-left: -15px; - font-size: 30px; - } - .carousel-caption { - right: 0; - left: 0; - z-index: 10; - display: block; - max-width: 60%; - padding: 30px; - margin-right: 0; - margin-left: 0; - } -} - -.jumbotron { - padding: 30px; - margin-bottom: 30px; - font-size: 21px; - font-weight: 200; - line-height: 30px; - color: inherit; - background-color: #eeeeee; -} - -.jumbotron h1 { - line-height: 1; - color: inherit; -} - -.jumbotron p { - line-height: 1.4; -} - -@media screen and (min-width: 768px) { - .jumbotron { - padding: 50px 60px; - border-radius: 6px; - } - .jumbotron h1 { - font-size: 60px; - } -} - -.clearfix:before, -.clearfix:after { - display: table; - content: " "; -} - -.clearfix:after { - clear: both; -} - -.pull-right { - float: right; -} - -.pull-left { - float: left; -} - -.hide { - display: none !important; -} - -.show { - display: block !important; -} - -.invisible { - visibility: hidden; -} - -.text-hide { - font: 0/0 a; - color: transparent; - text-shadow: none; - background-color: transparent; - border: 0; -} - -.affix { - position: fixed; -} - -@-ms-viewport { - width: device-width; -} - -.hidden { - display: none; - visibility: hidden; -} - -.visible-phone { - display: none !important; -} - -.visible-tablet { - display: none !important; -} - -.hidden-desktop { - display: none !important; -} - -.visible-desktop { - display: inherit !important; -} - -@media (min-width: 768px) and (max-width: 979px) { - .hidden-desktop { - display: inherit !important; - } - .visible-desktop { - display: none !important ; - } - .visible-tablet { - display: inherit !important; - } - .hidden-tablet { - display: none !important; - } -} - -@media (max-width: 767px) { - .hidden-desktop { - display: inherit !important; - } - .visible-desktop { - display: none !important; - } - .visible-phone { - display: inherit !important; - } - .hidden-phone { - display: none !important; - } -} - -.visible-print { - display: none !important; -} - -@media print { - .visible-print { - display: inherit !important; - } - .hidden-print { - display: none !important; - } -} diff --git a/docs/_site/assets/css/docs.css b/docs/_site/assets/css/docs.css deleted file mode 100644 index ca8fc006e..000000000 --- a/docs/_site/assets/css/docs.css +++ /dev/null @@ -1,665 +0,0 @@ -/* - * Bootstrap Documentation - * Special styles for presenting Bootstrap's documentation and code examples. - */ - - - -/* Key scaffolding --------------------------------------------------- */ - -body { - padding-top: 54px; - position: relative; /* For scrollyspy */ - /* We add the padding to the body for >768px only */ -} - -/* */ -.bs-docs-footer { - padding-left: 15px; - padding-right: 15px; -} - - - -/* Sections --------------------------------------------------- */ - -/* Padding for in-page bookmarks */ -section { - padding-top: 30px; -} - -/* Few stylistic typography tweaks */ -section > .page-header, -section > .lead { - color: #5a5a5a; -} -section > ul li { - margin-bottom: 5px; -} - - - -/* Navbar --------------------------------------------------- */ - -.bs-docs-navbar { - background-color: #fff; - border-bottom: 1px solid #ccc; /* IE8 */ - border-bottom: 1px solid rgba(0,0,0,.1); -} -.bs-docs-navbar .nav > .active > a, -.bs-docs-navbar .nav > .active > a:hover { - font-weight: 500; - background-color: transparent; -} - - - -/* Jumbotrons --------------------------------------------------- */ - -/* Base class */ -.bs-docs-jumbotron { - position: relative; - margin-bottom: 20px; - padding: 30px 15px; - color: #fff; - text-align: center; - background-color: #b94a48; -} -.bs-docs-jumbotron h1 { - font-size: 50px; -} - -/* Link styles (used on .masthead-links as well) */ -.bs-docs-jumbotron a { - color: #fff; - color: rgba(255,255,255,.5); - -webkit-transition: all .2s ease-in-out; - -moz-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; -} -.bs-docs-jumbotron a:hover { - color: #fff; -} - -/* Download button */ -.bs-docs-jumbotron .btn { - padding: 18px 24px; - font-size: 21px; - color: #b94a48; /* redeclare to override the `.jumbotron a` */ - background-color: #fff; -} -.bs-docs-jumbotron .btn, -.bs-docs-jumbotron .btn:hover, -.bs-docs-jumbotron .btn:active { - color: #b94a48; /* redeclare to override the `.jumbotron a` */ - background-color: #fff; - border-color: #fff; -} - -/* Masthead (docs home) -------------------------- */ -.masthead h1 { - line-height: 1; -} - -/* Textual links in masthead */ -.masthead-links { - margin: 20px 0; - list-style: none; -} -.masthead-links li { - display: inline; - padding: 0 10px; - color: rgba(255,255,255,.25); -} - - - -/* Marketing section of Overview --------------------------------------------------- */ - -.bs-docs-marketing { - text-align: center; - color: #5a5a5a; -} -.bs-docs-marketing h1 { - margin: 60px 0 10px; - font-size: 50px; - line-height: 1; -} -.bs-docs-marketing h2 { - margin-bottom: 5px; -} -.bs-docs-marketing p { - font-size: 16px; - line-height: 1.4; -} -.bs-docs-marketing .marketing-byline { - margin-bottom: 40px; - font-size: 21px; - font-weight: 300; - line-height: 1.25; - color: #999; -} -.marketing-img { - display: block; - margin: 30px auto 10px; - max-height: 145px; -} - - - -/* Special grid styles --------------------------------------------------- */ - -.show-grid { - margin-bottom: 15px; -} -.show-grid [class^="span"] { - padding-top: 10px; - padding-bottom: 10px; - background-color: #eee; - border: 1px solid #ddd; -} -.show-grid [class*="span"]:hover { - background-color: #ddd; -} - - - -/* Sidenav --------------------------------------------------- */ - -/* Base styles are not affixable given mobile-first */ -.bs-docs-sidenav { - margin: 20px 0 0; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.bs-docs-sidenav.affix { - position: static; - top: 0; -} - -/* Chevrons within each link */ -.bs-docs-sidenav .glyphicon-chevron-right { - float: right; - margin-top: 1px; - margin-right: -6px; - opacity: .25; - color: #000; -} -.bs-docs-sidenav a:hover .glyphicon-chevron-right { - opacity: .5; -} -.bs-docs-sidenav .active .glyphicon-chevron-right, -.bs-docs-sidenav .active a:hover .glyphicon-chevron-right { - color: #fff; - opacity: 1; -} - - - -/* Bootstrap code examples --------------------------------------------------- */ - -/* Base class */ -.bs-docs-example { - position: relative; - padding: 39px 14px 14px; - margin-bottom: -1px; - border: 1px solid #ddd; - border-top-left-radius: 4px; - border-top-right-radius: 4px; -} -/* Echo out a label for the example */ -.bs-docs-example:after { - content: "Example"; - position: absolute; - top: -1px; - left: -1px; - padding: 3px 7px; - font-size: 12px; - font-weight: bold; - color: #9da0a4; - background-color: #f5f5f5; - border: 1px solid #ddd; - border-top-left-radius: 4px; - border-bottom-right-radius: 4px; -} - -/* Tweak display of the examples */ -.bs-docs-example + .prettyprint, -.bs-docs-example + .highlight { - margin-top: 0; - border-top-left-radius: 0; - border-top-right-radius: 0; -} -.prettyprint .linenums { - /*margin-left: 0;*/ -} - -/* Tweak content of examples for optimum awesome */ -.bs-docs-example > p:last-child, -.bs-docs-example > ul:last-child, -.bs-docs-example > ol:last-child, -.bs-docs-example > blockquote:last-child, -.bs-docs-example > input:last-child, -.bs-docs-example > select:last-child, -.bs-docs-example > textarea:last-child, -.bs-docs-example > .table:last-child, -.bs-docs-example > .jumbotron:last-child, -.bs-docs-example > .alert:last-child { - margin-bottom: 0; -} - -/* Typography */ -.bs-docs-example-type .table td { - color: #999; - vertical-align: middle; - border-color: ; -} -.bs-docs-example-type .table td, -.bs-docs-example-type .table th { - padding: 15px 0; - border-color: #eee; -} -.bs-docs-example-type .table tr:first-child td, -.bs-docs-example-type .table tr:first-child th { - border-top: 0; -} -.bs-docs-example-type h1, -.bs-docs-example-type h2, -.bs-docs-example-type h3, -.bs-docs-example-type h4, -.bs-docs-example-type h5, -.bs-docs-example-type h6 { - margin: 0; -} - - -/* Navbar examples */ -.bs-navbar-top-example, -.bs-navbar-bottom-example { - z-index: 1; - padding: 0; - height: 90px; - overflow: hidden; /* cut the drop shadows off */ -} -.bs-navbar-top-example .navbar-fixed-top, -.bs-navbar-bottom-example .navbar-fixed-bottom { - margin-left: 0; - margin-right: 0; -} -.bs-navbar-top-example { - -webkit-border-radius: 0 0 4px 4px; - -moz-border-radius: 0 0 4px 4px; - border-radius: 0 0 4px 4px; -} -.bs-navbar-top-example:after { - top: auto; - bottom: -1px; - -webkit-border-radius: 0 4px 0 4px; - -moz-border-radius: 0 4px 0 4px; - border-radius: 0 4px 0 4px; -} -.bs-navbar-bottom-example { - -webkit-border-radius: 4px 4px 0 0; - -moz-border-radius: 4px 4px 0 0; - border-radius: 4px 4px 0 0; -} -.bs-navbar-bottom-example .navbar { - margin-bottom: 0; -} - -/* Example modals */ -.bs-docs-example-modal { - background-color: #f5f5f5; -} -.bs-docs-example-modal .modal { - position: relative; - top: auto; - right: auto; - left: auto; - bottom: auto; - z-index: 1; - display: block; -} -.bs-docs-example-modal .modal-dialog { - left: auto; - margin-left: auto; - margin-right: auto; -} - -/* Example dropdowns */ -.bs-docs-example > .dropdown > .dropdown-menu, -.bs-docs-example-submenu > .pull-left > .dropup > .dropdown-menu, -.bs-docs-example-submenu > .pull-left > .dropdown > .dropdown-menu { - position: static; - display: block; - margin-bottom: 5px; -} -.bs-docs-example-submenu { - min-height: 180px; -} -.bs-docs-example-submenu > .pull-left + .pull-left { - margin-left: 20px; -} - -/* Example tabbable tabs */ -.bs-docs-example-tabs .nav-tabs { - margin-bottom: 15px; -} - - -/* Example templates --------------------------------------------------- */ - -.bs-docs-examples h4 { - margin-bottom: 5px; -} -.bs-docs-examples p { - margin-bottom: 20px; -} - - - -/* Icons --------------------------------------------------- */ - -.the-icons { - padding-bottom: 1px; - margin-left: 0; - list-style: none; - margin-bottom: 20px; - overflow: hidden; -} -.the-icons li { - float: left; - width: 100px; - height: 110px; - padding: 10px; - border: 1px solid #ddd; - font-size: 12px; - line-height: 1.25; - text-align: center; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - margin: 0 -1px -1px 0; -} -.the-icons .glyphicon { - display: block; - margin: 5px auto; - vertical-align: middle; - margin-right: 3px; - font-size: 24px; -} -.the-icons li:hover { - background-color: rgba(255,0,0,.1); -} - - - -/* Responsive docs --------------------------------------------------- */ - -/* Related: responsive utilities tables */ -.table code { - font-size: 13px; - font-weight: normal; -} - -/* Utility classes table -------------------------- */ -.responsive-utilities th small { - display: block; - font-weight: normal; - color: #999; -} -.responsive-utilities tbody th { - font-weight: normal; -} -.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 tests -------------------------- */ -.responsive-utilities-test { - margin-top: 5px; - margin-left: 0; - list-style: none; - overflow: hidden; /* clear floats */ -} -.responsive-utilities-test li { - position: relative; - float: left; - width: 25%; - height: 43px; - font-size: 14px; - font-weight: bold; - line-height: 43px; - color: #999; - text-align: center; - border: 1px solid #ddd; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; -} -.responsive-utilities-test li + li { - margin-left: 10px; -} -.responsive-utilities-test span { - position: absolute; - top: -1px; - left: -1px; - right: -1px; - bottom: -1px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; -} -.responsive-utilities-test span { - color: #468847; - background-color: #dff0d8; - border: 1px solid #d6e9c6; -} - - - -/* Footer --------------------------------------------------- */ - -.bs-docs-footer { - text-align: center; - padding: 30px 0; - margin-top: 100px; - border-top: 1px solid #e5e5e5; -} -.bs-docs-footer p { - margin-bottom: 0; - color: #777; -} -.footer-links { - margin: 10px 0; -} -.footer-links li { - display: inline; - padding: 0 2px; -} -.footer-links li:first-child { - padding-left: 0; -} - -/* Social proof buttons from GitHub & Twitter */ -.bs-docs-social { - margin-top: 10px; - margin-bottom: 20px; - text-align: center; -} -/* Quick links on Home */ -.bs-docs-social-buttons { - display: inline-block; - margin: 0; - padding: 0 10px; - 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; -} - - - -/* Misc docs stuff --------------------------------------------------- */ - -/* Pseudo :focus state for showing how it looks in the docs */ -input.focused { - border-color: rgba(82,168,236,.8); - outline: 0; - outline: thin dotted \9; /* IE6-9 */ - -moz-box-shadow: 0 0 8px rgba(82,168,236,.6); - box-shadow: 0 0 8px rgba(82,168,236,.6); -} - -/* Scrollspy demo on fixed height div */ -.scrollspy-example { - position: relative; - height: 200px; - margin-top: 10px; - overflow: auto; -} - -.highlight { - padding: 9px 14px; - margin-bottom: 14px; - background-color: #f7f7f9; - border: 1px solid #e1e1e8; - border-radius: 4px; -} -.highlight pre { - padding: 0; - margin-bottom: 0; - background-color: transparent; - border: 0; -} -.highlight pre code { - font-size: inherit; - color: #333; /* Effectively the base text color */ -} -.highlight pre .lineno { - display: inline-block; - width: 22px; - padding-right: 5px; - margin-right: 10px; - text-align: right; - color: #bebec5; -} - - - -/* Docs gallery --------------------------------------------------- */ - -.bs-docs-gallery .thumbnail { - max-width: 400px; - margin: 0 auto 20px; -} - - -/* Responsive variations --------------------------------------------------- */ - -/* Hide code snippets on mobile devices */ -@media screen and (max-width: 480px) { - .bs-docs-example { - border-radius: 4px; - } - .highlight { - display: none; - } -} - -/* Tablets and up */ -@media screen and (min-width: 768px) { - - /* Account for fixed navbar (which is static to start) */ - body { - padding-top: 50px; /* Default height of navbar */ - } - - /* Tweak display of docs jumbotrons */ - .masthead { - padding-top: 100px; - padding-bottom: 100px; - } - .masthead h1 { - font-size: 100px; - } - .masthead p { - font-size: 30px; - margin-left: 10%; - margin-right: 10%; - } - .subhead { - padding-top: 60px; - padding-bottom: 60px; - text-align: left; - } - - /* From here, start to affix the nav because we keep columns here */ - .bs-docs-sidenav.affix { - position: fixed; - top: 54px; - } - .bs-docs-sidenav { - width: 170px; - } - .bs-docs-sidenav.affix-bottom { - position: absolute; - top: auto; - bottom: 270px; - } -} - -/* Tablets/desktops and up */ -@media screen and (min-width: 992px) { - - /* Icons */ - .the-icons li { - width: 12.5%; - } - - .bs-docs-sidenav { - width: 220px; - } -} - -/* Large desktops and up */ -@media screen and (min-width: 1200px) { - .bs-docs-sidenav { - width: 260px; - } -} diff --git a/docs/_site/assets/css/pygments-manni.css b/docs/_site/assets/css/pygments-manni.css deleted file mode 100644 index 1264b87f1..000000000 --- a/docs/_site/assets/css/pygments-manni.css +++ /dev/null @@ -1,66 +0,0 @@ -.hll { background-color: #ffffcc } - /*{ background: #f0f3f3; }*/ -.c { color: #999; } /* Comment */ -.err { color: #AA0000; background-color: #FFAAAA } /* Error */ -.k { color: #006699; } /* Keyword */ -.o { color: #555555 } /* Operator */ -.cm { color: #0099FF; font-style: italic } /* Comment.Multiline */ -.cp { color: #009999 } /* Comment.Preproc */ -.c1 { color: #999; } /* Comment.Single */ -.cs { color: #999; } /* Comment.Special */ -.gd { background-color: #FFCCCC; border: 1px solid #CC0000 } /* Generic.Deleted */ -.ge { font-style: italic } /* Generic.Emph */ -.gr { color: #FF0000 } /* Generic.Error */ -.gh { color: #003300; } /* Generic.Heading */ -.gi { background-color: #CCFFCC; border: 1px solid #00CC00 } /* Generic.Inserted */ -.go { color: #AAAAAA } /* Generic.Output */ -.gp { color: #000099; } /* Generic.Prompt */ -.gs { } /* Generic.Strong */ -.gu { color: #003300; } /* Generic.Subheading */ -.gt { color: #99CC66 } /* Generic.Traceback */ -.kc { color: #006699; } /* Keyword.Constant */ -.kd { color: #006699; } /* Keyword.Declaration */ -.kn { color: #006699; } /* Keyword.Namespace */ -.kp { color: #006699 } /* Keyword.Pseudo */ -.kr { color: #006699; } /* Keyword.Reserved */ -.kt { color: #007788; } /* Keyword.Type */ -.m { color: #FF6600 } /* Literal.Number */ -.s { color: #d44950 } /* Literal.String */ -.na { color: #4f9fcf } /* Name.Attribute */ -.nb { color: #336666 } /* Name.Builtin */ -.nc { color: #00AA88; } /* Name.Class */ -.no { color: #336600 } /* Name.Constant */ -.nd { color: #9999FF } /* Name.Decorator */ -.ni { color: #999999; } /* Name.Entity */ -.ne { color: #CC0000; } /* Name.Exception */ -.nf { color: #CC00FF } /* Name.Function */ -.nl { color: #9999FF } /* Name.Label */ -.nn { color: #00CCFF; } /* Name.Namespace */ -.nt { color: #2f6f9f; } /* Name.Tag */ -.nv { color: #003333 } /* Name.Variable */ -.ow { color: #000000; } /* Operator.Word */ -.w { color: #bbbbbb } /* Text.Whitespace */ -.mf { color: #FF6600 } /* Literal.Number.Float */ -.mh { color: #FF6600 } /* Literal.Number.Hex */ -.mi { color: #FF6600 } /* Literal.Number.Integer */ -.mo { color: #FF6600 } /* Literal.Number.Oct */ -.sb { color: #CC3300 } /* Literal.String.Backtick */ -.sc { color: #CC3300 } /* Literal.String.Char */ -.sd { color: #CC3300; font-style: italic } /* Literal.String.Doc */ -.s2 { color: #CC3300 } /* Literal.String.Double */ -.se { color: #CC3300; } /* Literal.String.Escape */ -.sh { color: #CC3300 } /* Literal.String.Heredoc */ -.si { color: #AA0000 } /* Literal.String.Interpol */ -.sx { color: #CC3300 } /* Literal.String.Other */ -.sr { color: #33AAAA } /* Literal.String.Regex */ -.s1 { color: #CC3300 } /* Literal.String.Single */ -.ss { color: #FFCC33 } /* Literal.String.Symbol */ -.bp { color: #336666 } /* Name.Builtin.Pseudo */ -.vc { color: #003333 } /* Name.Variable.Class */ -.vg { color: #003333 } /* Name.Variable.Global */ -.vi { color: #003333 } /* Name.Variable.Instance */ -.il { color: #FF6600 } /* Literal.Number.Integer.Long */ - -.css .o, -.css .o + .nt, -.css .nt + .nt { color: #999; } diff --git a/docs/_site/assets/fonts/glyphiconshalflings-regular.eot b/docs/_site/assets/fonts/glyphiconshalflings-regular.eot deleted file mode 100755 index bd59ccd2d..000000000 Binary files a/docs/_site/assets/fonts/glyphiconshalflings-regular.eot and /dev/null differ diff --git a/docs/_site/assets/fonts/glyphiconshalflings-regular.otf b/docs/_site/assets/fonts/glyphiconshalflings-regular.otf deleted file mode 100644 index b058f1cd1..000000000 Binary files a/docs/_site/assets/fonts/glyphiconshalflings-regular.otf and /dev/null differ diff --git a/docs/_site/assets/fonts/glyphiconshalflings-regular.svg b/docs/_site/assets/fonts/glyphiconshalflings-regular.svg deleted file mode 100755 index 0fb458735..000000000 --- a/docs/_site/assets/fonts/glyphiconshalflings-regular.svg +++ /dev/null @@ -1,175 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/docs/_site/assets/fonts/glyphiconshalflings-regular.ttf b/docs/_site/assets/fonts/glyphiconshalflings-regular.ttf deleted file mode 100755 index c63c068fe..000000000 Binary files a/docs/_site/assets/fonts/glyphiconshalflings-regular.ttf and /dev/null differ diff --git a/docs/_site/assets/fonts/glyphiconshalflings-regular.woff b/docs/_site/assets/fonts/glyphiconshalflings-regular.woff deleted file mode 100755 index 4c778ffdc..000000000 Binary files a/docs/_site/assets/fonts/glyphiconshalflings-regular.woff and /dev/null differ diff --git a/docs/_site/assets/ico/apple-touch-icon-114-precomposed.png b/docs/_site/assets/ico/apple-touch-icon-114-precomposed.png deleted file mode 100644 index 790a64f75..000000000 Binary files a/docs/_site/assets/ico/apple-touch-icon-114-precomposed.png and /dev/null differ diff --git a/docs/_site/assets/ico/apple-touch-icon-144-precomposed.png b/docs/_site/assets/ico/apple-touch-icon-144-precomposed.png deleted file mode 100644 index 6d0e463fd..000000000 Binary files a/docs/_site/assets/ico/apple-touch-icon-144-precomposed.png and /dev/null differ diff --git a/docs/_site/assets/ico/apple-touch-icon-57-precomposed.png b/docs/_site/assets/ico/apple-touch-icon-57-precomposed.png deleted file mode 100644 index 4936cca83..000000000 Binary files a/docs/_site/assets/ico/apple-touch-icon-57-precomposed.png and /dev/null differ diff --git a/docs/_site/assets/ico/apple-touch-icon-72-precomposed.png b/docs/_site/assets/ico/apple-touch-icon-72-precomposed.png deleted file mode 100644 index b1165bdbd..000000000 Binary files a/docs/_site/assets/ico/apple-touch-icon-72-precomposed.png and /dev/null differ diff --git a/docs/_site/assets/ico/favicon.ico b/docs/_site/assets/ico/favicon.ico deleted file mode 100644 index cb8dbdfc4..000000000 Binary files a/docs/_site/assets/ico/favicon.ico and /dev/null differ diff --git a/docs/_site/assets/ico/favicon.png b/docs/_site/assets/ico/favicon.png deleted file mode 100644 index 073c13c0f..000000000 Binary files a/docs/_site/assets/ico/favicon.png and /dev/null differ diff --git a/docs/_site/assets/img/bootstrap-docs-readme.png b/docs/_site/assets/img/bootstrap-docs-readme.png deleted file mode 100644 index 36603bd3b..000000000 Binary files a/docs/_site/assets/img/bootstrap-docs-readme.png and /dev/null differ diff --git a/docs/_site/assets/img/bs-docs-bootstrap-features.png b/docs/_site/assets/img/bs-docs-bootstrap-features.png deleted file mode 100644 index 7cd8501ae..000000000 Binary files a/docs/_site/assets/img/bs-docs-bootstrap-features.png and /dev/null differ diff --git a/docs/_site/assets/img/bs-docs-masthead-pattern.png b/docs/_site/assets/img/bs-docs-masthead-pattern.png deleted file mode 100644 index 75c46a152..000000000 Binary files a/docs/_site/assets/img/bs-docs-masthead-pattern.png and /dev/null differ diff --git a/docs/_site/assets/img/bs-docs-responsive-illustrations.png b/docs/_site/assets/img/bs-docs-responsive-illustrations.png deleted file mode 100644 index 77c8f18f5..000000000 Binary files a/docs/_site/assets/img/bs-docs-responsive-illustrations.png and /dev/null differ diff --git a/docs/_site/assets/img/bs-docs-twitter-github.png b/docs/_site/assets/img/bs-docs-twitter-github.png deleted file mode 100644 index 06100f398..000000000 Binary files a/docs/_site/assets/img/bs-docs-twitter-github.png and /dev/null differ diff --git a/docs/_site/assets/img/examples/bootstrap-example-carousel.png b/docs/_site/assets/img/examples/bootstrap-example-carousel.png deleted file mode 100644 index 725fe07b9..000000000 Binary files a/docs/_site/assets/img/examples/bootstrap-example-carousel.png and /dev/null differ diff --git a/docs/_site/assets/img/examples/bootstrap-example-fluid.png b/docs/_site/assets/img/examples/bootstrap-example-fluid.png deleted file mode 100644 index 5f49a332f..000000000 Binary files a/docs/_site/assets/img/examples/bootstrap-example-fluid.png and /dev/null differ diff --git a/docs/_site/assets/img/examples/bootstrap-example-jumbotron-narrow.png b/docs/_site/assets/img/examples/bootstrap-example-jumbotron-narrow.png deleted file mode 100644 index 4bca8cdaf..000000000 Binary files a/docs/_site/assets/img/examples/bootstrap-example-jumbotron-narrow.png and /dev/null differ diff --git a/docs/_site/assets/img/examples/bootstrap-example-justified-nav.png b/docs/_site/assets/img/examples/bootstrap-example-justified-nav.png deleted file mode 100644 index 3d1e23389..000000000 Binary files a/docs/_site/assets/img/examples/bootstrap-example-justified-nav.png and /dev/null differ diff --git a/docs/_site/assets/img/examples/bootstrap-example-marketing.png b/docs/_site/assets/img/examples/bootstrap-example-marketing.png deleted file mode 100644 index 206e26e34..000000000 Binary files a/docs/_site/assets/img/examples/bootstrap-example-marketing.png and /dev/null differ diff --git a/docs/_site/assets/img/examples/bootstrap-example-navbar-fixed-top.png b/docs/_site/assets/img/examples/bootstrap-example-navbar-fixed-top.png deleted file mode 100644 index 30bfebfba..000000000 Binary files a/docs/_site/assets/img/examples/bootstrap-example-navbar-fixed-top.png and /dev/null differ diff --git a/docs/_site/assets/img/examples/bootstrap-example-navbar-static-top.png b/docs/_site/assets/img/examples/bootstrap-example-navbar-static-top.png deleted file mode 100644 index a965782d4..000000000 Binary files a/docs/_site/assets/img/examples/bootstrap-example-navbar-static-top.png and /dev/null differ diff --git a/docs/_site/assets/img/examples/bootstrap-example-navbar.png b/docs/_site/assets/img/examples/bootstrap-example-navbar.png deleted file mode 100644 index dd1f7df0d..000000000 Binary files a/docs/_site/assets/img/examples/bootstrap-example-navbar.png and /dev/null differ diff --git a/docs/_site/assets/img/examples/bootstrap-example-signin.png b/docs/_site/assets/img/examples/bootstrap-example-signin.png deleted file mode 100644 index b649a985d..000000000 Binary files a/docs/_site/assets/img/examples/bootstrap-example-signin.png and /dev/null differ diff --git a/docs/_site/assets/img/examples/bootstrap-example-starter.png b/docs/_site/assets/img/examples/bootstrap-example-starter.png deleted file mode 100644 index 1bf4b85ec..000000000 Binary files a/docs/_site/assets/img/examples/bootstrap-example-starter.png and /dev/null differ diff --git a/docs/_site/assets/img/examples/bootstrap-example-sticky-footer-navbar.png b/docs/_site/assets/img/examples/bootstrap-example-sticky-footer-navbar.png deleted file mode 100644 index 4ad0e8681..000000000 Binary files a/docs/_site/assets/img/examples/bootstrap-example-sticky-footer-navbar.png and /dev/null differ diff --git a/docs/_site/assets/img/examples/bootstrap-example-sticky-footer.png b/docs/_site/assets/img/examples/bootstrap-example-sticky-footer.png deleted file mode 100644 index fb80e7b92..000000000 Binary files a/docs/_site/assets/img/examples/bootstrap-example-sticky-footer.png and /dev/null differ diff --git a/docs/_site/assets/img/examples/browser-icon-chrome.png b/docs/_site/assets/img/examples/browser-icon-chrome.png deleted file mode 100644 index 8c846c54e..000000000 Binary files a/docs/_site/assets/img/examples/browser-icon-chrome.png and /dev/null differ diff --git a/docs/_site/assets/img/examples/browser-icon-firefox.png b/docs/_site/assets/img/examples/browser-icon-firefox.png deleted file mode 100644 index 2af3cd856..000000000 Binary files a/docs/_site/assets/img/examples/browser-icon-firefox.png and /dev/null differ diff --git a/docs/_site/assets/img/examples/browser-icon-safari.png b/docs/_site/assets/img/examples/browser-icon-safari.png deleted file mode 100644 index 880e31daa..000000000 Binary files a/docs/_site/assets/img/examples/browser-icon-safari.png and /dev/null differ diff --git a/docs/_site/assets/img/examples/slide-01.jpg b/docs/_site/assets/img/examples/slide-01.jpg deleted file mode 100644 index bedab7d81..000000000 Binary files a/docs/_site/assets/img/examples/slide-01.jpg and /dev/null differ diff --git a/docs/_site/assets/img/examples/slide-02.jpg b/docs/_site/assets/img/examples/slide-02.jpg deleted file mode 100644 index 4ed12cc07..000000000 Binary files a/docs/_site/assets/img/examples/slide-02.jpg and /dev/null differ diff --git a/docs/_site/assets/img/examples/slide-03.jpg b/docs/_site/assets/img/examples/slide-03.jpg deleted file mode 100644 index 37415da3e..000000000 Binary files a/docs/_site/assets/img/examples/slide-03.jpg and /dev/null differ diff --git a/docs/_site/assets/img/grid-baseline-20px.png b/docs/_site/assets/img/grid-baseline-20px.png deleted file mode 100644 index ce8c69ca2..000000000 Binary files a/docs/_site/assets/img/grid-baseline-20px.png and /dev/null differ diff --git a/docs/_site/assets/js/README.md b/docs/_site/assets/js/README.md deleted file mode 100644 index 66903c71a..000000000 --- a/docs/_site/assets/js/README.md +++ /dev/null @@ -1,106 +0,0 @@ -## 2.0 BOOTSTRAP JS PHILOSOPHY -These are the high-level design rules which guide the development of Bootstrap's plugin apis. - ---- - -### DATA-ATTRIBUTE API - -We believe you should be able to use all plugins provided by Bootstrap purely through the markup API without writing a single line of javascript. - -We acknowledge that this isn't always the most performant and sometimes it may be desirable to turn this functionality off altogether. Therefore, as of 2.0 we provide the ability to disable the data attribute API by unbinding all events on the body namespaced with `'data-api'`. This looks like this: - - $('body').off('.data-api') - -To target a specific plugin, just include the plugins name as a namespace along with the data-api namespace like this: - - $('body').off('.alert.data-api') - ---- - -### PROGRAMMATIC API - -We also believe you should be able to use all plugins provided by Bootstrap purely through the JS API. - -All public APIs should be single, chainable methods, and return the collection acted upon. - - $(".btn.danger").button("toggle").addClass("fat") - -All methods should accept an optional options object, a string which targets a particular method, or null which initiates the default behavior: - - $("#myModal").modal() // initialized with defaults - $("#myModal").modal({ keyboard: false }) // initialized with now keyboard - $("#myModal").modal('show') // initializes and invokes show immediately afterqwe2 - ---- - -### OPTIONS - -Options should be sparse and add universal value. We should pick the right defaults. - -All plugins should have a default object which can be modified to effect all instance's default options. The defaults object should be available via `$.fn.plugin.defaults`. - - $.fn.modal.defaults = { … } - -An options definition should take the following form: - - *noun*: *adjective* - describes or modifies a quality of an instance - -examples: - - backdrop: true - keyboard: false - placement: 'top' - ---- - -### EVENTS - -All events should have an infinitive and past participle form. The infinitive is fired just before an action takes place, the past participle on completion of the action. - - show | shown - hide | hidden - ---- - -### CONSTRUCTORS - -Each plugin should expose it's raw constructor on a `Constructor` property -- accessed in the following way: - - - $.fn.popover.Constructor - ---- - -### DATA ACCESSOR - -Each plugin stores a copy of the invoked class on an object. This class instance can be accessed directly through jQuery's data API like this: - - $('[rel=popover]').data('popover') instanceof $.fn.popover.Constructor - ---- - -### DATA ATTRIBUTES - -Data attributes should take the following form: - -- data-{{verb}}={{plugin}} - defines main interaction -- data-target || href^=# - defined on "control" element (if element controls an element other than self) -- data-{{noun}} - defines class instance options - -examples: - - // control other targets - data-toggle="modal" data-target="#foo" - data-toggle="collapse" data-target="#foo" data-parent="#bar" - - // defined on element they control - data-spy="scroll" - - data-dismiss="modal" - data-dismiss="alert" - - data-toggle="dropdown" - - data-toggle="button" - data-toggle="buttons-checkbox" - data-toggle="buttons-radio" \ No newline at end of file diff --git a/docs/_site/assets/js/application.js b/docs/_site/assets/js/application.js deleted file mode 100644 index 4b0b59618..000000000 --- a/docs/_site/assets/js/application.js +++ /dev/null @@ -1,156 +0,0 @@ -// NOTICE!! DO NOT USE ANY OF THIS JAVASCRIPT -// IT'S ALL JUST JUNK FOR OUR DOCS! -// ++++++++++++++++++++++++++++++++++++++++++ - -!function ($) { - - $(function(){ - - var $window = $(window) - - // Disable certain links in docs - $('section [href^=#]').click(function (e) { - e.preventDefault() - }) - - // side bar - setTimeout(function () { - $('.bs-docs-sidenav').affix({ - offset: { - top: function () { return $window.width() <= 980 ? 290 : 210 } - , bottom: 270 - } - }) - }, 100) - - // make code pretty - window.prettyPrint && prettyPrint() - - // add-ons - $('.add-on :checkbox').on('click', function () { - var $this = $(this) - , method = $this.attr('checked') ? 'addClass' : 'removeClass' - $(this).parents('.add-on')[method]('active') - }) - - // add tipsies to grid for scaffolding - if ($('#grid-system').length) { - $('#grid-system').tooltip({ - selector: '.show-grid > [class*="span"]' - , title: function () { return $(this).width() + 'px' } - }) - } - - // tooltip demo - $('.tooltip-demo').tooltip({ - selector: "a[data-toggle=tooltip]" - }) - - $('.tooltip-test').tooltip() - $('.popover-test').popover() - - // popover demo - $("a[data-toggle=popover]") - .popover() - .click(function(e) { - e.preventDefault() - }) - - // button state demo - $('#fat-btn') - .click(function () { - var btn = $(this) - btn.button('loading') - setTimeout(function () { - btn.button('reset') - }, 3000) - }) - - // carousel demo - $('.bs-docs-carousel-example').carousel() - - // javascript build logic - var inputsComponent = $("#components.download input") - , inputsPlugin = $("#plugins.download input") - , inputsVariables = $("#variables.download input") - - // toggle all plugin checkboxes - $('#components.download .toggle-all').on('click', function (e) { - e.preventDefault() - inputsComponent.attr('checked', !inputsComponent.is(':checked')) - }) - - $('#plugins.download .toggle-all').on('click', function (e) { - e.preventDefault() - inputsPlugin.attr('checked', !inputsPlugin.is(':checked')) - }) - - $('#variables.download .toggle-all').on('click', function (e) { - e.preventDefault() - inputsVariables.val('') - }) - - // request built javascript - $('.download-btn .btn').on('click', function () { - - var css = $("#components.download input:checked") - .map(function () { return this.value }) - .toArray() - , js = $("#plugins.download input:checked") - .map(function () { return this.value }) - .toArray() - , vars = {} - , img = ['glyphicons-halflings.png', 'glyphicons-halflings-white.png'] - - $("#variables.download input") - .each(function () { - $(this).val() && (vars[ $(this).prev().text() ] = $(this).val()) - }) - - $.ajax({ - type: 'POST' - , url: /\?dev/.test(window.location) ? 'http://localhost:3000' : 'http://bootstrap.herokuapp.com' - , dataType: 'jsonpi' - , params: { - js: js - , css: css - , vars: vars - , img: img - } - }) - }) - }) - -// Modified from the original jsonpi https://github.com/benvinegar/jquery-jsonpi -$.ajaxTransport('jsonpi', function(opts, originalOptions, jqXHR) { - var url = opts.url; - - return { - send: function(_, completeCallback) { - var name = 'jQuery_iframe_' + jQuery.now() - , iframe, form - - iframe = $(' - -
                    • - -
                      • - -
                    • - -
                      • -
                    -
                    - - -

                    Designed and built with all the love in the world by @mdo and @fat.

                    -

                    Code licensed under Apache License v2.0, documentation under CC BY 3.0.

                    -

                    Glyphicons Free licensed under CC BY 3.0.

                    - -
                  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/docs/_site/css.html b/docs/_site/css.html deleted file mode 100644 index 2af738834..000000000 --- a/docs/_site/css.html +++ /dev/null @@ -1,2671 +0,0 @@ - - - - - - - - - - - - CSS · Bootstrap - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
                  -
                  - - Bootstrap -
                  - -
                  -
                  -
                  - - - - -
                  -
                  -

                  CSS

                  -

                  Fundamental HTML elements styled and enhanced with extensible classes.

                  -
                  -
                  - - -
                  - - -
                  -
                  - -
                  -
                  - - - - -
                  -
                  -

                  Global settings

                  -
                  -

                  Get the lowdown on the key pieces of Bootstrap's infrastructure, including our approach to better, faster, stronger web development.

                  - -

                  Requires HTML5 doctype

                  -

                  Bootstrap makes use of certain HTML elements and CSS properties that require the use of the HTML5 doctype. Include it at the beginning of all your projects.

                  - -
                  - 
                  <!DOCTYPE html>
-<html lang="en">
-  ...
-</html>
                  -
                  - - -

                  Mobile first

                  -

                  With Bootstrap 2, we added optional mobile friendly styles for key aspects of the framework. With Bootstrap 3, we've rewritten the project to be mobile friendly from the start. Instead of adding on optional mobile styles, they're baked right into the core. In fact, Bootstrap is mobile first. Mobile first styles can be found throughout the entire library instead of in separate files.

                  -

                  To ensure proper rendering and touch zooming, add the viewport meta tag to your <head>.

                  - -
                  - 
                  <meta name="viewport" content="width=device-width, initial-scale=1.0">
                  -
                  - - -

                  Typography and links

                  -

                  Bootstrap sets basic global display, typography, and link styles. Specifically, we:

                  -
                    -
                  • Remove margin on the body
                    • -
                  • Set background-color: white; on the body
                    • -
                  • Use the @font-family-base, @font-size-base, and @line-height-base attributes as our typographic base
                    • -
                  • Set the global link color via @link-color and apply link underlines only on :hover
                    • -
                  -

                  These styles can be found within scaffolding.less.

                  - -

                  Normalize reset

                  -

                  For improved cross-browser rendering, we use Normalize, a project by Nicolas Gallagher and Jonathan Neal.

                  - -
                  - - - - - -
                  -
                  -

                  Typography

                  -
                  - - -

                  Headings

                  -

                  All HTML headings, <h1> through <h6> are available.

                  - -
                  - - - - - - - - - - - - - - - - - - - - - - - - - - - -

                  Bootstrap heading

                  		Semibold 38px

                  Bootstrap heading

                  		Semibold 32px

                  Bootstrap heading

                  		Semibold 24px

                  Bootstrap heading

                  		Semibold 18px
                  Bootstrap heading
                  		Semibold 16px
                  Bootstrap heading
                  		Semibold 12px
                  -
                  - - - -

                  Body copy

                  -

                  Bootstrap's global default font-size is 14px, with a line-height of 20px. This is applied to the <body> and all paragraphs. In addition, <p> (paragraphs) receive a bottom margin of half their line-height (10px by default).

                  -
                  -

                  Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.

                  -

                  Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec ullamcorper nulla non metus auctor fringilla.

                  -

                  Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

                  -
                  -
                  - 
                  <p>...</p>
                  -
                  - - - -

                  Lead body copy

                  -

                  Make a paragraph stand out by adding .lead.

                  -
                  -

                  Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.

                  -
                  -
                  - 
                  <p class="lead">...</p>
                  -
                  - - - -

                  Built with Less

                  -

                  The typographic scale is based on two LESS variables in variables.less: @font-size-base and @line-height-base. The first is the base font-size used throughout and the second is the base line-height. We use those variables and some simple math to create the margins, paddings, and line-heights of all our type and more. Customize them and Bootstrap adapts.

                  - - - -

                  Emphasis

                  -

                  Make use of HTML's default emphasis tags with lightweight styles.

                  - -

                  Small text

                  -

                  For de-emphasizing inline or blocks of text, use the small tag.

                  -
                  -

                  This line of text is meant to be treated as fine print.

                  -
                  -
                  - 
                  <small>This line of text is meant to be treated as fine print.</small>
                  -
                  - - - -

                  Bold

                  -

                  For emphasizing a snippet of text with a heavier font-weight.

                  -
                  -

                  The following snippet of text is rendered as bold text.

                  -
                  -
                  - 
                  <strong>rendered as bold text</strong>
                  -
                  - - -

                  Italics

                  -

                  For emphasizing a snippet of text with italics.

                  -
                  -

                  The following snippet of text is rendered as italicized text.

                  -
                  -
                  - 
                  <em>rendered as italicized text</em>
                  -
                  - - -

                  Feel free to use <b> and <i> in HTML5. <b> is meant to highlight words or phrases without conveying additional importance while <i> is mostly for voice, technical terms, etc.

                  - -

                  Alignment classes

                  -

                  Easily realign text to components with text alignment classes.

                  -
                  -

                  Left aligned text.

                  -

                  Center aligned text.

                  -

                  Right aligned text.

                  -
                  -
                  - 
                  <p class="text-left">Left aligned text.</p>
-<p class="text-center">Center aligned text.</p>
-<p class="text-right">Right aligned text.</p>
                  -
                  - - -

                  Emphasis classes

                  -

                  Convey meaning through color with a handful of emphasis utility classes.

                  -
                  -

                  Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.

                  -

                  Etiam porta sem malesuada magna mollis euismod.

                  -

                  Donec ullamcorper nulla non metus auctor fringilla.

                  -

                  Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

                  -
                  -
                  - 
                  <p class="muted">...</p>
-<p class="text-warning">...</p>
-<p class="text-error">...</p>
-<p class="text-success">...</p>
                  -
                  - - - - -

                  Abbreviations

                  -

                  Stylized implementation of HTML's <abbr> element for abbreviations and acronyms to show the expanded version on hover. Abbreviations with a title attribute have a light dotted bottom border and a help cursor on hover, providing additional context on hover.

                  - -

                  Basic abbreviation

                  -

                  For expanded text on long hover of an abbreviation, include the title attribute with the <abbr> element.

                  -
                  -

                  An abbreviation of the word attribute is attr.

                  -
                  -
                  - 
                  <abbr title="attribute">attr</abbr>
                  -
                  - - -

                  Initialism

                  -

                  Add .initialism to an abbreviation for a slightly smaller font-size.

                  -
                  -

                  HTML is the best thing since sliced bread.

                  -
                  -
                  - 
                  <abbr title="HyperText Markup Language" class="initialism">HTML</abbr>
                  -
                  - - - - -

                  Addresses

                  -

                  Present contact information for the nearest ancestor or the entire body of work. Preserve formatting by ending all lines with <br>.

                  -
                  -
                  - Twitter, Inc.
                  - 795 Folsom Ave, Suite 600
                  - San Francisco, CA 94107
                  - P: (123) 456-7890 -
                  -
                  - Full Name
                  - first.last@example.com -
                  -
                  -
                  - 
                  <address>
-  <strong>Twitter, Inc.</strong><br>
-  795 Folsom Ave, Suite 600<br>
-  San Francisco, CA 94107<br>
-  <abbr title="Phone">P:</abbr> (123) 456-7890
-</address>
-
-<address>
-  <strong>Full Name</strong><br>
-  <a href="mailto:#">first.last@example.com</a>
-</address>
                  -
                  - - - - -

                  Blockquotes

                  -

                  For quoting blocks of content from another source within your document.

                  - -

                  Default blockquote

                  -

                  Wrap <blockquote> around any HTML as the quote. For straight quotes we recommend a <p>.

                  -
                  -
                  -

                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

                  -
                  -
                  -
                  - 
                  <blockquote>
-  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
-</blockquote>
                  -
                  - - -

                  Blockquote options

                  -

                  Style and content changes for simple variations on a standard blockquote.

                  - -

                  Naming a source

                  -

                  Add <small> tag for identifying the source. Wrap the name of the source work in <cite>.

                  -
                  -
                  -

                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

                  - Someone famous in Source Title -
                  -
                  -
                  - 
                  <blockquote>
-  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
-  <small>Someone famous <cite title="Source Title">Source Title</cite></small>
-</blockquote>
                  -
                  - - -

                  Alternate displays

                  -

                  Use .pull-right for a floated, right-aligned blockquote.

                  -
                  -
                  -

                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

                  - Someone famous in Source Title -
                  -
                  -
                  - 
                  <blockquote class="pull-right">
-  ...
-</blockquote>
                  -
                  - - - - -

                  Lists

                  - -

                  Unordered

                  -

                  A list of items in which the order does not explicitly matter.

                  -
                  -
                    -
                  • Lorem ipsum dolor sit amet
                    • -
                  • Consectetur adipiscing elit
                    • -
                  • Integer molestie lorem at massa
                    • -
                  • Facilisis in pretium nisl aliquet
                    • -
                  • Nulla volutpat aliquam velit -
                      -
                    • Phasellus iaculis neque
                      • -
                    • Purus sodales ultricies
                      • -
                    • Vestibulum laoreet porttitor sem
                      • -
                    • Ac tristique libero volutpat at
                      • -
                    -
                    • -
                  • Faucibus porta lacus fringilla vel
                    • -
                  • Aenean sit amet erat nunc
                    • -
                  • Eget porttitor lorem
                    • -
                  -
                  -
                  - 
                  <ul>
-  <li>...</li>
-</ul>
                  -
                  - - -

                  Ordered

                  -

                  A list of items in which the order does explicitly matter.

                  -
                  -
                    -
                  1. Lorem ipsum dolor sit amet
                    2. -
                  2. Consectetur adipiscing elit
                    3. -
                  3. Integer molestie lorem at massa
                    4. -
                  4. Facilisis in pretium nisl aliquet
                    5. -
                  5. Nulla volutpat aliquam velit
                    6. -
                  6. Faucibus porta lacus fringilla vel
                    7. -
                  7. Aenean sit amet erat nunc
                    8. -
                  8. Eget porttitor lorem
                    9. -
                  -
                  -
                  - 
                  <ol>
-  <li>...</li>
-</ol>
                  -
                  - - -

                  Unstyled

                  -

                  Remove the default list-style and left padding on list items (immediate children only).

                  -
                  -
                    -
                  • Lorem ipsum dolor sit amet
                    • -
                  • Consectetur adipiscing elit
                    • -
                  • Integer molestie lorem at massa
                    • -
                  • Facilisis in pretium nisl aliquet
                    • -
                  • Nulla volutpat aliquam velit -
                      -
                    • Phasellus iaculis neque
                      • -
                    • Purus sodales ultricies
                      • -
                    • Vestibulum laoreet porttitor sem
                      • -
                    • Ac tristique libero volutpat at
                      • -
                    -
                    • -
                  • Faucibus porta lacus fringilla vel
                    • -
                  • Aenean sit amet erat nunc
                    • -
                  • Eget porttitor lorem
                    • -
                  -
                  -
                  - 
                  <ul class="list-unstyled">
-  <li>...</li>
-</ul>
                  -
                  - - -

                  Inline

                  -

                  Place all list items on a single line with inline-block and some light padding.

                  -
                  -
                    -
                  • Lorem ipsum
                    • -
                  • Phasellus iaculis
                    • -
                  • Nulla volutpat
                    • -
                  -
                  -
                  - 
                  <ul class="list-inline">
-  <li>...</li>
-</ul>
                  -
                  - - -

                  Description

                  -

                  A list of terms with their associated descriptions.

                  -
                  -
                  -
                  Description lists
                  -
                  A description list is perfect for defining terms.
                  -
                  Euismod
                  -
                  Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
                  -
                  Donec id elit non mi porta gravida at eget metus.
                  -
                  Malesuada porta
                  -
                  Etiam porta sem malesuada magna mollis euismod.
                  -
                  -
                  -
                  - 
                  <dl>
-  <dt>...</dt>
-  <dd>...</dd>
-</dl>
                  -
                  - - -

                  Horizontal description

                  -

                  Make terms and descriptions in <dl> line up side-by-side.

                  -
                  -
                  -
                  Description lists
                  -
                  A description list is perfect for defining terms.
                  -
                  Euismod
                  -
                  Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
                  -
                  Donec id elit non mi porta gravida at eget metus.
                  -
                  Malesuada porta
                  -
                  Etiam porta sem malesuada magna mollis euismod.
                  -
                  Felis euismod semper eget lacinia
                  -
                  Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
                  -
                  -
                  -
                  - 
                  <dl class="dl-horizontal">
-  <dt>...</dt>
-  <dd>...</dd>
-</dl>
                  -
                  - - -
                  Auto-truncating
                  -

                  - Horizontal description lists will truncate terms that are too long to fit in the left column fix text-overflow. In narrower viewports, they will change to the default stacked layout. -

                  -
                  - - - - -
                  -
                  -

                  Grid system

                  -
                  -

                  Bootstrap includes a responsive, percent-based grid system that appropriately scales up to 12 columns as the device or viewport size increases—in other words, it's mobile first. It includes predefined classes for this, as well as powerful mixins for generating semantic layouts.

                  - -

                  Grid example

                  -

                  On mobile devices, the grid starts out stacked. Above 768px, it becomes horizontal as media queries kick in to apply floats and widths. To create a basic grid layout, wrap a series of .span* elements within a .row. As this is a 12-column grid, each .span* spans a number of those 12 columns, and should always add up to 12 for each row (or the number of columns in the parent), even at mobile resolutions.

                  -
                  -
                  -
                  1
                  -
                  1
                  -
                  1
                  -
                  1
                  -
                  1
                  -
                  1
                  -
                  1
                  -
                  1
                  -
                  1
                  -
                  1
                  -
                  1
                  -
                  1
                  -
                  -
                  -
                  4
                  -
                  4
                  -
                  4
                  -
                  -
                  -
                  6
                  -
                  6
                  -
                  -
                  -
                  - 
                  <div class="row">
-  <div class="span1">1</div>
-  <div class="span1">1</div>
-  <div class="span1">1</div>
-  <div class="span1">1</div>
-  <div class="span1">1</div>
-  <div class="span1">1</div>
-  <div class="span1">1</div>
-  <div class="span1">1</div>
-  <div class="span1">1</div>
-  <div class="span1">1</div>
-  <div class="span1">1</div>
-  <div class="span1">1</div>
-</div>
-<div class="row">
-  <div class="span4">4</div>
-  <div class="span4">4</div>
-  <div class="span4">4</div>
-</div>
-<div class="row">
-  <div class="span6">6</div>
-  <div class="span6">6</div>
-</div>
                  -
                  - - -

                  Offsetting columns

                  -

                  Move columns to the right using .offset* classes. Each class increases the left margin of a column by a whole column. For example, .offset4 moves .span4 over four columns.

                  -
                  -
                  -
                  4
                  -
                  4 offset 4
                  -
                  -
                  -
                  3 offset 3
                  -
                  3 offset 3
                  -
                  -
                  -
                  6 offset 6
                  -
                  -
                  -
                  - 
                  <div class="row">
-  <div class="span4">...</div>
-  <div class="span4 offset4">...</div>
-</div>
                  -
                  - - - -

                  Nesting columns

                  -

                  To nest your content with the default grid, add a new .row and set of .span* columns within an existing .span* column. Nested rows should include a set of columns that add up to 12.

                  -
                  -
                  - Level 1: 9 columns -
                  -
                  - Level 2: 6 columns -
                  -
                  - Level 2: 6 columns -
                  -
                  -
                  -
                  -
                  - 
                  <div class="row">
-  <div class="span9">
-    Level 1: 9 columns
-    <div class="row">
-      <div class="span6">
-        Level 2: 6 columns
-      </div>
-      <div class="span6">
-        Level 2: 6 columns
-      </div>
-    </div>
-  </div>
-</div>
                  -
                  - - -

                  Column ordering

                  -

                  Easily change the order of our built-in grid columns with .push* and .pull* modifier classes.

                  -
                  -
                  9
                  -
                  3
                  -
                  - -
                  - 
                  <div class="row show-grid">
-  <div class="span9 push3">9</div>
-  <div class="span3 pull9">3</div>
-</div>
                  -
                  - - -

                  LESS mixins and variables

                  -

                  In addition to prebuilt grid classes for fast layouts, Bootstrap includes LESS variables and mixins for quickly generating your own simple, semantic layouts.

                  - -

                  Variables

                  -

                  Variables determine the number of columns, the gutter width, and the media query point at which to begin floating columns. We use these to generate the predefined grid classes documented above, as well as for the custom mixins listed below.

                  -
                  - 
                  @grid-columns:              12;
-@grid-gutter-width:         30px;
-@grid-float-breakpoint:     768px;
                  -
                  - - -

                  Mixins

                  -

                  Mixins are used in conjunction with the grid variables to generate semantic CSS for individual grid columns.

                  -
                  - 
                  // Creates a wrapper for a series of columns
-.make-row() {
-  // Negative margin the row out to align the content of columns
-  margin-left:  (@grid-gutter-width / -2);
-  margin-right: (@grid-gutter-width / -2);
-  // Then clear the floated columns
-  .clear_float();
-}
-
-// Generate the columns
-.make-column(@columns) {
-  @media (min-width: @grid-float-breakpoint) {
-    float: left;
-    // Calculate width based on number of columns available
-    width: percentage(@columns / @grid-columns);
-  }
-  // Prevent columns from collapsing when empty
-  min-height: 1px;
-  // Set inner padding as gutters instead of margin
-  padding-left:  (@grid-gutter-width / 2);
-  padding-right: (@grid-gutter-width / 2);
-}
-
-// Generate the column offsets
-.make-column-offset(@columns) {
-  @media (min-width: @grid-float-breakpoint) {
-    margin-left: percentage((@columns / @grid-columns));
-  }
-}
                  -
                  - - -

                  Example usage

                  -

                  You can modify the variables to your own custom values, or just use the mixins with their default values. Here's an example of using the default settings to create a two-column layout with a gap between.

                  -
                  - 
                  .wrapper {
-  .make-row();
-}
-.content-main {
-  .make-column(8);
-}
-.content-secondary {
-  .make-column(3);
-  .make-column-offset(1);
-}
                  -
                  - -
                  - 
                  <div class="wrapper">
-  <div class="content-main">...</div>
-  <div class="content-secondary">...</div>
-</div>
                  -
                  - - - - -
                  - - - - - - -
                  -
                  -

                  Code

                  -
                  - -

                  Inline

                  -

                  Wrap inline snippets of code with <code>.

                  -
                  - For example, <section> should be wrapped as inline. -
                  -
                  - 
                  For example, <code>&lt;section&gt;</code> should be wrapped as inline.
                  -
                  - - -

                  Basic block

                  -

                  Use <pre> for multiple lines of code. Be sure to escape any angle brackets in the code for proper rendering.

                  -
                  - 
                  <p>Sample text here...</p>
                  -
                  -
                  - 
                  <pre>&lt;p&gt;Sample text here...&lt;/p&gt;</pre>
                  -
                  - - -

                  You may optionally add the .pre-scrollable class which will set a max-height of 350px and provide a y-axis scrollbar.

                  -
                  - - - - -
                  -
                  -

                  Tables

                  -
                  - -

                  Default styles

                  -

                  For basic styling—light padding and only horizontal dividers—add the base class .table to any <table>. It may seem super redundant, but given the widespread use of tables for other plugins like calendars and date pickers, we've opted to isolate our custom table styles.

                  -
                  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
                  #First NameLast NameUsername
                  1MarkOtto@mdo
                  2JacobThornton@fat
                  3Larrythe Bird@twitter
                  -
                  -
                  - 
                  <table class="table">
-  ...
-</table>
                  -
                  - - - -

                  Optional classes

                  -

                  Add any of the following classes to the .table base class.

                  - -

                  Striped

                  -

                  Use .table-striped to add zebra-striping to any table row within the <tbody> via the :nth-child CSS selector (not available in IE8).

                  -
                  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
                  #First NameLast NameUsername
                  1MarkOtto@mdo
                  2JacobThornton@fat
                  3Larrythe Bird@twitter
                  -
                  -
                  - 
                  <table class="table table-striped">
-  ...
-</table>
                  -
                  - - -

                  Bordered

                  -

                  Add .table-bordered for borders and rounded corners.

                  -
                  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
                  #First NameLast NameUsername
                  1MarkOtto@mdo
                  MarkOtto@TwBootstrap
                  2JacobThornton@fat
                  3Larry the Bird@twitter
                  -
                  -
                  - 
                  <table class="table table-bordered">
-  ...
-</table>
                  -
                  - - -

                  Hover rows

                  -

                  Add .table-hover to enable a hover state on table rows within a <tbody>.

                  -
                  - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
                  #First NameLast NameUsername
                  1MarkOtto@mdo
                  2JacobThornton@fat
                  3Larry the Bird@twitter
                  -
                  -
                  - 
                  <table class="table table-hover">
-  ...
-</table>
                  -
                  - - - -

                  Condensed

                  -

                  Add .table-condensed to make tables more compact by cutting cell padding in half.

                  -
                  - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
                  #First NameLast NameUsername
                  1MarkOtto@mdo
                  2JacobThornton@fat
                  3Larry the Bird@twitter
                  -
                  -
                  - 
                  <table class="table table-condensed">
-  ...
-</table>
                  -
                  - - - - -

                  Optional row classes

                  -

                  Use contextual classes to color table rows.

                  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
                  ClassDescription
                  - .success - Indicates a successful or positive action.
                  - .error - Indicates a dangerous or potentially negative action.
                  - .warning - Indicates a warning that might need attention.
                  - .info - Used as an alternative to the default styles.
                  -
                  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
                  #ProductPayment TakenStatus
                  1TB - Monthly01/04/2012Approved
                  2TB - Monthly02/04/2012Declined
                  3TB - Monthly03/04/2012Pending
                  -
                  -
                  - 
                  ...
-<tr class="success">
-  <td>1</td>
-  <td>TB - Monthly</td>
-  <td>01/04/2012</td>
-  <td>Approved</td>
-</tr>
-...
                  -
                  - - - - -

                  Supported table markup

                  -

                  List of supported table HTML elements and how they should be used.

                  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
                  TagDescription
                  - <table> - - Wrapping element for displaying data in a tabular format -
                  - <thead> - - Container element for table header rows (<tr>) to label table columns -
                  - <tbody> - - Container element for table rows (<tr>) in the body of the table -
                  - <tr> - - Container element for a set of table cells (<td> or <th>) that appears on a single row -
                  - <td> - - Default table cell -
                  - <th> - - Special table cell for column (or row, depending on scope and placement) labels -
                  - <caption> - - Description or summary of what the table holds, especially useful for screen readers -
                  -
                  - 
                  <table>
-  <caption>...</caption>
-  <thead>
-    <tr>
-      <th>...</th>
-      <th>...</th>
-      <th>...</th>
-    </tr>
-  </thead>
-  <tbody>
-    <tr>
-      <td>...</td>
-      <td>...</td>
-      <td>...</td>
-    </tr>
-  </tbody>
-</table>
                  -
                  - - -
                  - - - - -
                  -
                  -

                  Forms

                  -
                  - -

                  Default styles

                  -

                  Individual form controls automatically receive some global styling. By default, inputs are set to width: 100%;.

                  -
                  -
                  - Legend - - -

                  Example block-level help text here.

                  -
                  - -
                  - -
                  -
                  -
                  - 
                  <form>
-  <fieldset>
-    <legend>Legend</legend>
-    <label>Label name</label>
-    <input type="text" placeholder="Type something…">
-    <p class="help-block">Example block-level help text here.</p>
-    <div class="checkbox">
-      <label>
-        <input type="checkbox"> Check me out
-      </label>
-    </div>
-    <button type="submit" class="btn">Submit</button>
-  </fieldset>
-</form>
                  -
                  - - - -

                  Optional layouts

                  -

                  Included with Bootstrap are optional form layouts for common use cases.

                  - -

                  Inline form

                  -

                  Add .form-inline for left-aligned labels and inline-block controls for a compact layout.

                  -
                  - - -
                  - -
                  - -
                  -
                  - 
                  <form class="form-inline">
-  <input type="text" class="span3" placeholder="Email">
-  <input type="password" class="span3" placeholder="Password">
-  <div class="checkbox">
-    <label>
-      <input type="checkbox"> Remember me
-    </label>
-  </div>
-  <button type="submit" class="btn">Sign in</button>
-</form>
                  -
                  - - -

                  Horizontal form

                  -

                  Right align labels and float them to the left to make them appear on the same line as controls. Requires the most markup changes from a default form:

                  -
                    -
                  • Add .form-horizontal to the form
                    • -
                  • Wrap labels and controls in .control-group
                    • -
                  • Add .control-label to the label
                    • -
                  • Wrap any associated controls in .controls for proper alignment
                    • -
                  -
                  -
                  - -
                  - -
                  -
                  -
                  - -
                  - -
                  - -
                  -
                  -
                  -
                  -
                  - -
                  -
                  -
                  -
                  - 
                  <form class="form-horizontal">
-  <div class="control-group">
-    <label class="control-label" for="inputEmail">Email</label>
-    <div class="controls">
-      <input type="text" id="inputEmail" placeholder="Email">
-    </div>
-  </div>
-  <div class="control-group">
-    <label class="control-label" for="inputPassword">Password</label>
-    <div class="controls">
-      <input type="password" id="inputPassword" placeholder="Password">
-      <div class="checkbox">
-        <label>
-          <input type="checkbox"> Remember me
-        </label>
-      </div>
-    </div>
-  </div>
-  <div class="control-group">
-    <div class="controls">
-      <button type="submit" class="btn">Sign in</button>
-    </div>
-  </div>
-</form>
                  -
                  - - - -

                  Supported form controls

                  -

                  Examples of standard form controls supported in an example form layout.

                  - -

                  Inputs

                  -

                  Most common form control, text-based input fields. Includes support for all HTML5 types: text, password, datetime, datetime-local, date, month, time, week, number, email, url, search, tel, and color.

                  -

                  Requires the use of a specified type at all times.

                  -
                  - -
                  -
                  - 
                  <input type="text" placeholder="Text input">
                  -
                  - - -

                  Textarea

                  -

                  Form control which supports multiple lines of text. Change rows attribute as necessary.

                  -
                  - -
                  -
                  - 
                  <textarea rows="3"></textarea>
                  -
                  - - -

                  Checkboxes and radios

                  -

                  Checkboxes are for selecting one or several options in a list while radios are for selecting one option from many.

                  -

                  Default (stacked)

                  -
                  -
                  - -
                  -
                  -
                  - -
                  -
                  - -
                  -
                  -
                  - 
                  <div class="checkbox">
-  <label>
-    <input type="checkbox" value="">
-    Option one is this and that&mdash;be sure to include why it's great
-  </label>
-</div>
-
-<div class="radio">
-  <label>
-    <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
-    Option one is this and that&mdash;be sure to include why it's great
-  </label>
-</div>
                  -
                  - - -

                  Inline checkboxes

                  -

                  Use .checkbox-inline or .radio-inline class to a series of checkboxes or radios for controls appear on the same line.

                  -
                  - - - -
                  -
                  - 
                  <label class="checkbox-inline">
-  <input type="checkbox" id="inlineCheckbox1" value="option1"> 1
-</label>
-<label class="checkbox-inline">
-  <input type="checkbox" id="inlineCheckbox2" value="option2"> 2
-</label>
-<label class="checkbox-inline">
-  <input type="checkbox" id="inlineCheckbox3" value="option3"> 3
-</label>
                  -
                  - - -

                  Selects

                  -

                  Use the default option or specify a multiple="multiple" to show multiple options at once.

                  -
                  - -
                  - -
                  -
                  - 
                  <select>
-  <option>1</option>
-  <option>2</option>
-  <option>3</option>
-  <option>4</option>
-  <option>5</option>
-</select>
-
-<select multiple="multiple">
-  <option>1</option>
-  <option>2</option>
-  <option>3</option>
-  <option>4</option>
-  <option>5</option>
-</select>
                  -
                  - - - - -

                  Form control states

                  -

                  Provide feedback to users or visitors with basic feedback states on form controls and labels.

                  - -

                  Input focus

                  -

                  We remove the default outline styles on some form controls and apply a box-shadow in its place for :focus.

                  -
                  - -
                  -
                  - 
                  <input id="focusedInput" type="text" value="This is focused...">
                  -
                  - - -

                  Invalid inputs

                  -

                  Style inputs via default browser functionality with :invalid. Specify a type, add the required attribute if the field is not optional, and (if applicable) specify a pattern.

                  -

                  This is not available in versions of Internet Explorer 7-9 due to lack of support for CSS pseudo selectors.

                  -
                  - -
                  -
                  - 
                  <input class="span3" type="email" placeholder="test@example.com" required>
                  -
                  - - -

                  Disabled inputs

                  -

                  Add the disabled attribute on an input to prevent user input and trigger a slightly different look.

                  -
                  - -
                  -
                  - 
                  <input id="disabledInput" type="text" placeholder="Disabled input here..." disabled>
                  -
                  - - -

                  Disabled fieldsets

                  -

                  Add the disabled attribute to a <fieldset> to disable all the controls within the <fieldset> at once. Link buttons (with the <a> element) will be aesthetically disabled, but you will need custom JavaScript to disable their behavior.

                  -
                  -
                  -
                  - -
                  -
                  - -
                  -
                  - -
                  - -
                  -
                  -
                  - 
                  <form class="form-inline">
-  <fieldset disabled>
-    <div>
-      <input type="text" class="span4" placeholder="Disabled input">
-    </div>
-    <div>
-      <select class="span4">
-        <option>Disabled select</option>
-      </select>
-    </div>
-    <div class="checkbox">
-      <label>
-        <input type="checkbox"> Can't check this
-      </label>
-    </div>
-    <button type="submit" class="btn btn-primary">Submit</button>
-  </fieldset>
-</form>
                  -
                  - - -

                  Validation states

                  -

                  Bootstrap includes validation styles for error, warning, info, and success messages. To use:

                  -
                    -
                  • Add .has-warning, .has-error, or .has-success to the parent element
                    • -
                  • Add .input-with-feedback to the field(s) in question
                    • -
                  -

                  Validation styles are applied on a per-input basis. With horizontal forms, the <label class="control-label"> will always be styled.

                  - -
                  -
                  - -
                  - -
                  -
                  -
                  - -
                  - -
                  -
                  -
                  - -
                  - -
                  -
                  -
                  -
                  - 
                  <div class="control-group has-warning">
-  <label class="control-label" for="inputWarning">Input with warning</label>
-  <div class="controls">
-    <input type="text" class="input-with-feedback" id="inputWarning">
-  </div>
-</div>
-<div class="control-group has-error">
-  <label class="control-label" for="inputError">Input with error</label>
-  <div class="controls">
-    <input type="text" class="input-with-feedback" id="inputError">
-  </div>
-</div>
-<div class="control-group has-success">
-  <label class="control-label" for="inputSuccess">Input with success</label>
-  <div class="controls">
-    <input type="text" class="input-with-feedback" id="inputSuccess">
-  </div>
-</div>
                  -
                  - - - - -

                  Extending form controls

                  -

                  Adding on top of existing browser controls, Bootstrap includes other useful form components.

                  - -

                  Input groups

                  -

                  Add text or buttons before, after, or on both sides of any text-based input. Use .input-group with a .add-on to prepend or append elements to an <input>.

                  -

                  Avoid using <select> elements here as they cannot be fully styled in WebKit browsers.

                  -
                  -
                  - @ - -
                  -
                  -
                  - - .00 -
                  -
                  -
                  - $ - - .00 -
                  -
                  -
                  - 
                  <div class="input-group span9">
-  <span class="input-group-addon">@</span>
-  <input type="text" placeholder="Username">
-</div>
-
-<div class="input-group span6">
-  <input type="text">
-  <span class="input-group-addon">.00</span>
-</div>
-
-<div class="input-group span3">
-  <span class="input-group-addon">$</span>
-  <input type="text">
-  <span class="input-group-addon">.00</span>
-</div>
                  -
                  - - -

                  Optional sizes

                  -

                  Add the relative form sizing classes to the `.input-group-addon`.

                  -
                  -
                  - @ - -
                  -
                  -
                  - @ - -
                  -
                  -
                  - @ - -
                  -
                  -
                  - 
                  <div class="input-group span9">
-  <span class="input-group-addon input-large">@</span>
-  <input type="text" class="input-large" placeholder="Username">
-</div>
-
-<div class="input-group span9">
-  <span class="input-group-addon">@</span>
-  <input type="text" placeholder="Username">
-</div>
-
-<div class="input-group span9">
-  <span class="input-group-addon input-small">@</span>
-  <input type="text" class="input-small" placeholder="Username">
-</div>
                  -
                  - - -

                  Buttons instead of text

                  -

                  Buttons in input groups are a bit different and require one extra level of nesting. Instead of .input-group-addon, you'll need to use .input-group-btn to wrap the buttons. This is required due to default browser styles that cannot be overridden.

                  -
                  -
                  - - - - -
                  -
                  -
                  - - - - -
                  -
                  -
                  - 
                  <div class="input-group span7">
-  <span class="input-group-btn">
-    <button class="btn" type="button">Go!</button>
-  </span>
-  <input type="text">
-</div>
-
-<div class="input-group span7">
-  <input type="text">
-  <span class="input-group-btn">
-    <button class="btn" type="button">Go!</button>
-  </span>
-</div>
                  -
                  - - -

                  Button dropdowns

                  -

                  -
                  -
                  -
                  - - -
                  - -
                  -
                  -
                  - -
                  - - -
                  -
                  -
                  -
                  - 
                  <div class="input-group span7">
-  <div class="input-group-btn">
-    <button class="btn dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></button>
-    <ul class="dropdown-menu">
-      <li><a href="#">Action</a></li>
-      <li><a href="#">Another action</a></li>
-      <li><a href="#">Something else here</a></li>
-      <li class="divider"></li>
-      <li><a href="#">Separated link</a></li>
-    </ul>
-  </div><!-- /btn-group -->
-  <input type="text">
-</div><!-- /input-group -->
-
-<div class="input-group span7">
-  <input type="text">
-  <div class="input-group-btn">
-    <button class="btn dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></button>
-    <ul class="dropdown-menu">
-      <li><a href="#">Action</a></li>
-      <li><a href="#">Another action</a></li>
-      <li><a href="#">Something else here</a></li>
-      <li class="divider"></li>
-      <li><a href="#">Separated link</a></li>
-    </ul>
-  </div><!-- /btn-group -->
-</div><!-- /input-group -->
                  -
                  - - -

                  Segmented dropdown groups

                  -
                  -
                  -
                  - - - -
                  - -
                  - -
                  - -
                  - -
                  - - - -
                  -
                  -
                  -
                  - 
                  <div class="input-group span7">
-  <div class="input-group-btn">
-    <!-- Button and dropdown menu -->
-  </div>
-  <input type="text">
-</div>
-
-<div class="input-group span7">
-  <input type="text">
-  <div class="input-group-btn btn-group">
-    <!-- Button and dropdown menu -->
-  </div>
-</div>
                  -
                  - - -

                  Control sizing

                  -

                  Use relative sizing classes like .input-large or match your inputs to the grid column sizes using .span* classes.

                  - -

                  Relative sizing

                  -

                  Create larger or smaller form controls that match button sizes.

                  -
                  -
                  - - - -
                  -
                  -
                  - 
                  <input class="input-large" type="text" placeholder=".input-large">
-<input type="text" placeholder="Default input">
-<input class="input-small" type="text" placeholder=".input-small">
                  -
                  - - -

                  Column sizing

                  -

                  Use .span1 to .span12 for setting widths on inputs that match Bootstrap's grid system.

                  -
                  -
                  - - - - - - -
                  -
                  -
                  - 
                  <input class="span1" type="text" placeholder=".span1">
-<input class="span2" type="text" placeholder=".span2">
-<input class="span3" type="text" placeholder=".span3">
-<select class="span1">
-  ...
-</select>
-<select class="span2">
-  ...
-</select>
-<select class="span3">
-  ...
-</select>
                  -
                  - - -

                  If you need multiple inputs on the same line, wrap them in the standard grid markup (with .row and .span* classes). Each input should have it's own column and will expand to fill the available width automatically.

                  -
                  -
                  -
                  - -
                  -
                  - -
                  -
                  - -
                  -
                  -
                  -
                  - 
                  <div class="row">
-  <div class="span4">
-    <input type="text" placeholder=".span4">
-  </div>
-  <div class="span4">
-    <input type="text" placeholder=".span4">
-  </div>
-  <div class="span4">
-    <input type="text" placeholder=".span4">
-  </div>
-</div>
                  -
                  - - -

                  Uneditable inputs

                  -

                  Present data in a form that's not editable without using actual form markup.

                  -
                  - Some value here -
                  -
                  - 
                  <span class="uneditable-input">Some value here</span>
                  -
                  - - -

                  Form actions

                  -

                  End a form with a group of actions (buttons). When placed within a .form-horizontal, the buttons will automatically indent to line up with the form controls.

                  -
                  -
                  - - -
                  -
                  -
                  - 
                  <div class="form-actions">
-  <button type="submit" class="btn btn-primary">Save changes</button>
-  <button type="button" class="btn">Cancel</button>
-</div>
                  -
                  - - -

                  Help text

                  -

                  Inline and block level support for help text that appears around form controls.

                  -

                  Inline help

                  -
                  - Inline help text -
                  -
                  - 
                  <input type="text">
-<span class="help-inline">Inline help text</span>
                  -
                  - - -

                  Block help

                  -
                  - - A longer block of help text that breaks onto a new line and may extend beyond one line. -
                  -
                  - 
                  <input type="text">
-<span class="help-block">A longer block of help text that breaks onto a new line and may extend beyond one line.</span>
                  -
                  - - -
                  - - - - -
                  -
                  -

                  Buttons

                  -
                  - -

                  Default buttons

                  -

                  Button styles can be applied to anything with the .btn class applied. However, typically you'll want to apply these to only <a> and <button> elements for the best rendering.

                  -
                  - - - - - - - -
                  -
                  - 
                  <!-- Standard gray button with gradient -->
-<button type="button" class="btn btn-default">Default</button>
-
-<!-- Provides extra visual weight and identifies the primary action in a set of buttons -->
-<button type="button" class="btn btn-primary">Primary</button>
-
-<!-- Indicates a successful or positive action -->
-<button type="button" class="btn btn-success">Success</button>
-
-<!-- Contextual button for informational alert messages -->
-<button type="button" class="btn btn-info">Info</button>
-
-<!-- Indicates caution should be taken with this action -->
-<button type="button" class="btn btn-warning">Warning</button>
-
-<!-- Indicates a dangerous or potentially negative action -->
-<button type="button" class="btn btn-danger">Danger</button>
-
-<!-- Deemphasize a button by making it look like a link while maintaining button behavior -->
-<button type="button" class="btn btn-link">Link</button>
                  -
                  - - -

                  Cross browser compatibility

                  -

                  IE9 doesn't crop background gradients on rounded corners, so we remove it. Related, IE9 jankifies disabled button elements, rendering text gray with a nasty text-shadow that we cannot fix.

                  - - -

                  Button sizes

                  -

                  Fancy larger or smaller buttons? Add .btn-large, .btn-small, or .btn-mini for additional sizes.

                  -
                  -

                  - - -

                  -

                  - - -

                  -

                  - - -

                  -

                  - - -

                  -
                  -
                  - 
                  <p>
-  <button type="button" class="btn btn-large btn-primary">Large button</button>
-  <button type="button" class="btn btn-large">Large button</button>
-</p>
-<p>
-  <button type="button" class="btn btn-primary">Default button</button>
-  <button type="button" class="btn">Default button</button>
-</p>
-<p>
-  <button type="button" class="btn btn-small btn-primary">Small button</button>
-  <button type="button" class="btn btn-small">Small button</button>
-</p>
-<p>
-  <button type="button" class="btn btn-mini btn-primary">Mini button</button>
-  <button type="button" class="btn btn-mini">Mini button</button>
-</p>
                  -
                  - - -

                  Create block level buttons—those that span the full width of a parent— by adding .btn-block.

                  -
                  -
                  - - -
                  -
                  -
                  - 
                  <button type="button" class="btn btn-large btn-block btn-primary">Block level button</button>
-<button type="button" class="btn btn-large btn-block">Block level button</button>
                  -
                  - - - -

                  Disabled state

                  -

                  Make buttons look unclickable by fading them back 50%.

                  - -

                  Button element

                  -

                  Add the disabled attribute to <button> buttons.

                  -

                  - - -

                  -
                  - 
                  <button type="button" class="btn btn-large btn-primary disabled" disabled="disabled">Primary button</button>
-<button type="button" class="btn btn-large" disabled="disabled">Button</button>
                  -
                  - - -

                  Anchor element

                  -

                  Add the .disabled class to <a> buttons.

                  -

                  - Primary link - Link -

                  -
                  - 
                  <a href="#" class="btn btn-large btn-primary disabled">Primary link</a>
-<a href="#" class="btn btn-large disabled">Link</a>
                  -
                  - -

                  - We use .disabled as a utility class here, similar to the common .active class, so no prefix is required. Also, this class is only for aesthetic; you must use custom JavaScript to disable links here. -

                  - - -

                  One class, multiple tags

                  -

                  Use the .btn class on an <a>, <button>, or <input> element.

                  -
                  - Link - - - -
                  -
                  - 
                  <a class="btn" href="">Link</a>
-<button class="btn" type="submit">Button</button>
-<input class="btn" type="button" value="Input">
-<input class="btn" type="submit" value="Submit">
                  -
                  - -

                  As a best practice, we highly recommend matching using the <button< element whenever possible to ensure matching cross-browser rendering.

                  - -
                  - - - - -
                  -
                  -

                  Images

                  -
                  - -

                  Add classes to an <img> element to easily style images in any project. Rounded corners are not available in IE8.

                  -
                  - - - -
                  -
                  - 
                  <img src="..." class="img-rounded">
-<img src="..." class="img-circle">
-<img src="..." class="img-thumbnail">
                  -
                  - - -
                  - - - - -
                  -
                  -

                  Icons font by Glyphicons

                  -
                  - -

                  Included glyphs

                  -

                  Bootstrap comes with all 160 of Glyphicons Halflings set, all available in font formats for easy coloring, sizing, and placement.

                  - -
                    -
                  • glyphicon-glass
                    • -
                  • glyphicon-music
                    • -
                  • glyphicon-search
                    • -
                  • glyphicon-envelope
                    • -
                  • glyphicon-heart
                    • -
                  • glyphicon-star
                    • -
                  • glyphicon-star-empty
                    • -
                  • glyphicon-user
                    • -
                  • glyphicon-film
                    • -
                  • glyphicon-th-large
                    • -
                  • glyphicon-th
                    • -
                  • glyphicon-th-list
                    • -
                  • glyphicon-ok
                    • -
                  • glyphicon-remove
                    • -
                  • glyphicon-zoom-in
                    • -
                  • glyphicon-zoom-out
                    • -
                  • glyphicon-off
                    • -
                  • glyphicon-signal
                    • -
                  • glyphicon-cog
                    • -
                  • glyphicon-trash
                    • -
                  • glyphicon-home
                    • -
                  • glyphicon-file
                    • -
                  • glyphicon-time
                    • -
                  • glyphicon-road
                    • -
                  • glyphicon-download-alt
                    • -
                  • glyphicon-download
                    • -
                  • glyphicon-upload
                    • -
                  • glyphicon-inbox
                    • - -
                  • glyphicon-play-circle
                    • -
                  • glyphicon-repeat
                    • -
                  • glyphicon-refresh
                    • -
                  • glyphicon-list-alt
                    • -
                  • glyphicon-lock
                    • -
                  • glyphicon-flag
                    • -
                  • glyphicon-headphones
                    • -
                  • glyphicon-volume-off
                    • -
                  • glyphicon-volume-down
                    • -
                  • glyphicon-volume-up
                    • -
                  • glyphicon-qrcode
                    • -
                  • glyphicon-barcode
                    • -
                  • glyphicon-tag
                    • -
                  • glyphicon-tags
                    • -
                  • glyphicon-book
                    • -
                  • glyphicon-bookmark
                    • -
                  • glyphicon-print
                    • -
                  • glyphicon-camera
                    • -
                  • glyphicon-font
                    • -
                  • glyphicon-bold
                    • -
                  • glyphicon-italic
                    • -
                  • glyphicon-text-height
                    • -
                  • glyphicon-text-width
                    • -
                  • glyphicon-align-left
                    • -
                  • glyphicon-align-center
                    • -
                  • glyphicon-align-right
                    • -
                  • glyphicon-align-justify
                    • -
                  • glyphicon-list
                    • - -
                  • glyphicon-indent-left
                    • -
                  • glyphicon-indent-right
                    • -
                  • glyphicon-facetime-video
                    • -
                  • glyphicon-picture
                    • -
                  • glyphicon-pencil
                    • -
                  • glyphicon-map-marker
                    • -
                  • glyphicon-adjust
                    • -
                  • glyphicon-tint
                    • -
                  • glyphicon-edit
                    • -
                  • glyphicon-share
                    • -
                  • glyphicon-check
                    • -
                  • glyphicon-move
                    • -
                  • glyphicon-step-backward
                    • -
                  • glyphicon-fast-backward
                    • -
                  • glyphicon-backward
                    • -
                  • glyphicon-play
                    • -
                  • glyphicon-pause
                    • -
                  • glyphicon-stop
                    • -
                  • glyphicon-forward
                    • -
                  • glyphicon-fast-forward
                    • -
                  • glyphicon-step-forward
                    • -
                  • glyphicon-eject
                    • -
                  • glyphicon-chevron-left
                    • -
                  • glyphicon-chevron-right
                    • -
                  • glyphicon-plus-sign
                    • -
                  • glyphicon-minus-sign
                    • -
                  • glyphicon-remove-sign
                    • -
                  • glyphicon-ok-sign
                    • - -
                  • glyphicon-question-sign
                    • -
                  • glyphicon-info-sign
                    • -
                  • glyphicon-screenshot
                    • -
                  • glyphicon-remove-circle
                    • -
                  • glyphicon-ok-circle
                    • -
                  • glyphicon-ban-circle
                    • -
                  • glyphicon-arrow-left
                    • -
                  • glyphicon-arrow-right
                    • -
                  • glyphicon-arrow-up
                    • -
                  • glyphicon-arrow-down
                    • -
                  • glyphicon-share-alt
                    • -
                  • glyphicon-resize-full
                    • -
                  • glyphicon-resize-small
                    • -
                  • glyphicon-plus
                    • -
                  • glyphicon-minus
                    • -
                  • glyphicon-asterisk
                    • -
                  • glyphicon-exclamation-sign
                    • -
                  • glyphicon-gift
                    • -
                  • glyphicon-leaf
                    • -
                  • glyphicon-fire
                    • -
                  • glyphicon-eye-open
                    • -
                  • glyphicon-eye-close
                    • -
                  • glyphicon-warning-sign
                    • -
                  • glyphicon-plane
                    • -
                  • glyphicon-calendar
                    • -
                  • glyphicon-random
                    • -
                  • glyphicon-comment
                    • -
                  • glyphicon-magnet
                    • - -
                  • glyphicon-chevron-up
                    • -
                  • glyphicon-chevron-down
                    • -
                  • glyphicon-retweet
                    • -
                  • glyphicon-shopping-cart
                    • -
                  • glyphicon-folder-close
                    • -
                  • glyphicon-folder-open
                    • -
                  • glyphicon-resize-vertical
                    • -
                  • glyphicon-resize-horizontal
                    • -
                  • glyphicon-hdd
                    • -
                  • glyphicon-bullhorn
                    • -
                  • glyphicon-bell
                    • -
                  • glyphicon-certificate
                    • -
                  • glyphicon-thumbs-up
                    • -
                  • glyphicon-thumbs-down
                    • -
                  • glyphicon-hand-right
                    • -
                  • glyphicon-hand-left
                    • -
                  • glyphicon-hand-up
                    • -
                  • glyphicon-hand-down
                    • -
                  • glyphicon-circle-arrow-right
                    • -
                  • glyphicon-circle-arrow-left
                    • -
                  • glyphicon-circle-arrow-up
                    • -
                  • glyphicon-circle-arrow-down
                    • -
                  • glyphicon-globe
                    • -
                  • glyphicon-wrench
                    • -
                  • glyphicon-tasks
                    • -
                  • glyphicon-filter
                    • -
                  • glyphicon-briefcase
                    • -
                  • glyphicon-fullscreen
                    • - -
                  • glyphicon-dashboard
                    • -
                  • glyphicon-paperclip
                    • -
                  • glyphicon-heart-empty
                    • -
                  • glyphicon-link
                    • -
                  • glyphicon-phone
                    • -
                  • glyphicon-pushpin
                    • -
                  • glyphicon-euro
                    • -
                  • glyphicon-usd
                    • -
                  • glyphicon-gbp
                    • -
                  • glyphicon-sort
                    • -
                  • glyphicon-sort-by-alphabet
                    • -
                  • glyphicon-sort-by-alphabet-alt
                    • -
                  • glyphicon-sort-by-order
                    • -
                  • glyphicon-sort-by-order-alt
                    • -
                  • glyphicon-sort-by-attributes
                    • -
                  • glyphicon-sort-by-attributes-alt
                    • -
                  • glyphicon-unchecked
                    • -
                  • glyphicon-expand
                    • -
                  • glyphicon-collapse
                    • -
                  • glyphicon-collapse-top
                    • - -
                  - -

                  Glyphicons attribution

                  -

                  Glyphicons Halflings are normally not available for free, but an arrangement between Bootstrap and the Glyphicons creator have made this possible at no cost to you as developers. As a thank you, we ask you to include an optional link back to Glyphicons whenever practical.

                  - - -

                  How to use

                  -

                  Add the appropriate class to any inline element. All icon classes are prefixed with glyphicon- for easy styling. To use, place the following code just about anywhere:

                  -
                  - 
                  <span class="glyphicon glyphicon-search"></span>
                  -
                  - -

                  Want to change the icon color? Just change the color of the parent element.

                  -

                  When using beside strings of text, as in buttons or nav links, be sure to leave a space after the icon for proper spacing.

                  - - -

                  Icon examples

                  -

                  Use them in buttons, button groups for a toolbar, navigation, or prepended form inputs.

                  - -

                  Buttons

                  - -
                  Button group in a button toolbar
                  -
                  -
                  -
                  - - - - -
                  -
                  -
                  -
                  - 
                  <div class="btn-toolbar">
-  <div class="btn-group">
-    <a class="btn" href="#"><span class="glyphicon glyphicon-align-left"></span></a>
-    <a class="btn" href="#"><span class="glyphicon glyphicon-align-center"></span></a>
-    <a class="btn" href="#"><span class="glyphicon glyphicon-align-right"></span></a>
-    <a class="btn" href="#"><span class="glyphicon glyphicon-align-justify"></span></a>
-  </div>
-</div>
                  -
                  - - -
                  Dropdown in a button group
                  -
                  -
                  - User - - -
                  -
                  -
                  - 
                  <div class="btn-group">
-  <a class="btn btn-primary" href="#"><span class="glyphicon glyphicon-user"></span> User</a>
-  <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a>
-  <ul class="dropdown-menu">
-    <li><a href="#"><span class="glyphicon glyphicon-pencil"></span> Edit</a></li>
-    <li><a href="#"><span class="glyphicon glyphicon-trash"></span> Delete</a></li>
-    <li><a href="#"><span class="glyphicon glyphicon-ban-circle"></span> Ban</a></li>
-    <li class="divider"></li>
-    <li><a href="#"><span class="glyphicon glyphicon-"></span> Make admin</a></li>
-  </ul>
-</div>
                  -
                  - - -
                  Large button
                  -
                  - Star -
                  -
                  - 
                  <a class="btn btn-large" href="#"><span class="glyphicon glyphicon-star"></span> Star</a>
                  -
                  - - -
                  Small button
                  -
                  - -
                  -
                  - 
                  <a class="btn btn-small" href="#"><span class="glyphicon glyphicon-star"></span></a>
                  -
                  - - - -

                  Navigation

                  -
                  - -
                  -
                  - 
                  <ul class="nav nav-list">
-  <li class="active"><a href="#"><span class="glyphicon glyphicon-home"></span> Home</a></li>
-  <li><a href="#"><span class="glyphicon glyphicon-book"></span> Library</a></li>
-  <li><a href="#"><span class="glyphicon glyphicon-pencil"></span> Applications</a></li>
-  <li><a href="#"><span class="glyphicon glyphicon-"></span> Misc</a></li>
-</ul>
                  -
                  - - -

                  Form fields

                  -
                  -
                  - -
                  -
                  - - -
                  -
                  -
                  -
                  -
                  - 
                  <div class="control-group">
-  <label class="control-label" for="inputIcon">Email address</label>
-  <div class="controls">
-    <div class="input-group">
-      <span class="input-group-addon"><span class="glyphicon glyphicon-envelope"></span></span>
-      <input class="span2" id="inputIcon" type="text">
-    </div>
-  </div>
-</div>
                  -
                  - - -
                  - - - - -
                  -
                  -

                  Responsive utilities

                  -
                  -

                  For faster mobile-friendly development, use these utility classes for showing and hiding content by device via media query. Also included are utility classes for toggling content when printed.

                  - -

                  Responsive classes

                  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
                  ClassPhones 767px and belowTablets 979px to 768pxDesktops Default
                  .visible-phoneVisible
                  .visible-tabletVisible
                  .visible-desktopVisible
                  .hidden-phoneVisibleVisible
                  .hidden-tabletVisibleVisible
                  .hidden-desktopVisibleVisible
                  - -

                  Print classes

                  - - - - - - - - - - - - - - - - - - - - -
                  ClassBrowserPrint
                  .visible-printVisible
                  .hidden-printVisible
                  - -

                  When to use

                  -

                  Use on a limited basis and avoid creating entirely different versions of the same site. Instead, use them to complement each device's presentation. Responsive utilities should not be used with tables, and as such are not supported.

                  - -

                  Test case

                  -

                  Resize your browser or load on different devices to test the above classes.

                  -

                  Visible on...

                  -

                  Green checkmarks indicate that class is visible in your current viewport.

                  -
                    -
                  • Phone✔ Phone
                    • -
                  • Tablet✔ Tablet
                    • -
                  • Desktop✔ Desktop
                    • -
                  -

                  Hidden on...

                  -

                  Here, green checkmarks indicate that class is hidden in your current viewport.

                  -
                    -
                  • Phone✔ Phone
                    • -
                  • Tablet✔ Tablet
                    • -
                  • Desktop✔ Desktop
                    • -
                  - -
                  - - - -
                  -
                  - -
                  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/docs/_site/customize.html b/docs/_site/customize.html deleted file mode 100644 index 17812fc92..000000000 --- a/docs/_site/customize.html +++ /dev/null @@ -1,542 +0,0 @@ - - - - - - - - - - - - Customize and download · Bootstrap - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
                  -
                  - - Bootstrap -
                  - -
                  -
                  -
                  - - - - -
                  -
                  -

                  Customize and download

                  -

                  Download Bootstrap or customize variables, components, JavaScript plugins, and more.

                  -
                  -
                  - - -
                  - - -
                  -
                  - -
                  -
                  - - - -
                  -
                  -
                  - Toggle all -

                  - 1. Choose components -

                  -
                  -
                  -
                  -

                  Scaffolding

                  - - - - - -

                  Base CSS

                  - - - - - - - -
                  -
                  -

                  Components

                  - - - - - - - - - - - -

                  JS Components

                  - - - - - - -
                  -
                  -

                  Miscellaneous

                  - - - - -

                  Responsive

                  - - - - - -
                  -
                  -
                  - -
                  -
                  - Toggle all -

                  - 2. Select jQuery plugins -

                  -
                  -
                  -
                  - - - - - - - -
                  -
                  - - - - - - -
                  -
                  -

                  Heads up!

                  -

                  All checked plugins will be compiled into a single file, bootstrap.js. All plugins require the latest version of jQuery to be included.

                  -
                  -
                  -
                  - - -
                  -
                  - Reset to defaults -

                  - 3. Customize variables -

                  -
                  -
                  -
                  -

                  Scaffolding

                  - - - - - -

                  Links

                  - - - - - -

                  Grid system

                  - - - - - - - - - - - - - - - -
                  -
                  - -

                  Typography

                  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

                  Tables

                  - - - - - - - - - -

                  Forms

                  - - - - - - - - - - - - - - - - - -
                  -
                  - -

                  Form states & alerts

                  - - - - - - - - - - - - - - - - - -

                  Navbar

                  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

                  Dropdowns

                  - - - - - - - - - - -
                  -
                  -
                  - -
                  -
                  -

                  - 4. Download -

                  -
                  -
                  - Customize and Download -

                  What's included?

                  -

                  Downloads include compiled CSS, compiled and minified CSS, and compiled jQuery plugins, all nicely packed up into a zipball for your convenience.

                  -
                  -
                  -
                  - - - -
                  -
                  - -
                  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/docs/_site/examples/carousel.html b/docs/_site/examples/carousel.html deleted file mode 100644 index 2cc07b5e6..000000000 --- a/docs/_site/examples/carousel.html +++ /dev/null @@ -1,491 +0,0 @@ - - - - - - - - - - - - Carousel template · Bootstrap - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
                  - -
                  - -
                  -
                  - - - Project name - -
                  - -
                  -
                  -
                  - -
                  -
                  - - - - - - - - - - - -
                  - - -
                  -
                  - -

                  Heading

                  -

                  Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

                  -

                  View details »

                  -
                  -
                  - -

                  Heading

                  -

                  Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

                  -

                  View details »

                  -
                  -
                  - -

                  Heading

                  -

                  Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

                  -

                  View details »

                  -
                  -
                  - - - - -
                  - -
                  - -

                  First featurette headling. It'll blow your mind.

                  -

                  Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.

                  -
                  - -
                  - -
                  - -

                  Oh yeah, it's that good. See for yourself.

                  -

                  Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.

                  -
                  - -
                  - -
                  - -

                  And lastly, this one. Checkmate.

                  -

                  Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.

                  -
                  - -
                  - - - - - - - -
                  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/docs/_site/examples/grid.html b/docs/_site/examples/grid.html deleted file mode 100644 index 727bbdef0..000000000 --- a/docs/_site/examples/grid.html +++ /dev/null @@ -1,152 +0,0 @@ - - - - - - - - - - - - Grid template · Bootstrap - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
                  - -
                  -

                  Grids

                  -
                  - -

                  Default grid columns

                  -
                  -
                  -
                  1
                  -
                  1
                  -
                  1
                  -
                  1
                  -
                  1
                  -
                  1
                  -
                  1
                  -
                  1
                  -
                  1
                  -
                  1
                  -
                  1
                  -
                  1
                  -
                  -
                  -
                  4
                  -
                  4
                  -
                  4
                  -
                  -
                  -
                  6
                  -
                  6
                  -
                  -
                  -
                  12
                  -
                  -
                  - -
                  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/docs/_site/examples/jumbotron-narrow.html b/docs/_site/examples/jumbotron-narrow.html deleted file mode 100644 index a6ed7ca1c..000000000 --- a/docs/_site/examples/jumbotron-narrow.html +++ /dev/null @@ -1,222 +0,0 @@ - - - - - - - - - - - - Narrow page template · Bootstrap - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
                  -
                  - -

                  Project name

                  -
                  - -
                  -

                  Jumbotron heading

                  -

                  Cras justo odio, dapibus ac facilisis in, egestas eget quam. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

                  -

                  Sign up today

                  -
                  - -
                  -
                  -

                  Subheading

                  -

                  Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum.

                  - -

                  Subheading

                  -

                  Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum.

                  - -

                  Subheading

                  -

                  Maecenas sed diam eget risus varius blandit sit amet non magna.

                  -
                  - -
                  -

                  Subheading

                  -

                  Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum.

                  - -

                  Subheading

                  -

                  Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum.

                  - -

                  Subheading

                  -

                  Maecenas sed diam eget risus varius blandit sit amet non magna.

                  -
                  -
                  - -
                  -

                  © Company 2013

                  -
                  - -
                  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/docs/_site/examples/jumbotron.html b/docs/_site/examples/jumbotron.html deleted file mode 100644 index 5b7fa5eb5..000000000 --- a/docs/_site/examples/jumbotron.html +++ /dev/null @@ -1,200 +0,0 @@ - - - - - - - - - - - - Jumbotron template · Bootstrap - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
                  -
                  - - - - - - Project name -
                  - -
                  - - - -
                  -
                  -
                  -
                  - -
                  - - -
                  -

                  Hello, world!

                  -

                  This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.

                  -

                  Learn more »

                  -
                  - -
                  - - -
                  -
                  -

                  Heading

                  -

                  Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

                  -

                  View details »

                  -
                  -
                  -

                  Heading

                  -

                  Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

                  -

                  View details »

                  -
                  -
                  -

                  Heading

                  -

                  Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

                  -

                  View details »

                  -
                  -
                  - -
                  - -
                  -

                  © Company 2013

                  -
                  -
                  - -
                  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/docs/_site/examples/justified-nav.html b/docs/_site/examples/justified-nav.html deleted file mode 100644 index 9dddee2d0..000000000 --- a/docs/_site/examples/justified-nav.html +++ /dev/null @@ -1,234 +0,0 @@ - - - - - - - - - - - - Justified nav template · Bootstrap - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
                  - -
                  -

                  Project name

                  - -
                  - - -
                  -

                  Marketing stuff!

                  -

                  Cras justo odio, dapibus ac facilisis in, egestas eget quam. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet.

                  -

                  Get started today

                  -
                  - - -
                  - - -
                  -
                  -

                  Heading

                  -

                  Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

                  -

                  View details »

                  -
                  -
                  -

                  Heading

                  -

                  Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

                  -

                  View details »

                  -
                  -
                  -

                  Heading

                  -

                  Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa.

                  -

                  View details »

                  -
                  -
                  - -
                  - - -
                  -

                  © Company 2013

                  -
                  - -
                  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/docs/_site/examples/navbar-fixed-top.html b/docs/_site/examples/navbar-fixed-top.html deleted file mode 100644 index 288a580b6..000000000 --- a/docs/_site/examples/navbar-fixed-top.html +++ /dev/null @@ -1,155 +0,0 @@ - - - - - - - - - - - - Fixed navbar template · Bootstrap - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
                  -
                  - - - - - - Project name -
                  - - -
                  -
                  -
                  - -
                  - - -
                  -

                  Navbar example

                  -

                  This example is a quick exercise to illustrate how the default, static navbar and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.

                  -

                  - View navbar docs » -

                  -
                  - -
                  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/docs/_site/examples/navbar-static-top.html b/docs/_site/examples/navbar-static-top.html deleted file mode 100644 index d202c07af..000000000 --- a/docs/_site/examples/navbar-static-top.html +++ /dev/null @@ -1,152 +0,0 @@ - - - - - - - - - - - - Static navbar template · Bootstrap - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
                  -
                  - - - - - - Project name -
                  - - -
                  -
                  -
                  - - -
                  - - -
                  -

                  Navbar example

                  -

                  This example is a quick exercise to illustrate how the default, static navbar and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.

                  -

                  - View navbar docs » -

                  -
                  - -
                  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/docs/_site/examples/navbar.html b/docs/_site/examples/navbar.html deleted file mode 100644 index d19e0dea2..000000000 --- a/docs/_site/examples/navbar.html +++ /dev/null @@ -1,155 +0,0 @@ - - - - - - - - - - - - Navbar template · Bootstrap - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
                  - - -
                  -
                  - - - - - - Project name -
                  - - -
                  -
                  -
                  - - -
                  -

                  Navbar example

                  -

                  This example is a quick exercise to illustrate how the default, static navbar and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.

                  -

                  - View navbar docs » -

                  -
                  - -
                  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/docs/_site/examples/signin.html b/docs/_site/examples/signin.html deleted file mode 100644 index 4ddea343b..000000000 --- a/docs/_site/examples/signin.html +++ /dev/null @@ -1,156 +0,0 @@ - - - - - - - - - - - - Sign in form template · Bootstrap - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
                  - - - -
                  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/docs/_site/examples/starter-template.html b/docs/_site/examples/starter-template.html deleted file mode 100644 index 73144cea5..000000000 --- a/docs/_site/examples/starter-template.html +++ /dev/null @@ -1,132 +0,0 @@ - - - - - - - - - - - - Starter template · Bootstrap - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
                  -
                  -
                  - - Project name -
                  - -
                  -
                  -
                  -
                  - -
                  - -
                  -

                  Bootstrap starter template

                  -

                  Use this document as a way to quickly start any new project.
                  All you get is this text and a mostly barebones HTML document.

                  -
                  - -
                  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/docs/_site/examples/sticky-footer-navbar.html b/docs/_site/examples/sticky-footer-navbar.html deleted file mode 100644 index 788a04353..000000000 --- a/docs/_site/examples/sticky-footer-navbar.html +++ /dev/null @@ -1,205 +0,0 @@ - - - - - - - - - - - - Sticky footer with navbar template · Bootstrap - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
                  - - -
                  -
                  - - Project name -
                  - -
                  -
                  -
                  - - -
                  -
                  -

                  Sticky footer with fixed navbar

                  -
                  -

                  Pin a fixed-height footer to the bottom of the viewport in desktop browsers with this custom HTML and CSS. A fixed navbar has been added within #wrap with padding-top: 60px; on the .container.

                  -

                  Back to the default sticky footer minus the navbar.

                  -
                  - -
                  -
                  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/docs/_site/examples/sticky-footer.html b/docs/_site/examples/sticky-footer.html deleted file mode 100644 index 16b7baebc..000000000 --- a/docs/_site/examples/sticky-footer.html +++ /dev/null @@ -1,169 +0,0 @@ - - - - - - - - - - - - Sticky footer template · Bootstrap - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
                  - - -
                  -
                  -

                  Sticky footer

                  -
                  -

                  Pin a fixed-height footer to the bottom of the viewport in desktop browsers with this custom HTML and CSS.

                  -

                  Use the sticky footer with a fixed navbar if need be, too.

                  -
                  - -
                  -
                  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/docs/_site/getting-started.html b/docs/_site/getting-started.html deleted file mode 100644 index 81cf87845..000000000 --- a/docs/_site/getting-started.html +++ /dev/null @@ -1,462 +0,0 @@ - - - - - - - - - - - - Getting started · Bootstrap - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
                  -
                  - - Bootstrap -
                  - -
                  -
                  -
                  - - - - -
                  -
                  -

                  Getting started

                  -

                  Overview of the project, its contents, and how to get started with a simple template.

                  -
                  -
                  - - -
                  - - -
                  -
                  - -
                  -
                  - - - - -
                  -
                  -

                  1. Download

                  -
                  -

                  Before downloading, be sure to have a code editor (we recommend Sublime Text 2) and some working knowledge of HTML and CSS. We won't walk through the source files here, but they are available for download. We'll focus on getting started with the compiled Bootstrap files.

                  - -
                  -
                  -

                  Compiled

                  -

                  Fastest way to get started: get the compiled and minified versions of our CSS, JS, and images. No docs or original source files.

                  -

                  Download Bootstrap

                  -
                  -
                  -

                  Source

                  -

                  Get the original files for all CSS and JavaScript, along with a local copy of the docs by downloading the latest version directly from GitHub.

                  -

                  Download Bootstrap source

                  -
                  -
                  -

                  Bower

                  -

                  Install and manage the original files for all CSS and JavaScript, along with a local copy of the docs, using Bower.

                  -
                  - 
                  bower install bootstrap
                  -
                  - -
                  -
                  -
                  - - - - -
                  -
                  -

                  2. File structure

                  -
                  -

                  Within the download you'll find the following file structure and contents, logically grouping common assets and providing both compiled and minified variations.

                  -

                  Once downloaded, unzip the compressed folder to see the structure of (the compiled) Bootstrap. You'll see something like this:

                  - -
                  - 
                  bootstrap/
-  ├── css/
-  │   ├── bootstrap.css
-  │   ├── bootstrap.min.css
-  ├── js/
-  │   ├── bootstrap.js
-  │   ├── bootstrap.min.js
-  └── fonts/
-      ├── glyphiconshalflings-regular.eot
-      ├── glyphiconshalflings-regular.otf
-      ├── glyphiconshalflings-regular.svg
-      ├── glyphiconshalflings-regular.ttf
-      └── glyphiconshalflings-regular.woff
                  -
                  - - -

                  This is the most basic form of Bootstrap: compiled files for quick drop-in usage in nearly any web project. We provide compiled CSS and JS (bootstrap.*), as well as compiled and minified CSS and JS (bootstrap.min.*). The image files are compressed using ImageOptim, a Mac app for compressing PNGs.

                  -

                  Please note that all JavaScript plugins require jQuery to be included.

                  -
                  - - - - -
                  -
                  -

                  3. What's included

                  -
                  -

                  Bootstrap comes equipped with HTML, CSS, and JS for all sorts of things, but they can be summarized with a handful of categories visible at the top of the Bootstrap documentation.

                  - -

                  Docs sections

                  -

                  In addition to the getting started documentation you're reading now, the Bootstrap docs are broken into a few key pages.

                  - -

                  Core CSS

                  -

                  Global styles for the body, Normalize, links, grid system, tables, forms, buttons, icons, and more.

                  -

                  Components

                  -

                  Basic styles for common interface components like tabs and pills, navbar, alerts, page headers, and more. Head here to see what kind of custom components Bootstrap has to offer beyond basic HTML elements.

                  -

                  JavaScript plugins

                  -

                  Similar to Components, these JavaScript plugins are interactive components for things like tooltips, popovers, modals, and more.

                  -
                  - - - - -
                  -
                  -

                  4. Basic HTML template

                  -
                  -

                  With a brief intro into the contents out of the way, we can focus on putting Bootstrap to use. To do that, we'll utilize a basic HTML template that includes everything we mentioned in the File structure.

                  -

                  Now, here's a look at a typical HTML file:

                  - -
                  - 
                  <!DOCTYPE html>
-<html>
-  <head>
-    <title>Bootstrap 101 Template</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  </head>
-  <body>
-    <h1>Hello, world!</h1>
-    <script src="http://code.jquery.com/jquery.js"></script>
-  </body>
-</html>
                  -
                  - - -

                  To make this a Bootstrapped template, just include the appropriate CSS and JS files:

                  - -
                  - 
                  <!DOCTYPE html>
-<html>
-  <head>
-    <title>Bootstrap 101 Template</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <!-- Bootstrap -->
-    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
-  </head>
-  <body>
-    <h1>Hello, world!</h1>
-    <script src="http://code.jquery.com/jquery.js"></script>
-    <script src="js/bootstrap.min.js"></script>
-  </body>
-</html>
                  -
                  - - -

                  And you're set! With those two files added, you can begin to develop any site or application with Bootstrap.

                  - -
                  - -

                  Responsive features in IE8

                  -

                  Internet Explorer 8 lacks support for media queries, the method by which we deliver responsive CSS to folks. To enable that, you need to include a third party tool (which we include in the project repository) called Respond.js.

                  -
                  -<!--[if lt IE 9]>
-  <script src="/assets/js/respond/respond.js"></script>
-<![endif]-->
-
                  -
                  - - - - -
                  -
                  -

                  5. Examples

                  -
                  -

                  Move beyond the base template with a few example layouts. We encourage folks to iterate on these examples and not simply use them as an end result.

                  -
                  -
                  - - - -

                  Starter template

                  -

                  A barebones HTML document with all the Bootstrap CSS and JavaScript included.

                  -
                  -
                  - - - -

                  Basic marketing site

                  -

                  Featuring a hero unit for a primary message and three supporting elements.

                  -
                  -
                  - - - -

                  Narrow marketing

                  -

                  Slim, lightweight marketing template for small projects or teams.

                  -
                  -
                  - - - -

                  Justified nav

                  -

                  Marketing page with equal-width navigation links in a modified navbar.

                  -
                  -
                  - - - -

                  Sign in

                  -

                  Barebones sign in form with custom, larger form controls and a flexible layout.

                  -
                  -
                  - - - -

                  Sticky footer

                  -

                  Pin a fixed-height footer to the bottom of the user's viewport.

                  -
                  -
                  - - - -

                  Sticky footer w/ navbar

                  -

                  Add a fixed navbar to the default sticky footer template.

                  -
                  -
                  - - - -

                  Carousel jumbotron

                  -

                  An interactive riff on the basic marketing site featuring a prominent carousel.

                  -
                  - - -
                  - - - -

                  Navbar

                  -

                  Basic template for showcasing how the navbar works.

                  -
                  -
                  - - - -

                  Static top navbar

                  -

                  Basic template for showcasing the static navbar variation.

                  -
                  -
                  - - - -

                  Fixed top navbar

                  -

                  Basic template for showcasing the fixed navbar variation.

                  -
                  -
                  - - - -

                  Grid examples

                  -

                  -
                  -
                  -
                  - - - - - -
                  -
                  -

                  What next?

                  -
                  -

                  Head to the docs for information, examples, and code snippets, or take the next leap and customize Bootstrap for any upcoming project.

                  - Visit the Bootstrap docs - Customize Bootstrap -
                  - - - - -
                  -
                  - -
                  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/docs/_site/index.html b/docs/_site/index.html deleted file mode 100644 index 60d0dbae6..000000000 --- a/docs/_site/index.html +++ /dev/null @@ -1,243 +0,0 @@ - - - - - - - - - - - - Bootstrap - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
                  -
                  - - Bootstrap -
                  - -
                  -
                  -
                  - - - -
                  -
                  -

                  Bootstrap

                  -

                  Sleek, intuitive, and powerful mobile-first front-end framework for faster and easier web development.

                  -

                  - Download Bootstrap -

                  - -
                  -
                  - -
                  - -
                  - -

                  Introducing Bootstrap.

                  -

                  Need reasons to love Bootstrap? Look no further.

                  - -
                  -
                  - -

                  By nerds, for nerds.

                  -

                  Built at Twitter by @mdo and @fat, Bootstrap utilizes LESS CSS, is compiled via Node, and is managed through GitHub to help nerds do awesome stuff on the web.

                  -
                  -
                  - -

                  Made for everyone.

                  -

                  Bootstrap 3 has been rebuilt from the ground up to push the Web forward. It looks and behaves great on the latest smartphones, tablets, and desktops (including support for IE8+).

                  -
                  -
                  - -

                  Packed with features.

                  -

                  A 12-column responsive grid, dozens of components, JavaScript plugins, typography, form controls, and even a web-based Customizer to make Bootstrap your own.

                  -
                  -
                  - -

                  Built with Bootstrap.

                  -

                  For more sites built with Bootstrap, visit the Expo or browse the examples.

                  -
                  -
                  - - Delicious - -
                  -
                  - - Karma - -
                  -
                  - - SoundReady - -
                  -
                  - - Kippt - -
                  -
                  - -
                  - -
                  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/docs/_site/javascript.html b/docs/_site/javascript.html deleted file mode 100644 index 802698df8..000000000 --- a/docs/_site/javascript.html +++ /dev/null @@ -1,2126 +0,0 @@ - - - - - - - - - - - - JavaScript plugins · Bootstrap - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
                  -
                  - - Bootstrap -
                  - -
                  -
                  -
                  - - - - -
                  -
                  -

                  JavaScript

                  -

                  Bring Bootstrap's components to life—now with 13 custom jQuery plugins. -

                  -
                  - -
                  - - -
                  -
                  - -
                  -
                  - - - -
                  -
                  -

                  JavaScript in Bootstrap

                  -
                  - -

                  Individual or compiled

                  -

                  Plugins can be included individually (though some have required dependencies), or all at once. Both bootstrap.js and bootstrap.min.js contain all plugins in a single file.

                  - -

                  Data attributes

                  -

                  You can use all Bootstrap plugins purely through the markup API without writing a single line of JavaScript. This is Bootstrap's first class API and should be your first consideration when using a plugin.

                  - -

                  That said, in some situations it may be desirable to turn this functionality off. Therefore, we also provide the ability to disable the data attribute API by unbinding all events on the body namespaced with `'data-api'`. This looks like this: -

                  - 
                  $('body').off('.data-api')
                  -
                  - - -

                  Alternatively, to target a specific plugin, just include the plugin's name as a namespace along with the data-api namespace like this:

                  -
                  - 
                  $('body').off('.alert.data-api')
                  -
                  - - -

                  Programmatic API

                  -

                  We also believe you should be able to use all Bootstrap plugins purely through the JavaScript API. All public APIs are single, chainable methods, and return the collection acted upon.

                  -
                  - 
                  $(".btn.danger").button("toggle").addClass("fat")
                  -
                  - - -

                  All methods should accept an optional options object, a string which targets a particular method, or nothing (which initiates a plugin with default behavior):

                  -
                  - 
                  $("#myModal").modal()                      // initialized with defaults
-$("#myModal").modal({ keyboard: false })   // initialized with no keyboard
-$("#myModal").modal('show')                // initializes and invokes show immediately</p>
                  -
                  - - -

                  Each plugin also exposes its raw constructor on a `Constructor` property: $.fn.popover.Constructor. If you'd like to get a particular plugin instance, retrieve it directly from an element: $('[rel=popover]').data('popover').

                  - -

                  No conflict

                  -

                  Sometimes it is necessary to use Bootstrap plugins with other UI frameworks. In these circumstances, namespace collisions can occasionally occur. If this happens, you may call .noConflict on the plugin you wish to revert the value of.

                  -
                  - 
                  var bootstrapButton = $.fn.button.noConflict() // return $.fn.button to previously assigned value
-$.fn.bootstrapBtn = bootstrapButton            // give $().bootstrapBtn the bootstrap functionality
                  -
                  - - - -

                  Events

                  -

                  Bootstrap provides custom events for most plugin's unique actions. Generally, these come in an infinitive and past participle form - where the infinitive (ex. show) is triggered at the start of an event, and its past participle form (ex. shown) is trigger on the completion of an action.

                  -

                  All infinitive events provide preventDefault functionality. This provides the ability to stop the execution of an action before it starts.

                  -
                  - 
                  $('#myModal').on('show', function (e) {
-    if (!data) return e.preventDefault() // stops modal from being shown
-})
                  -
                  - - -
                  - - - - -
                  -
                  -

                  Transitions transition.js

                  -
                  -

                  About transitions

                  -

                  For simple transition effects, include transition.js once alongside the other JS files. If you're using the compiled (or minified) bootstrap.js, there is no need to include this—it's already there.

                  -

                  Use cases

                  -

                  A few examples of the transition plugin:

                  -
                    -
                  • Sliding or fading in modals
                    • -
                  • Fading out tabs
                    • -
                  • Fading out alerts
                    • -
                  • Sliding carousel panes
                    • -
                  - - -
                  - - - - -
                  -
                  -

                  Modals modal.js

                  -
                  - - -

                  Examples

                  -

                  Modals are streamlined, but flexible, dialog prompts with the minimum required functionality and smart defaults.

                  - -

                  Static example

                  -

                  A rendered modal with header, body, and set of actions in the footer.

                  -
                  -
                  -
                  -
                  -
                  - -

                  Modal title

                  -
                  -
                  -

                  One fine body…

                  -
                  -
                  - Close - Save changes -
                  -
                  -
                  -
                  -
                  -
                  - 
                  <div class="modal">
-  <div class="modal-dialog">
-    <div class="modal-content">
-      <div class="modal-header">
-        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
-        <h4 class="modal-title">Modal title</h4>
-      </div>
-      <div class="modal-body">
-        <p>One fine body&hellip;</p>
-      </div>
-      <div class="modal-footer">
-        <a href="#" class="btn">Close</a>
-        <a href="#" class="btn btn-primary">Save changes</a>
-      </div>
-    </div><!-- /.modal-content -->
-  </div><!-- /.modal-dalog -->
-</div><!-- /.modal -->
                  -
                  - - -

                  Live demo

                  -

                  Toggle a modal via JavaScript by clicking the button below. It will slide down and fade in from the top of the page.

                  - - - -
                  - Launch demo modal -
                  -
                  - 
                  <div class="modal">
-  <!-- Button trigger modal -->
-  <a data-toggle="modal" href="#myModal" class="btn btn-primary btn-large">Launch demo modal</a>
-
-  <!-- Modal -->
-  <div class="modal-dialog">
-    <div class="modal-content">
-      <div class="modal-header">
-        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
-        <h4 class="modal-title">Modal title</h4>
-      </div>
-      <div class="modal-body">
-        ...
-      </div>
-      <div class="modal-footer">
-        <a href="#" class="btn">Close</a>
-        <a href="#" class="btn btn-primary">Save changes</a>
-      </div>
-    </div><!-- /.modal-content -->
-  </div><!-- /.modal-dalog -->
-</div><!-- /.modal -->
                  -
                  - - - - -

                  Usage

                  - -

                  Via data attributes

                  -

                  Activate a modal without writing JavaScript. Set data-toggle="modal" on a controller element, like a button, along with a data-target="#foo" or href="#foo" to target a specific modal to toggle.

                  -
                  - 
                  <button type="button" data-toggle="modal" data-target="#myModal">Launch modal</button>
                  -
                  - - -

                  Via JavaScript

                  -

                  Call a modal with id myModal with a single line of JavaScript:

                  -
                  - 
                  $('#myModal').modal(options)
                  -
                  - - -

                  Options

                  -

                  Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-backdrop="".

                  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
                  Nametypedefaultdescription
                  backdropbooleantrueIncludes a modal-backdrop element. Alternatively, specify static for a backdrop which doesn't close the modal on click.
                  keyboardbooleantrueCloses the modal when escape key is pressed
                  showbooleantrueShows the modal when initialized.
                  remotepathfalse

                  If a remote url is provided, content will be loaded via jQuery's load method and injected into the .modal-body. If you're using the data api, you may alternatively use the href tag to specify the remote source. An example of this is shown below:

                  -
                  - 
                  <a data-toggle="modal" href="remote.html" data-target="#modal">Click me</a>
                  -
                  - -
                  - -

                  Methods

                  - -

                  .modal(options)

                  -

                  Activates your content as a modal. Accepts an optional options object.

                  -
                  - 
                  $('#myModal').modal({
-  keyboard: false
-})
                  -
                  - - -

                  .modal('toggle')

                  -

                  Manually toggles a modal.

                  -
                  - 
                  $('#myModal').modal('toggle')
                  -
                  - - -

                  .modal('show')

                  -

                  Manually opens a modal.

                  -
                  - 
                  $('#myModal').modal('show')
                  -
                  - - -

                  .modal('hide')

                  -

                  Manually hides a modal.

                  -
                  - 
                  $('#myModal').modal('hide')
                  -
                  - - -

                  Events

                  -

                  Bootstrap's modal class exposes a few events for hooking into modal functionality.

                  - - - - - - - - - - - - - - - - - - - - - - - - - -
                  EventDescription
                  showThis event fires immediately when the show instance method is called.
                  shownThis event is fired when the modal has been made visible to the user (will wait for css transitions to complete).
                  hideThis event is fired immediately when the hide instance method has been called.
                  hiddenThis event is fired when the modal has finished being hidden from the user (will wait for css transitions to complete).
                  -
                  - 
                  $('#myModal').on('hidden', function () {
-  // do something…
-})
                  -
                  - -
                  - - - - - - - - - -
                  -
                  -

                  ScrollSpy scrollspy.js

                  -
                  - - -

                  Example in navbar

                  -

                  The ScrollSpy plugin is for automatically updating nav targets based on scroll position. Scroll the area below the navbar and watch the active class change. The dropdown sub items will be highlighted as well.

                  -
                  - -
                  -

                  @fat

                  -

                  Ad leggings keytar, brunch id art party dolor labore. Pitchfork yr enim lo-fi before they sold out qui. Tumblr farm-to-table bicycle rights whatever. Anim keffiyeh carles cardigan. Velit seitan mcsweeney's photo booth 3 wolf moon irure. Cosby sweater lomo jean shorts, williamsburg hoodie minim qui you probably haven't heard of them et cardigan trust fund culpa biodiesel wes anderson aesthetic. Nihil tattooed accusamus, cred irony biodiesel keffiyeh artisan ullamco consequat.

                  -

                  @mdo

                  -

                  Veniam marfa mustache skateboard, adipisicing fugiat velit pitchfork beard. Freegan beard aliqua cupidatat mcsweeney's vero. Cupidatat four loko nisi, ea helvetica nulla carles. Tattooed cosby sweater food truck, mcsweeney's quis non freegan vinyl. Lo-fi wes anderson +1 sartorial. Carles non aesthetic exercitation quis gentrify. Brooklyn adipisicing craft beer vice keytar deserunt.

                  -

                  one

                  -

                  Occaecat commodo aliqua delectus. Fap craft beer deserunt skateboard ea. Lomo bicycle rights adipisicing banh mi, velit ea sunt next level locavore single-origin coffee in magna veniam. High life id vinyl, echo park consequat quis aliquip banh mi pitchfork. Vero VHS est adipisicing. Consectetur nisi DIY minim messenger bag. Cred ex in, sustainable delectus consectetur fanny pack iphone.

                  -

                  two

                  -

                  In incididunt echo park, officia deserunt mcsweeney's proident master cleanse thundercats sapiente veniam. Excepteur VHS elit, proident shoreditch +1 biodiesel laborum craft beer. Single-origin coffee wayfarers irure four loko, cupidatat terry richardson master cleanse. Assumenda you probably haven't heard of them art party fanny pack, tattooed nulla cardigan tempor ad. Proident wolf nesciunt sartorial keffiyeh eu banh mi sustainable. Elit wolf voluptate, lo-fi ea portland before they sold out four loko. Locavore enim nostrud mlkshk brooklyn nesciunt.

                  -

                  three

                  -

                  Ad leggings keytar, brunch id art party dolor labore. Pitchfork yr enim lo-fi before they sold out qui. Tumblr farm-to-table bicycle rights whatever. Anim keffiyeh carles cardigan. Velit seitan mcsweeney's photo booth 3 wolf moon irure. Cosby sweater lomo jean shorts, williamsburg hoodie minim qui you probably haven't heard of them et cardigan trust fund culpa biodiesel wes anderson aesthetic. Nihil tattooed accusamus, cred irony biodiesel keffiyeh artisan ullamco consequat.

                  -

                  Keytar twee blog, culpa messenger bag marfa whatever delectus food truck. Sapiente synth id assumenda. Locavore sed helvetica cliche irony, thundercats you probably haven't heard of them consequat hoodie gluten-free lo-fi fap aliquip. Labore elit placeat before they sold out, terry richardson proident brunch nesciunt quis cosby sweater pariatur keffiyeh ut helvetica artisan. Cardigan craft beer seitan readymade velit. VHS chambray laboris tempor veniam. Anim mollit minim commodo ullamco thundercats. -

                  -
                  -
                  - - -
                  - - -

                  Usage

                  - -

                  Via data attributes

                  -

                  To easily add scrollspy behavior to your topbar navigation, just add data-spy="scroll" to the element you want to spy on (most typically this would be the body) and data-target=".navbar" to select which nav to use. You'll want to use scrollspy with a .nav component.

                  -
                  - 
                  <body data-spy="scroll" data-target=".navbar">
-  ...
-</body>
                  -
                  - - -

                  Via JavaScript

                  -

                  Call the scrollspy via JavaScript:

                  -
                  - 
                  $('.navbar').scrollspy()
                  -
                  - - -
                  - Heads up! - Navbar links must have resolvable id targets. For example, a <a href="#home">home</a> must correspond to something in the dom like <div id="home"></div>. -
                  - -

                  Methods

                  -

                  .scrollspy('refresh')

                  -

                  When using scrollspy in conjunction with adding or removing of elements from the DOM, you'll need to call the refresh method like so:

                  -
                  - 
                  $('[data-spy="scroll"]').each(function () {
-  var $spy = $(this).scrollspy('refresh')
-});
                  -
                  - - - -

                  Options

                  -

                  Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-offset="".

                  - - - - - - - - - - - - - - - - - -
                  Nametypedefaultdescription
                  offsetnumber10Pixels to offset from top when calculating position of scroll.
                  - -

                  Events

                  - - - - - - - - - - - - - -
                  EventDescription
                  activateThis event fires whenever a new item becomes activated by the scrollspy.
                  -
                  - - - - -
                  -
                  -

                  Togglable tabs tab.js

                  -
                  - - -

                  Example tabs

                  -

                  Add quick, dynamic tab functionality to transition through panes of local content, even via dropdown menus.

                  -
                  - -
                  -
                  -

                  Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.

                  -
                  -
                  -

                  Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.

                  -
                  - - -
                  -
                  - - -
                  - - -

                  Usage

                  -

                  Enable tabbable tabs via JavaScript (each tab needs to be activated individually):

                  -
                  - 
                  $('#myTab a').click(function (e) {
-  e.preventDefault();
-  $(this).tab('show');
-})
                  -
                  - - -

                  You can activate individual tabs in several ways:

                  -
                  - 
                  $('#myTab a[href="#profile"]').tab('show'); // Select tab by name
-$('#myTab a:first').tab('show'); // Select first tab
-$('#myTab a:last').tab('show'); // Select last tab
-$('#myTab li:eq(2) a').tab('show'); // Select third tab (0-indexed)
                  -
                  - - -

                  Markup

                  -

                  You can activate a tab or pill navigation without writing any JavaScript by simply specifying data-toggle="tab" or data-toggle="pill" on an element. Adding the nav and nav-tabs classes to the tab ul will apply the Bootstrap tab styling.

                  -
                  - 
                  <ul class="nav nav-tabs">
-  <li><a href="#home" data-toggle="tab">Home</a></li>
-  <li><a href="#profile" data-toggle="tab">Profile</a></li>
-  <li><a href="#messages" data-toggle="tab">Messages</a></li>
-  <li><a href="#settings" data-toggle="tab">Settings</a></li>
-</ul>
                  -
                  - - -

                  To make tabs fade in, add .fade to each .tab-pane.

                  - -

                  Methods

                  -

                  $().tab

                  -

                  - Activates a tab element and content container. Tab should have either a data-target or an href targeting a container node in the DOM. -

                  -
                  - 
                  <ul class="nav nav-tabs" id="myTab">
-  <li class="active"><a href="#home">Home</a></li>
-  <li><a href="#profile">Profile</a></li>
-  <li><a href="#messages">Messages</a></li>
-  <li><a href="#settings">Settings</a></li>
-</ul>
-
-<div class="tab-content">
-  <div class="tab-pane active" id="home">...</div>
-  <div class="tab-pane" id="profile">...</div>
-  <div class="tab-pane" id="messages">...</div>
-  <div class="tab-pane" id="settings">...</div>
-</div>
-
-<script>
-  $(function () {
-    $('#myTab a:last').tab('show');
-  })
-</script>
                  -
                  - - -

                  Events

                  - - - - - - - - - - - - - - - - - -
                  EventDescription
                  showThis event fires on tab show, but before the new tab has been shown. Use event.target and event.relatedTarget to target the active tab and the previous active tab (if available) respectively.
                  shownThis event fires on tab show after a tab has been shown. Use event.target and event.relatedTarget to target the active tab and the previous active tab (if available) respectively.
                  -
                  - 
                  $('a[data-toggle="tab"]').on('shown', function (e) {
-  e.target // activated tab
-  e.relatedTarget // previous tab
-})
                  -
                  - -
                  - - - -
                  -
                  -

                  Tooltips tooltip.js

                  -
                  - - -

                  Examples

                  -

                  Inspired by the excellent jQuery.tipsy plugin written by Jason Frame; Tooltips are an updated version, which don't rely on images, use CSS3 for animations, and data-attributes for local title storage.

                  -

                  Hover over the links below to see tooltips:

                  -
                  -

                  Tight pants next level keffiyeh you probably haven't heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown. Farm-to-table seitan, mcsweeney's fixie sustainable quinoa 8-bit american apparel have a terry richardson vinyl chambray. Beard stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa, four loko mcsweeney's cleanse vegan chambray. A really ironic artisan whatever keytar, scenester farm-to-table banksy Austin twitter handle freegan cred raw denim single-origin coffee viral. -

                  -
                  - -

                  Four directions

                  -
                  - -
                  - - -

                  Tooltips in input groups

                  -

                  When using tooltips and popovers with the Bootstrap input groups, you'll have to set the container (documented below) option to avoid unwanted side effects.

                  - -
                  - - -

                  Usage

                  -

                  Trigger the tooltip via JavaScript:

                  -
                  - 
                  $('#example').tooltip(options)
                  -
                  - - -

                  Options

                  -

                  Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-animation="".

                  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
                  Nametypedefaultdescription
                  animationbooleantrueapply a css fade transition to the tooltip
                  htmlbooleanfalseInsert html into the tooltip. If false, jquery's text method will be used to insert content into the dom. Use text if you're worried about XSS attacks.
                  placementstring | function'top'how to position the tooltip - top | bottom | left | right
                  selectorstringfalseIf a selector is provided, tooltip objects will be delegated to the specified targets.
                  titlestring | function''default title value if `title` tag isn't present
                  triggerstring'hover focus'how tooltip is triggered - click | hover | focus | manual. Note you case pass trigger multiple, space seperated, trigger types.
                  delaynumber | object0 -

                  delay showing and hiding the tooltip (ms) - does not apply to manual trigger type

                  -

                  If a number is supplied, delay is applied to both hide/show

                  -

                  Object structure is: delay: { show: 500, hide: 100 }

                  -
                  containerstring | falsefalse -

                  Appends the tooltip to a specific element container: 'body'

                  -
                  -
                  - Heads up! - Options for individual tooltips can alternatively be specified through the use of data attributes. -
                  - -

                  Markup

                  -
                  - 
                  <a href="#" data-toggle="tooltip" title="first tooltip">Hover over me</a>
                  -
                  - - -

                  Methods

                  - -

                  $().tooltip(options)

                  -

                  Attaches a tooltip handler to an element collection.

                  - -

                  .tooltip('show')

                  -

                  Reveals an element's tooltip.

                  -
                  - 
                  $('#element').tooltip('show')
                  -
                  - - -

                  .tooltip('hide')

                  -

                  Hides an element's tooltip.

                  -
                  - 
                  $('#element').tooltip('hide')
                  -
                  - - -

                  .tooltip('toggle')

                  -

                  Toggles an element's tooltip.

                  -
                  - 
                  $('#element').tooltip('toggle')
                  -
                  - - -

                  .tooltip('destroy')

                  -

                  Hides and destroys an element's tooltip.

                  -
                  - 
                  $('#element').tooltip('destroy')
                  -
                  - -
                  - - - - -
                  -
                  -

                  Popovers popover.js

                  -
                  - -

                  Examples

                  -

                  Add small overlays of content, like those on the iPad, to any element for housing secondary information. Hover over the button to trigger the popover. Requires Tooltip to be included.

                  - -

                  Static popover

                  -

                  Four options are available: top, right, bottom, and left aligned.

                  -
                  -
                  -
                  -

                  Popover top

                  -
                  -

                  Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

                  -
                  -
                  - -
                  -
                  -

                  Popover right

                  -
                  -

                  Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

                  -
                  -
                  - -
                  -
                  -

                  Popover bottom

                  -
                  -

                  Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

                  -
                  -
                  - -
                  -
                  -

                  Popover left

                  -
                  -

                  Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

                  -
                  -
                  - -
                  -
                  -

                  No markup shown as popovers are generated from JavaScript and content within a data attribute.

                  - -

                  Live demo

                  -
                  - Click to toggle popover -
                  - -

                  Four directions

                  -
                  - -
                  - - -
                  - - -

                  Usage

                  -

                  Enable popovers via JavaScript:

                  -
                  - 
                  $('#example').popover(options)
                  -
                  - - -

                  Options

                  -

                  Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-animation="".

                  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
                  Nametypedefaultdescription
                  animationbooleantrueapply a css fade transition to the tooltip
                  htmlbooleanfalseInsert html into the popover. If false, jquery's text method will be used to insert content into the dom. Use text if you're worried about XSS attacks.
                  placementstring | function'right'how to position the popover - top | bottom | left | right
                  selectorstringfalseif a selector is provided, tooltip objects will be delegated to the specified targets
                  triggerstring'click'how popover is triggered - click | hover | focus | manual
                  titlestring | function''default title value if `title` attribute isn't present
                  contentstring | function''default content value if `data-content` attribute isn't present
                  delaynumber | object0 -

                  delay showing and hiding the popover (ms) - does not apply to manual trigger type

                  -

                  If a number is supplied, delay is applied to both hide/show

                  -

                  Object structure is: delay: { show: 500, hide: 100 }

                  -
                  containerstring | falsefalse -

                  Appends the popover to a specific element container: 'body'

                  -
                  -
                  - Heads up! - Options for individual popovers can alternatively be specified through the use of data attributes. -
                  - -

                  Markup

                  -

                  For performance reasons, the Tooltip and Popover data-apis are opt in. If you would like to use them just specify a selector option.

                  - -

                  Methods

                  -

                  $().popover(options)

                  -

                  Initializes popovers for an element collection.

                  - -

                  .popover('show')

                  -

                  Reveals an elements popover.

                  -
                  - 
                  $('#element').popover('show')
                  -
                  - - -

                  .popover('hide')

                  -

                  Hides an elements popover.

                  -
                  - 
                  $('#element').popover('hide')
                  -
                  - - -

                  .popover('toggle')

                  -

                  Toggles an elements popover.

                  -
                  - 
                  $('#element').popover('toggle')
                  -
                  - - -

                  .popover('destroy')

                  -

                  Hides and destroys an element's popover.

                  -
                  - 
                  $('#element').popover('destroy')
                  -
                  - -
                  - - - - -
                  -
                  -

                  Alert messages alert.js

                  -
                  - - -

                  Example alerts

                  -

                  Add dismiss functionality to all alert messages with this plugin.

                  -
                  -
                  - - Holy guacamole! Best check yo self, you're not looking too good. -
                  -
                  - -
                  -
                  - -

                  Oh snap! You got an error!

                  -

                  Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.

                  -

                  - Take this action Or do this -

                  -
                  -
                  - - -
                  - - -

                  Usage

                  -

                  Enable dismissal of an alert via JavaScript:

                  -
                  - 
                  $(".alert").alert()
                  -
                  - - -

                  Markup

                  -

                  Just add data-dismiss="alert" to your close button to automatically give an alert close functionality.

                  -
                  - 
                  <a class="close" data-dismiss="alert" href="#">&times;</a>
                  -
                  - - -

                  Methods

                  - -

                  $().alert()

                  -

                  Wraps all alerts with close functionality. To have your alerts animate out when closed, make sure they have the .fade and .in class already applied to them.

                  - -

                  .alert('close')

                  -

                  Closes an alert.

                  -
                  - 
                  $(".alert").alert('close')
                  -
                  - - - -

                  Events

                  -

                  Bootstrap's alert class exposes a few events for hooking into alert functionality.

                  - - - - - - - - - - - - - - - - - -
                  EventDescription
                  closeThis event fires immediately when the close instance method is called.
                  closedThis event is fired when the alert has been closed (will wait for css transitions to complete).
                  -
                  - 
                  $('#my-alert').bind('closed', function () {
-  // do something…
-})
                  -
                  - -
                  - - - - -
                  -
                  -

                  Buttons button.js

                  -
                  - -

                  Example uses

                  -

                  Do more with buttons. Control button states or create groups of buttons for more components like toolbars.

                  - -

                  Stateful

                  -

                  Add data-loading-text="Loading..." to use a loading state on a button.

                  -
                  - -
                  -
                  - 
                  <button type="button" id="fat-btn" data-loading-text="Loading..." class="btn btn-primary">
-  Loading state
-</button>
                  -
                  - - -

                  Single toggle

                  -

                  Add data-toggle="button" to activate toggling on a single button.

                  -
                  - -
                  -
                  - 
                  <button type="button" class="btn btn-primary" data-toggle="button">Single toggle</button>
                  -
                  - - -

                  Checkbox

                  -

                  Add data-toggle="buttons-checkbox" for checkbox style toggling on btn-group.

                  -
                  -
                  - - - -
                  -
                  -
                  - 
                  <div class="btn-group" data-toggle="buttons-checkbox">
-  <label class="btn btn-primary">
-    <input type="checkbox"> Option 1
-  </label>
-  <label class="btn btn-primary">
-    <input type="checkbox"> Option 2
-  </label>
-  <label class="btn btn-primary">
-    <input type="checkbox"> Option 3
-  </label>
-</div>
                  -
                  - - -

                  Radio

                  -

                  Add data-toggle="buttons-radio" for radio style toggling on btn-group.

                  -
                  -
                  - - - -
                  -
                  -
                  - 
                  <div class="btn-group" data-toggle="buttons-radio">
-  <label class="btn btn-primary">
-    <input type="radio" name="options" id="option1"> Option 1
-  </label>
-  <label class="btn btn-primary">
-    <input type="radio" name="options" id="option2"> Option 2
-  </label>
-  <label class="btn btn-primary">
-    <input type="radio" name="options" id="option3"> Option 3
-  </label>
-</div>
                  -
                  - - - -
                  - - -

                  Usage

                  -

                  Enable buttons via JavaScript:

                  -
                  - 
                  $('.nav-tabs').button()
                  -
                  - - -

                  Markup

                  -

                  Data attributes are integral to the button plugin. Check out the example code below for the various markup types.

                  - -

                  Options

                  -

                  None

                  - -

                  Methods

                  - -

                  $().button('toggle')

                  -

                  Toggles push state. Gives the button the appearance that it has been activated.

                  -
                  - Heads up! - You can enable auto toggling of a button by using the data-toggle attribute. -
                  -
                  - 
                  <button type="button" class="btn" data-toggle="button">...</button>
                  -
                  - - -

                  $().button('loading')

                  -

                  Sets button state to loading - disables button and swaps text to loading text. Loading text should be defined on the button element using the data attribute data-loading-text. -

                  -
                  - 
                  <button type="button" class="btn" data-loading-text="loading stuff...">...</button>
                  -
                  - - -
                  - Heads up! - Firefox persists the disabled state across page loads. A workaround for this is to use autocomplete="off". -
                  - -

                  $().button('reset')

                  -

                  Resets button state - swaps text to original text.

                  - -

                  $().button(string)

                  -

                  Resets button state - swaps text to any data defined text state.

                  -
                  - 
                  <button type="button" class="btn" data-complete-text="finished!" >...</button>
-<script>
-  $('.btn').button('complete')
-</script>
                  -
                  - -
                  - - - - -
                  -
                  -

                  Collapse collapse.js

                  -
                  - -

                  About

                  -

                  Get base styles and flexible support for collapsible components like accordions and navigation.

                  -

                  * Requires the Transitions plugin to be included.

                  - -

                  Example accordion

                  -

                  Using the collapse plugin, we built a simple accordion style widget:

                  - -
                  -
                  -
                  -
                  - - Collapsible Group Item #1 - -
                  -
                  -
                  - Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. -
                  -
                  -
                  -
                  -
                  - - Collapsible Group Item #2 - -
                  -
                  -
                  - Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. -
                  -
                  -
                  -
                  -
                  - - Collapsible Group Item #3 - -
                  -
                  -
                  - Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. -
                  -
                  -
                  -
                  -
                  -
                  - 
                  <div class="accordion" id="accordion2">
-  <div class="accordion-group">
-    <div class="accordion-heading">
-      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
-        Collapsible Group Item #1
-      </a>
-    </div>
-    <div id="collapseOne" class="accordion-body collapse in">
-      <div class="accordion-inner">
-        ...
-      </div>
-    </div>
-  </div>
-  <div class="accordion-group">
-    <div class="accordion-heading">
-      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">
-        Collapsible Group Item #2
-      </a>
-    </div>
-    <div id="collapseTwo" class="accordion-body collapse">
-      <div class="accordion-inner">
-        ...
-      </div>
-    </div>
-  </div>
-  <div class="accordion-group">
-    <div class="accordion-heading">
-      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseThree">
-        Collapsible Group Item #3
-      </a>
-    </div>
-    <div id="collapseThree" class="accordion-body collapse">
-      <div class="accordion-inner">
-        ...
-      </div>
-    </div>
-  </div>
-</div>
                  -
                  - - -

                  You can also use the plugin without the accordion markup. Make a button toggle the expanding and collapsing of another element.

                  -
                  - 
                  <button type="button" class="btn btn-danger" data-toggle="collapse" data-target="#demo">
-  simple collapsible
-</button>
-
-<div id="demo" class="collapse in">...</div>
                  -
                  - - - -
                  - - -

                  Usage

                  - -

                  Via data attributes

                  -

                  Just add data-toggle="collapse" and a data-target to element to automatically assign control of a collapsible element. The data-target attribute accepts a css selector to apply the collapse to. Be sure to add the class collapse to the collapsible element. If you'd like it to default open, add the additional class in.

                  -

                  To add accordion-like group management to a collapsible control, add the data attribute data-parent="#selector". Refer to the demo to see this in action.

                  - -

                  Via JavaScript

                  -

                  Enable manually with:

                  -
                  - 
                  $(".collapse").collapse()
                  -
                  - - -

                  Options

                  -

                  Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-parent="".

                  - - - - - - - - - - - - - - - - - - - - - - - -
                  Nametypedefaultdescription
                  parentselectorfalseIf selector then all collapsible elements under the specified parent will be closed when this collapsible item is shown. (similar to traditional accordion behavior)
                  togglebooleantrueToggles the collapsible element on invocation
                  - - -

                  Methods

                  - -

                  .collapse(options)

                  -

                  Activates your content as a collapsible element. Accepts an optional options object. -

                  - 
                  $('#myCollapsible').collapse({
-  toggle: false
-})
                  -
                  - - -

                  .collapse('toggle')

                  -

                  Toggles a collapsible element to shown or hidden.

                  - -

                  .collapse('show')

                  -

                  Shows a collapsible element.

                  - -

                  .collapse('hide')

                  -

                  Hides a collapsible element.

                  - -

                  Events

                  -

                  Bootstrap's collapse class exposes a few events for hooking into collapse functionality.

                  - - - - - - - - - - - - - - - - - - - - - - - - - -
                  EventDescription
                  showThis event fires immediately when the show instance method is called.
                  shownThis event is fired when a collapse element has been made visible to the user (will wait for css transitions to complete).
                  hide - This event is fired immediately when the hide method has been called. -
                  hiddenThis event is fired when a collapse element has been hidden from the user (will wait for css transitions to complete).
                  -
                  - 
                  $('#myCollapsible').on('hidden', function () {
-  // do something…
-})
                  -
                  - -
                  - - - - - - - - - -
                  -
                  -

                  Typeahead typeahead.js

                  -
                  - - -

                  Example

                  -

                  A basic, easily extended plugin for quickly creating elegant typeaheads with any form text input.

                  -
                  - -
                  -
                  - 
                  <input type="text" data-provide="typeahead">
                  -
                  - - -

                  You'll want to set autocomplete="off" to prevent default browser menus from appearing over the Bootstrap typeahead dropdown.

                  - -
                  - - -

                  Usage

                  - -

                  Via data attributes

                  -

                  Add data attributes to register an element with typeahead functionality as shown in the example above.

                  - -

                  Via JavaScript

                  -

                  Call the typeahead manually with:

                  -
                  - 
                  $('.typeahead').typeahead()
                  -
                  - - -

                  Options

                  -

                  Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-source="".

                  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
                  Nametypedefaultdescription
                  sourcearray, function[ ]The data source to query against. May be an array of strings or a function. The function is passed two arguments, the query value in the input field and the process callback. The function may be used synchronously by returning the data source directly or asynchronously via the process callback's single argument.
                  itemsnumber8The max number of items to display in the dropdown.
                  minLengthnumber1The minimum character length needed before triggering autocomplete suggestions
                  matcherfunctioncase insensitiveThe method used to determine if a query matches an item. Accepts a single argument, the item against which to test the query. Access the current query with this.query. Return a boolean true if query is a match.
                  sorterfunctionexact match,
                  case sensitive,
                  case insensitive                  		Method used to sort autocomplete results. Accepts a single argument items and has the scope of the typeahead instance. Reference the current query with this.query.
                  updaterfunctionreturns selected itemThe method used to return selected item. Accepts a single argument, the item and has the scope of the typeahead instance.
                  highlighterfunctionhighlights all default matchesMethod used to highlight autocomplete results. Accepts a single argument item and has the scope of the typeahead instance. Should return html.
                  - -

                  Methods

                  -

                  .typeahead(options)

                  -

                  Initializes an input with a typeahead.

                  -
                  - - - - -
                  -
                  -

                  Affix affix.js

                  -
                  - -

                  Example

                  -

                  The subnavigation on the left is a live demo of the affix plugin.

                  - -
                  - -

                  Usage

                  - -

                  Via data attributes

                  -

                  To easily add affix behavior to any element, just add data-spy="affix" to the element you want to spy on. Then use offsets to define when to toggle the pinning of an element on and off.

                  - -
                  - 
                  <div data-spy="affix" data-offset-top="200">...</div>
                  -
                  - - -
                  - Heads up! - You must manage the position of a pinned element and the behavior of its immediate parent. Position is controlled by affix, affix-top, and affix-bottom. Remember to check for a potentially collapsed parent when the affix kicks in as it's removing content from the normal flow of the page. -
                  - -

                  Via JavaScript

                  -

                  Call the affix plugin via JavaScript:

                  -
                  - 
                  $('#navbar').affix()
                  -
                  - - -

                  Methods

                  -

                  .affix('refresh')

                  -

                  When using affix in conjunction with adding or removing of elements from the DOM, you'll want to call the refresh method:

                  -
                  - 
                  $('[data-spy="affix"]').each(function () {
-  $(this).affix('refresh')
-});
                  -
                  - - -

                  Options

                  -

                  Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-offset-top="200".

                  - - - - - - - - - - - - - - - - - - -
                  Nametypedefaultdescription
                  offsetnumber | function | object10Pixels to offset from screen when calculating position of scroll. If a single number is provided, the offset will be applied in both top and left directions. To listen for a single direction, or multiple unique offsets, just provide an object offset: { x: 10 }. Use a function when you need to dynamically provide an offset (useful for some responsive designs).
                  -
                  - - - -
                  -
                  - -
                  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -- cgit v1.2.3 From 149ecd21bf7c56df897088d09ca309eb43a7dd9d Mon Sep 17 00:00:00 2001 From: fat Date: Thu, 16 May 2013 17:18:15 -0700 Subject: straight trash wang --- js/alert.js | 8 +- js/carousel.js | 7 +- js/collapse.js | 4 +- js/dropdown.js | 1 - js/modal.js | 285 ++++++++++++++++---------------- js/popover.js | 103 ++++++------ js/scrollspy.js | 194 +++++++++++----------- js/tab.js | 139 ++++++++-------- js/tooltip.js | 484 +++++++++++++++++++++++++++---------------------------- js/transition.js | 27 ++-- 10 files changed, 604 insertions(+), 648 deletions(-) diff --git a/js/alert.js b/js/alert.js index 9df950245..b841b4f5a 100644 --- a/js/alert.js +++ b/js/alert.js @@ -45,7 +45,7 @@ $parent = $this.hasClass('alert') ? $this : $this.parent() } - $parent.trigger(e = $.Event('bs-close')) + $parent.trigger(e = $.Event('bs:alert:close')) if (e.isDefaultPrevented()) return @@ -79,8 +79,8 @@ $.fn.alert.Constructor = Alert - /* ALERT NO CONFLICT - * ================= */ + // ALERT NO CONFLICT + // ================= $.fn.alert.noConflict = function () { $.fn.alert = old @@ -89,7 +89,7 @@ // ALERT DATA-API - // ============== */ + // ============== $(document).on('click.bs-alert.bs-data-api', dismiss, Alert.prototype.close) diff --git a/js/carousel.js b/js/carousel.js index b647ee9f1..33b34af08 100644 --- a/js/carousel.js +++ b/js/carousel.js @@ -111,7 +111,7 @@ $next = $next.length ? $next : this.$element.find('.item')[fallback]() - var e = $.Event('slide', { relatedTarget: $next[0], direction: direction }) + var e = $.Event('bs:carousel:slide', { relatedTarget: $next[0], direction: direction }) if ($next.hasClass('active')) return @@ -159,11 +159,11 @@ $.fn.carousel = function (option) { return this.each(function () { var $this = $(this) - var data = $this.data('carousel') + var data = $this.data('bs-carousel') var options = $.extend({}, Carousel.DEFAULTS, typeof option == 'object' && option) var action = typeof option == 'string' ? option : options.slide - if (!data) $this.data('carousel', (data = new Carousel(this, options))) + if (!data) $this.data('bs-carousel', (data = new Carousel(this, options))) if (typeof option == 'number') data.to(option) else if (action) data[action]() else if (options.interval) data.pause().cycle() @@ -181,6 +181,7 @@ return this } + // CAROUSEL DATA-API // ================= diff --git a/js/collapse.js b/js/collapse.js index 457996d12..c9db1767f 100644 --- a/js/collapse.js +++ b/js/collapse.js @@ -56,7 +56,7 @@ } this.$element[dimension](0) - this.transition('addClass', $.Event('show'), 'shown') + this.transition('addClass', $.Event('bs:collapse:show'), 'shown') if ($.support.transition) this.$element[dimension](this.$element[0][scroll]) } @@ -65,7 +65,7 @@ if (this.transitioning || !this.$element.hasClass('in')) return var dimension = this.dimension() this.reset(this.$element[dimension]()) - this.transition('removeClass', $.Event('hide'), 'hidden') + this.transition('removeClass', $.Event('bs:collapse:hide'), 'hidden') this.$element[dimension](0) } diff --git a/js/dropdown.js b/js/dropdown.js index c3ad78895..c76162b1c 100644 --- a/js/dropdown.js +++ b/js/dropdown.js @@ -20,7 +20,6 @@ !function ($) { "use strict"; - // DROPDOWN CLASS DEFINITION // ========================= diff --git a/js/modal.js b/js/modal.js index 9c8818812..7acd3930a 100644 --- a/js/modal.js +++ b/js/modal.js @@ -18,207 +18,198 @@ * ========================================================= */ -!function ($) { +!function ($) { "use strict"; - "use strict"; // jshint ;_; - - - /* MODAL CLASS DEFINITION - * ====================== */ + // MODAL CLASS DEFINITION + // ====================== var Modal = function (element, options) { - this.options = options - this.$element = $(element) - .delegate('[data-dismiss="modal"]', 'click.dismiss.modal', $.proxy(this.hide, this)) - this.options.remote && this.$element.find('.modal-body').load(this.options.remote) - } + this.options = options + this.$element = $(element).delegate('[data-dismiss="modal"]', 'click.dismiss.modal', $.proxy(this.hide, this)) + this.$backdrop = + this.isShown = null - Modal.prototype = { + if (this.options.remote) this.$element.find('.modal-body').load(this.options.remote) + } - constructor: Modal + Modal.DEFAULTS = { + backdrop: true + , keyboard: true + , show: true + } - , toggle: function () { - return this[!this.isShown ? 'show' : 'hide']() - } + Modal.prototype.toggle = function () { + return this[!this.isShown ? 'show' : 'hide']() + } - , show: function () { - var that = this - , e = $.Event('show') + Modal.prototype.show = function () { + var that = this + var e = $.Event('bs:modal:show') - this.$element.trigger(e) + this.$element.trigger(e) - if (this.isShown || e.isDefaultPrevented()) return + if (this.isShown || e.isDefaultPrevented()) return - this.isShown = true + this.isShown = true - this.escape() + this.escape() - this.backdrop(function () { - var transition = $.support.transition && that.$element.hasClass('fade') + this.backdrop(function () { + var transition = $.support.transition && that.$element.hasClass('fade') - if (!that.$element.parent().length) { - that.$element.appendTo(document.body) //don't move modals dom position - } + if (!that.$element.parent().length) { + that.$element.appendTo(document.body) //don't move modals dom position + } - that.$element.show() + that.$element.show() - if (transition) { - that.$element[0].offsetWidth // force reflow - } + if (transition) { + that.$element[0].offsetWidth // force reflow + } - that.$element - .addClass('in') - .attr('aria-hidden', false) + that.$element + .addClass('in') + .attr('aria-hidden', false) - that.enforceFocus() + that.enforceFocus() - transition ? - that.$element.one($.support.transition.end, function () { that.$element.focus().trigger('shown') }) : - that.$element.focus().trigger('shown') + transition ? + that.$element.one($.support.transition.end, function () { that.$element.focus().trigger('bs:modal:shown') }) : + that.$element.focus().trigger('bs:modal:shown') - }) - } + }) + } - , hide: function (e) { - e && e.preventDefault() + Modal.prototype.show = function (e) { + if (e) e.preventDefault() - var that = this + e = $.Event('bs:modal:hide') - e = $.Event('hide') + this.$element.trigger(e) - this.$element.trigger(e) + if (!this.isShown || e.isDefaultPrevented()) return - if (!this.isShown || e.isDefaultPrevented()) return + this.isShown = false - this.isShown = false + this.escape() - this.escape() + $(document).off('focusin.modal') - $(document).off('focusin.modal') + this.$element + .removeClass('in') + .attr('aria-hidden', true) - this.$element - .removeClass('in') - .attr('aria-hidden', true) + $.support.transition && this.$element.hasClass('fade') ? + this.hideWithTransition() : + this.hideModal() + } - $.support.transition && this.$element.hasClass('fade') ? - this.hideWithTransition() : - this.hideModal() + Modal.prototype.enforceFocus = function () { + $(document).on('focusin.modal', function (e) { + if (this.$element[0] !== e.target && !this.$element.has(e.target).length) { + this.$element.focus() } + }, this) + } - , enforceFocus: function () { - var that = this - $(document).on('focusin.modal', function (e) { - if (that.$element[0] !== e.target && !that.$element.has(e.target).length) { - that.$element.focus() - } - }) - } + Modal.prototype.escape = function () { + if (this.isShown && this.options.keyboard) { + this.$element.on('keyup.dismiss.modal', function ( e ) { + e.which == 27 && this.hide() + }, this) + } else if (!this.isShown) { + this.$element.off('keyup.dismiss.modal') + } + } - , escape: function () { - var that = this - if (this.isShown && this.options.keyboard) { - this.$element.on('keyup.dismiss.modal', function ( e ) { - e.which == 27 && that.hide() - }) - } else if (!this.isShown) { - this.$element.off('keyup.dismiss.modal') - } - } + Modal.prototype.hideWithTransition = function () { + var that = this + var timeout = setTimeout(function () { + that.$element.off($.support.transition.end) + that.hideModal() + }, 500) - , hideWithTransition: function () { - var that = this - , timeout = setTimeout(function () { - that.$element.off($.support.transition.end) - that.hideModal() - }, 500) - - this.$element.one($.support.transition.end, function () { - clearTimeout(timeout) - that.hideModal() - }) - } + this.$element.one($.support.transition.end, function () { + clearTimeout(timeout) + that.hideModal() + }) + } - , hideModal: function () { - var that = this - this.$element.hide() - this.backdrop(function () { - that.removeBackdrop() - that.$element.trigger('hidden') - }) - } + Modal.prototype.hideModal = function () { + var that = this + this.$element.hide() + this.backdrop(function () { + that.removeBackdrop() + that.$element.trigger('bs:modal:hidden') + }) + } - , removeBackdrop: function () { - this.$backdrop && this.$backdrop.remove() - this.$backdrop = null - } + Modal.prototype.removeBackdrop: function () { + this.$backdrop && this.$backdrop.remove() + this.$backdrop = null + } - , backdrop: function (callback) { - var that = this - , animate = this.$element.hasClass('fade') ? 'fade' : '' + Modal.prototype.backdrop: function (callback) { + var that = this + var animate = this.$element.hasClass('fade') ? 'fade' : '' - if (this.isShown && this.options.backdrop) { - var doAnimate = $.support.transition && animate + if (this.isShown && this.options.backdrop) { + var doAnimate = $.support.transition && animate - this.$backdrop = $('
                  ') - .appendTo(document.body) + this.$backdrop = $('
                  ') + .appendTo(document.body) - this.$backdrop.click( - this.options.backdrop == 'static' ? - $.proxy(this.$element[0].focus, this.$element[0]) - : $.proxy(this.hide, this) - ) + this.$backdrop.click( + this.options.backdrop == 'static' ? + $.proxy(this.$element[0].focus, this.$element[0]) + : $.proxy(this.hide, this) + ) - if (doAnimate) this.$backdrop[0].offsetWidth // force reflow + if (doAnimate) this.$backdrop[0].offsetWidth // force reflow - this.$backdrop.addClass('in') + this.$backdrop.addClass('in') - if (!callback) return + if (!callback) return - doAnimate ? - this.$backdrop.one($.support.transition.end, callback) : - callback() + doAnimate ? + this.$backdrop.one($.support.transition.end, callback) : + callback() - } else if (!this.isShown && this.$backdrop) { - this.$backdrop.removeClass('in') + } else if (!this.isShown && this.$backdrop) { + this.$backdrop.removeClass('in') - $.support.transition && this.$element.hasClass('fade')? - this.$backdrop.one($.support.transition.end, callback) : - callback() + $.support.transition && this.$element.hasClass('fade')? + this.$backdrop.one($.support.transition.end, callback) : + callback() - } else if (callback) { - callback() - } - } + } else if (callback) { + callback() + } } - /* MODAL PLUGIN DEFINITION - * ======================= */ + // MODAL PLUGIN DEFINITION + // ======================= var old = $.fn.modal $.fn.modal = function (option) { return this.each(function () { - var $this = $(this) - , data = $this.data('modal') - , options = $.extend({}, $.fn.modal.defaults, $this.data(), typeof option == 'object' && option) - if (!data) $this.data('modal', (data = new Modal(this, options))) + var $this = $(this) + var data = $this.data('bs-modal') + var options = $.extend({}, Modal.DEFAULTS, $this.data(), typeof option == 'object' && option) + + if (!data) $this.data('bs-modal', (data = new Modal(this, options))) if (typeof option == 'string') data[option]() else if (options.show) data.show() }) } - $.fn.modal.defaults = { - backdrop: true - , keyboard: true - , show: true - } - $.fn.modal.Constructor = Modal - /* MODAL NO CONFLICT - * ================= */ + // MODAL NO CONFLICT + // ================= $.fn.modal.noConflict = function () { $.fn.modal = old @@ -226,14 +217,14 @@ } - /* MODAL DATA-API - * ============== */ + // MODAL DATA-API + // ============== $(document).on('click.modal.data-api', '[data-toggle="modal"]', function (e) { - var $this = $(this) - , href = $this.attr('href') - , $target = $($this.attr('data-target') || (href && href.replace(/.*(?=#[^\s]+$)/, ''))) //strip for ie7 - , option = $target.data('modal') ? 'toggle' : $.extend({ remote:!/#/.test(href) && href }, $target.data(), $this.data()) + var $this = $(this) + var href = $this.attr('href') + var $target = $($this.attr('data-target') || (href && href.replace(/.*(?=#[^\s]+$)/, ''))) //strip for ie7 + var option = $target.data('modal') ? 'toggle' : $.extend({ remote:!/#/.test(href) && href }, $target.data(), $this.data()) e.preventDefault() @@ -245,7 +236,7 @@ }) var $body = $(document.body) - .on('shown', '.modal', function () { $body.addClass('modal-open') }) - .on('hidden', '.modal', function () { $body.removeClass('modal-open') }) + .on('bs:modal:shown', '.modal', function () { $body.addClass('modal-open') }) + .on('bs:modal:hidden', '.modal', function () { $body.removeClass('modal-open') }) }(window.jQuery); diff --git a/js/popover.js b/js/popover.js index aef6d4646..1dad9bc3c 100644 --- a/js/popover.js +++ b/js/popover.js @@ -18,93 +18,88 @@ * =========================================================== */ -!function ($) { +!function ($) { "use strict"; - "use strict"; // jshint ;_; - - - /* POPOVER PUBLIC CLASS DEFINITION - * =============================== */ + // POPOVER PUBLIC CLASS DEFINITION + // =============================== var Popover = function (element, options) { this.init('popover', element, options) } + Popover.DEFAULTS = $.extend({} , $.fn.tooltip.Constructor.DEFAULTS, { + placement: 'right' + , trigger: 'click' + , content: '' + , template: '

                  ' + }) - /* NOTE: POPOVER EXTENDS tooltip.js - ========================================== */ - Popover.prototype = $.extend({}, $.fn.tooltip.Constructor.prototype, { + // NOTE: POPOVER EXTENDS tooltip.js + // ================================ - constructor: Popover + Popover.prototype = $.extend({}, $.fn.tooltip.Constructor.prototype) - , setContent: function () { - var $tip = this.tip() - , title = this.getTitle() - , content = this.getContent() + Popover.prototype.constructor = Popover - $tip.find('.popover-title')[this.options.html ? 'html' : 'text'](title) - $tip.find('.popover-content')[this.options.html ? 'html' : 'text'](content) + Popover.prototype.getDefaults = function () { + return Popover.DEFAULTS + } - $tip.removeClass('fade top bottom left right in') - } + Popover.prototype.setContent = function () { + var $tip = this.tip() + var title = this.getTitle() + var content = this.getContent() - , hasContent: function () { - return this.getTitle() || this.getContent() - } + $tip.find('.popover-title')[this.options.html ? 'html' : 'text'](title) + $tip.find('.popover-content')[this.options.html ? 'html' : 'text'](content) - , getContent: function () { - var content - , $e = this.$element - , o = this.options + $tip.removeClass('fade top bottom left right in') + } - content = (typeof o.content == 'function' ? o.content.call($e[0]) : o.content) - || $e.attr('data-content') + Popover.prototype.hasContent = function () { + return this.getTitle() || this.getContent() + } - return content - } + Popover.prototype.getContent = function () { + var content = typeof this.options.content == 'function' ? + this.options.content.call($e[0]) : + this.options.content - , tip: function () { - if (!this.$tip) { - this.$tip = $(this.options.template) - } - return this.$tip - } + return content || this.$element.attr('data-content') + } - , destroy: function () { - this.hide().$element.off('.' + this.type).removeData(this.type) - } + Popover.prototype.tip = function () { + if (!this.$tip) this.$tip = $(this.options.template) + return this.$tip + } - }) + Popover.prototype.destroy = function () { + this.hide().$element.off('.' + this.type).removeData(this.type) + } - /* POPOVER PLUGIN DEFINITION - * ======================= */ + // POPOVER PLUGIN DEFINITION + // ========================= var old = $.fn.popover $.fn.popover = function (option) { return this.each(function () { - var $this = $(this) - , data = $this.data('popover') - , options = typeof option == 'object' && option - if (!data) $this.data('popover', (data = new Popover(this, options))) + var $this = $(this) + var data = $this.data('bs-popover') + var options = typeof option == 'object' && option + + if (!data) $this.data('bs-popover', (data = new Popover(this, options))) if (typeof option == 'string') data[option]() }) } $.fn.popover.Constructor = Popover - $.fn.popover.defaults = $.extend({} , $.fn.tooltip.defaults, { - placement: 'right' - , trigger: 'click' - , content: '' - , template: '

                  ' - }) - - /* POPOVER NO CONFLICT - * =================== */ + // POPOVER NO CONFLICT + // =================== $.fn.popover.noConflict = function () { $.fn.popover = old diff --git a/js/scrollspy.js b/js/scrollspy.js index 53bd41eef..cb257b2ca 100644 --- a/js/scrollspy.js +++ b/js/scrollspy.js @@ -18,130 +18,124 @@ * ============================================================== */ -!function ($) { +!function ($) { "use strict"; - "use strict"; // jshint ;_; - - - /* SCROLLSPY CLASS DEFINITION - * ========================== */ + // SCROLLSPY CLASS DEFINITION + // ========================== function ScrollSpy(element, options) { - var process = $.proxy(this.process, this) - , $element = $(element).is('body') ? $(window) : $(element) - , href - this.options = $.extend({}, $.fn.scrollspy.defaults, options) + var href + var process = $.proxy(this.process, this) + var $element = $(element).is('body') ? $(window) : $(element) + + this.$body = $('body') this.$scrollElement = $element.on('scroll.scroll-spy.data-api', process) - this.selector = (this.options.target + this.options = $.extend({}, ScrollSpy.DEFAULTS, options) + this.selector = (this.options.target || ((href = $(element).attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7 || '') + ' .nav li > a' - this.$body = $('body') + this.offsets = $([]) + this.targets = $([]) + this.activeTarget = null + this.refresh() this.process() } - ScrollSpy.prototype = { - - constructor: ScrollSpy - - , refresh: function () { - var self = this - , $targets - - this.offsets = $([]) - this.targets = $([]) - - $targets = this.$body - .find(this.selector) - .map(function () { - var $el = $(this) - , href = $el.data('target') || $el.attr('href') - , $href = /^#\w/.test(href) && $(href) - return ( $href - && $href.length - && [[ $href.position().top + (!$.isWindow(self.$scrollElement.get(0)) && self.$scrollElement.scrollTop()), href ]] ) || null - }) - .sort(function (a, b) { return a[0] - b[0] }) - .each(function () { - self.offsets.push(this[0]) - self.targets.push(this[1]) - }) - } - - , process: function () { - var scrollTop = this.$scrollElement.scrollTop() + this.options.offset - , scrollHeight = this.$scrollElement[0].scrollHeight || this.$body[0].scrollHeight - , maxScroll = scrollHeight - this.$scrollElement.height() - , offsets = this.offsets - , targets = this.targets - , activeTarget = this.activeTarget - , i - - if (scrollTop >= maxScroll) { - return activeTarget != (i = targets.last()[0]) - && this.activate ( i ) - } - - for (i = offsets.length; i--;) { - activeTarget != targets[i] - && scrollTop >= offsets[i] - && (!offsets[i + 1] || scrollTop <= offsets[i + 1]) - && this.activate( targets[i] ) - } - } - - , activate: function (target) { - var active - , selector - - this.activeTarget = target - - $(this.selector) - .parents('.active') - .removeClass('active') - - selector = this.selector - + '[data-target="' + target + '"],' - + this.selector + '[href="' + target + '"]' - - active = $(selector) - .parents('li') - .addClass('active') - - if (active.parent('.dropdown-menu').length) { - active = active.closest('li.dropdown').addClass('active') - } - - active.trigger('activate') - } + ScrollSpy.DEFAULTS = { + offset: 10 + } + + ScrollSpy.prototype.refresh = function () { + this.offsets = $([]) + this.targets = $([]) + + var self = this + var $targets = this.$body + .find(this.selector) + .map(function () { + var $el = $(this) + var href = $el.data('target') || $el.attr('href') + var $href = /^#\w/.test(href) && $(href) + + return ($href + && $href.length + && [[ $href.position().top + (!$.isWindow(self.$scrollElement.get(0)) && self.$scrollElement.scrollTop()), href ]]) || null + }) + .sort(function (a, b) { return a[0] - b[0] }) + .each(function () { + self.offsets.push(this[0]) + self.targets.push(this[1]) + }) + } + ScrollSpy.prototype.process = function () { + var scrollTop = this.$scrollElement.scrollTop() + this.options.offset + var scrollHeight = this.$scrollElement[0].scrollHeight || this.$body[0].scrollHeight + var maxScroll = scrollHeight - this.$scrollElement.height() + var offsets = this.offsets + var targets = this.targets + var activeTarget = this.activeTarget + var i + + if (scrollTop >= maxScroll) { + return activeTarget != (i = targets.last()[0]) && this.activate(i) + } + + for (i = offsets.length; i--;) { + activeTarget != targets[i] + && scrollTop >= offsets[i] + && (!offsets[i + 1] || scrollTop <= offsets[i + 1]) + && this.activate( targets[i] ) + } } + ScrollSpy.prototype.activate = function (target) { + this.activeTarget = target + + $(this.selector) + .parents('.active') + .removeClass('active') + + var selector = this.selector + + '[data-target="' + target + '"],' + + this.selector + '[href="' + target + '"]' - /* SCROLLSPY PLUGIN DEFINITION - * =========================== */ + var active = $(selector) + .parents('li') + .addClass('active') + + if (active.parent('.dropdown-menu').length) { + active = active + .closest('li.dropdown') + .addClass('active') + } + + active.trigger('activate') + } + + + // SCROLLSPY PLUGIN DEFINITION + // =========================== var old = $.fn.scrollspy $.fn.scrollspy = function (option) { return this.each(function () { - var $this = $(this) - , data = $this.data('scrollspy') - , options = typeof option == 'object' && option - if (!data) $this.data('scrollspy', (data = new ScrollSpy(this, options))) + var $this = $(this) + var data = $this.data('bs-scrollspy') + var options = typeof option == 'object' && option + + if (!data) $this.data('bs-scrollspy', (data = new ScrollSpy(this, options))) if (typeof option == 'string') data[option]() }) } $.fn.scrollspy.Constructor = ScrollSpy - $.fn.scrollspy.defaults = { - offset: 10 - } - - /* SCROLLSPY NO CONFLICT - * ===================== */ + // SCROLLSPY NO CONFLICT + // ===================== $.fn.scrollspy.noConflict = function () { $.fn.scrollspy = old @@ -149,8 +143,8 @@ } - /* SCROLLSPY DATA-API - * ================== */ + // SCROLLSPY DATA-API + // ================== $(window).on('load', function () { $('[data-spy="scroll"]').each(function () { diff --git a/js/tab.js b/js/tab.js index 1df9f9098..80d6f2618 100644 --- a/js/tab.js +++ b/js/tab.js @@ -18,105 +18,94 @@ * ======================================================== */ -!function ($) { +!function ($) { "use strict"; - "use strict"; // jshint ;_; - - - /* TAB CLASS DEFINITION - * ==================== */ + // TAB CLASS DEFINITION + // ==================== var Tab = function (element) { this.element = $(element) } - Tab.prototype = { - - constructor: Tab - - , show: function () { - var $this = this.element - , $ul = $this.closest('ul:not(.dropdown-menu)') - , selector = $this.attr('data-target') - , previous - , $target - , e - - if (!selector) { - selector = $this.attr('href') - selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7 - } + Tab.prototype.show = function () { + var $this = this.element + var $ul = $this.closest('ul:not(.dropdown-menu)') + var selector = $this.attr('data-target') - if ( $this.parent('li').hasClass('active') ) return + if (!selector) { + selector = $this.attr('href') + selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7 + } - previous = $ul.find('.active:last a')[0] + if ($this.parent('li').hasClass('active')) return - e = $.Event('show', { - relatedTarget: previous - }) + var previous = $ul.find('.active:last a')[0] + var e = $.Event('bs:tab:show', { + relatedTarget: previous + }) - $this.trigger(e) + $this.trigger(e) - if (e.isDefaultPrevented()) return + if (e.isDefaultPrevented()) return - $target = $(selector) + var $target = $(selector) - this.activate($this.parent('li'), $ul) - this.activate($target, $target.parent(), function () { - $this.trigger({ - type: 'shown' - , relatedTarget: previous - }) + this.activate($this.parent('li'), $ul) + this.activate($target, $target.parent(), function () { + $this.trigger({ + type: 'bs:tab:shown' + , relatedTarget: previous }) - } - - , activate: function ( element, container, callback) { - var $active = container.find('> .active') - , transition = callback - && $.support.transition - && $active.hasClass('fade') - - function next() { - $active - .removeClass('active') - .find('> .dropdown-menu > .active') - .removeClass('active') - - element.addClass('active') - - if (transition) { - element[0].offsetWidth // reflow for transition - element.addClass('in') - } else { - element.removeClass('fade') - } - - if ( element.parent('.dropdown-menu') ) { - element.closest('li.dropdown').addClass('active') - } + }) + } - callback && callback() + Tab.prototype.activate = function (element, container, callback) { + var $active = container.find('> .active') + var transition = callback + && $.support.transition + && $active.hasClass('fade') + + function next() { + $active + .removeClass('active') + .find('> .dropdown-menu > .active') + .removeClass('active') + + element.addClass('active') + + if (transition) { + element[0].offsetWidth // reflow for transition + element.addClass('in') + } else { + element.removeClass('fade') } - transition ? - $active.one($.support.transition.end, next) : - next() + if (element.parent('.dropdown-menu')) { + element.closest('li.dropdown').addClass('active') + } - $active.removeClass('in') + callback && callback() } + + transition ? + $active.one($.support.transition.end, next) : + next() + + $active.removeClass('in') } - /* TAB PLUGIN DEFINITION - * ===================== */ + // TAB PLUGIN DEFINITION + // ===================== var old = $.fn.tab $.fn.tab = function ( option ) { return this.each(function () { var $this = $(this) - , data = $this.data('tab') - if (!data) $this.data('tab', (data = new Tab(this))) + var data = $this.data('bs-tab') + + if (!data) $this.data('bs-tab', (data = new Tab(this))) if (typeof option == 'string') data[option]() }) } @@ -124,8 +113,8 @@ $.fn.tab.Constructor = Tab - /* TAB NO CONFLICT - * =============== */ + // TAB NO CONFLICT + // =============== $.fn.tab.noConflict = function () { $.fn.tab = old @@ -133,8 +122,8 @@ } - /* TAB DATA-API - * ============ */ + // TAB DATA-API + // ============ $(document).on('click.tab.data-api', '[data-toggle="tab"], [data-toggle="pill"]', function (e) { e.preventDefault() diff --git a/js/tooltip.js b/js/tooltip.js index f199a3e6a..a75b755fd 100644 --- a/js/tooltip.js +++ b/js/tooltip.js @@ -19,317 +19,319 @@ * ========================================================== */ -!function ($) { +!function ($) { "use strict"; - "use strict"; // jshint ;_; - - - /* TOOLTIP PUBLIC CLASS DEFINITION - * =============================== */ + // TOOLTIP PUBLIC CLASS DEFINITION + // =============================== var Tooltip = function (element, options) { + this.type = + this.options = + this.enabled = + this.timeout = + this.hoverState = + this.$element = null + this.init('tooltip', element, options) } - Tooltip.prototype = { - - constructor: Tooltip - - , init: function (type, element, options) { - var eventIn - , eventOut - , triggers - , trigger - , i - - this.type = type - this.$element = $(element) - this.options = this.getOptions(options) - this.enabled = true - - triggers = this.options.trigger.split(' ') - - for (i = triggers.length; i--;) { - trigger = triggers[i] - if (trigger == 'click') { - this.$element.on('click.' + this.type, this.options.selector, $.proxy(this.toggle, this)) - } else if (trigger != 'manual') { - eventIn = trigger == 'hover' ? 'mouseenter' : 'focus' - eventOut = trigger == 'hover' ? 'mouseleave' : 'blur' - this.$element.on(eventIn + '.' + this.type, this.options.selector, $.proxy(this.enter, this)) - this.$element.on(eventOut + '.' + this.type, this.options.selector, $.proxy(this.leave, this)) - } - } + Tooltip.DEFAULTS = { + animation: true + , placement: 'top' + , selector: false + , template: '
                  ' + , trigger: 'hover focus' + , title: '' + , delay: 0 + , html: false + , container: false + } - this.options.selector ? - (this._options = $.extend({}, this.options, { trigger: 'manual', selector: '' })) : - this.fixTitle() - } + Tooltip.prototype.init = function (type, element, options) { + this.type = type + this.options = this.getOptions(options) + this.enabled = true + this.$element = $(element) - , getOptions: function (options) { - options = $.extend({}, $.fn[this.type].defaults, this.$element.data(), options) + var triggers = this.options.trigger.split(' ') - if (options.delay && typeof options.delay == 'number') { - options.delay = { - show: options.delay - , hide: options.delay - } + for (var i = triggers.length; i--;) { + var trigger = triggers[i] + + if (trigger == 'click') { + this.$element.on('click.' + this.type, this.options.selector, $.proxy(this.toggle, this)) + } else if (trigger != 'manual') { + var eventIn = trigger == 'hover' ? 'mouseenter' : 'focus' + var eventOut = trigger == 'hover' ? 'mouseleave' : 'blur' + + this.$element.on(eventIn + '.' + this.type, this.options.selector, $.proxy(this.enter, this)) + this.$element.on(eventOut + '.' + this.type, this.options.selector, $.proxy(this.leave, this)) } + } + + this.options.selector ? + (this._options = $.extend({}, this.options, { trigger: 'manual', selector: '' })) : + this.fixTitle() + } + + Tooltip.prototype.getDefaults = function () { + return Tooltip.DEFAULTS + } + + Tooltip.prototype.getOptions = function (options) { + options = $.extend({}, this.getDefaults(), this.$element.data(), options) - return options + if (options.delay && typeof options.delay == 'number') { + options.delay = { + show: options.delay + , hide: options.delay + } } - , enter: function (e) { - var defaults = $.fn[this.type].defaults - , options = {} - , self + return options + } - this._options && $.each(this._options, function (key, value) { - if (defaults[key] != value) options[key] = value - }, this) + Tooltip.prototype.enter = function (e) { + var defaults = $.fn[this.type].defaults + var options = {} - self = $(e.currentTarget)[this.type](options).data(this.type) + this._options && $.each(this._options, function (key, value) { + if (defaults[key] != value) options[key] = value + }, this) - if (!self.options.delay || !self.options.delay.show) return self.show() + var self = $(e.currentTarget)[this.type](options).data(this.type) - clearTimeout(this.timeout) - self.hoverState = 'in' - this.timeout = setTimeout(function() { - if (self.hoverState == 'in') self.show() - }, self.options.delay.show) - } + if (!self.options.delay || !self.options.delay.show) return self.show() - , leave: function (e) { - var self = $(e.currentTarget)[this.type](this._options).data(this.type) + clearTimeout(this.timeout) - if (this.timeout) clearTimeout(this.timeout) - if (!self.options.delay || !self.options.delay.hide) return self.hide() + self.hoverState = 'in' + this.timeout = setTimeout(function() { + if (self.hoverState == 'in') self.show() + }, self.options.delay.show) + } - self.hoverState = 'out' - this.timeout = setTimeout(function() { - if (self.hoverState == 'out') self.hide() - }, self.options.delay.hide) - } + Tooltip.prototype.leave = function (e) { + var self = $(e.currentTarget)[this.type](this._options).data(this.type) + + if (this.timeout) clearTimeout(this.timeout) + if (!self.options.delay || !self.options.delay.hide) return self.hide() - , show: function () { - var $tip - , pos - , actualWidth - , actualHeight - , placement - , tp - , e = $.Event('show') + self.hoverState = 'out' + this.timeout = setTimeout(function() { + if (self.hoverState == 'out') self.hide() + }, self.options.delay.hide) + } - if (this.hasContent() && this.enabled) { - this.$element.trigger(e) - if (e.isDefaultPrevented()) return - $tip = this.tip() - this.setContent() + Tooltip.prototype.show = function () { + var e = $.Event('bs:'+ this.type + ':show') - if (this.options.animation) { - $tip.addClass('fade') - } + if (this.hasContent() && this.enabled) { + this.$element.trigger(e) - placement = typeof this.options.placement == 'function' ? - this.options.placement.call(this, $tip[0], this.$element[0]) : - this.options.placement + if (e.isDefaultPrevented()) return - $tip - .detach() - .css({ top: 0, left: 0, display: 'block' }) + var $tip = this.tip() - this.options.container ? $tip.appendTo(this.options.container) : $tip.insertAfter(this.$element) + this.setContent() - pos = this.getPosition() + if (this.options.animation) $tip.addClass('fade') - actualWidth = $tip[0].offsetWidth - actualHeight = $tip[0].offsetHeight + var placement = typeof this.options.placement == 'function' ? + this.options.placement.call(this, $tip[0], this.$element[0]) : + this.options.placement - switch (placement) { - case 'bottom': - tp = {top: pos.top + pos.height, left: pos.left + pos.width / 2 - actualWidth / 2} - break - case 'top': - tp = {top: pos.top - actualHeight, left: pos.left + pos.width / 2 - actualWidth / 2} - break - case 'left': - tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth} - break - case 'right': - tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width} - break - } - - this.applyPlacement(tp, placement) - this.$element.trigger('shown') + $tip + .detach() + .css({ top: 0, left: 0, display: 'block' }) + + this.options.container ? $tip.appendTo(this.options.container) : $tip.insertAfter(this.$element) + + var tp + var pos = this.getPosition() + var actualWidth = $tip[0].offsetWidth + var actualHeight = $tip[0].offsetHeight + + switch (placement) { + case 'bottom': + tp = {top: pos.top + pos.height, left: pos.left + pos.width / 2 - actualWidth / 2} + break + case 'top': + tp = {top: pos.top - actualHeight, left: pos.left + pos.width / 2 - actualWidth / 2} + break + case 'left': + tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth} + break + case 'right': + tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width} + break } + + this.applyPlacement(tp, placement) + this.$element.trigger('shown') } - , applyPlacement: function(offset, placement){ - var $tip = this.tip() - , width = $tip[0].offsetWidth - , height = $tip[0].offsetHeight - , actualWidth - , actualHeight - , delta - , replace + Tooltip.prototype.applyPlacement = function(offset, placement) { + var $tip = this.tip() + var width = $tip[0].offsetWidth + var height = $tip[0].offsetHeight - $tip - .offset(offset) - .addClass(placement) - .addClass('in') + $tip + .offset(offset) + .addClass(placement) + .addClass('in') - actualWidth = $tip[0].offsetWidth - actualHeight = $tip[0].offsetHeight + var actualWidth = $tip[0].offsetWidth + var actualHeight = $tip[0].offsetHeight - if (placement == 'top' && actualHeight != height) { - offset.top = offset.top + height - actualHeight - replace = true - } + if (placement == 'top' && actualHeight != height) { + var replace = true + offset.top = offset.top + height - actualHeight + } + + if (placement == 'bottom' || placement == 'top') { + var delta = 0 - if (placement == 'bottom' || placement == 'top') { - delta = 0 + if (offset.left < 0){ + delta = offset.left * -2 + offset.left = 0 - if (offset.left < 0){ - delta = offset.left * -2 - offset.left = 0 - $tip.offset(offset) - actualWidth = $tip[0].offsetWidth - actualHeight = $tip[0].offsetHeight - } + $tip.offset(offset) - this.replaceArrow(delta - width + actualWidth, actualWidth, 'left') - } else { - this.replaceArrow(actualHeight - height, actualHeight, 'top') + actualWidth = $tip[0].offsetWidth + actualHeight = $tip[0].offsetHeight } - if (replace) $tip.offset(offset) + this.replaceArrow(delta - width + actualWidth, actualWidth, 'left') + } else { + this.replaceArrow(actualHeight - height, actualHeight, 'top') } - , replaceArrow: function(delta, dimension, position){ - this - .arrow() - .css(position, delta ? (50 * (1 - delta / dimension) + "%") : '') - } + if (replace) $tip.offset(offset) + } - , setContent: function () { - var $tip = this.tip() - , title = this.getTitle() + Tooltip.prototype.replaceArrow = function(delta, dimension, position){ + this.arrow().css(position, delta ? (50 * (1 - delta / dimension) + "%") : '') + } - $tip.find('.tooltip-inner')[this.options.html ? 'html' : 'text'](title) - $tip.removeClass('fade in top bottom left right') - } + Tooltip.prototype.setContent = function () { + var $tip = this.tip() + var title = this.getTitle() - , hide: function () { - var that = this - , $tip = this.tip() - , e = $.Event('hide') + $tip.find('.tooltip-inner')[this.options.html ? 'html' : 'text'](title) + $tip.removeClass('fade in top bottom left right') + } - this.$element.trigger(e) - if (e.isDefaultPrevented()) return + Tooltip.prototype.hide = function () { + var that = this + var $tip = this.tip() + var e = $.Event('hide') - $tip.removeClass('in') + this.$element.trigger(e) - function removeWithAnimation() { - var timeout = setTimeout(function () { - $tip.off($.support.transition.end).detach() - }, 500) + if (e.isDefaultPrevented()) return - $tip.one($.support.transition.end, function () { - clearTimeout(timeout) - $tip.detach() - }) - } + $tip.removeClass('in') + + function removeWithAnimation() { + var timeout = setTimeout(function () { + $tip.off($.support.transition.end).detach() + }, 500) - $.support.transition && this.$tip.hasClass('fade') ? - removeWithAnimation() : + $tip.one($.support.transition.end, function () { + clearTimeout(timeout) $tip.detach() + }) + } - this.$element.trigger('hidden') + $.support.transition && this.$tip.hasClass('fade') ? + removeWithAnimation() : + $tip.detach() - return this - } + this.$element.trigger('hidden') - , fixTitle: function () { - var $e = this.$element - if ($e.attr('title') || typeof($e.attr('data-original-title')) != 'string') { - $e.attr('data-original-title', $e.attr('title') || '').attr('title', '') - } - } + return this + } - , hasContent: function () { - return this.getTitle() + Tooltip.prototype.fixTitle = function () { + var $e = this.$element + if ($e.attr('title') || typeof($e.attr('data-original-title')) != 'string') { + $e.attr('data-original-title', $e.attr('title') || '').attr('title', '') } + } - , getPosition: function () { - var el = this.$element[0] - return $.extend({}, (typeof el.getBoundingClientRect == 'function') ? el.getBoundingClientRect() : { - width: el.offsetWidth - , height: el.offsetHeight - }, this.$element.offset()) - } + Tooltip.prototype.hasContent = function () { + return this.getTitle() + } - , getTitle: function () { - var title - , $e = this.$element - , o = this.options + Tooltip.prototype.getPosition = function () { + var el = this.$element[0] + return $.extend({}, (typeof el.getBoundingClientRect == 'function') ? el.getBoundingClientRect() : { + width: el.offsetWidth + , height: el.offsetHeight + }, this.$element.offset()) + } - title = $e.attr('data-original-title') - || (typeof o.title == 'function' ? o.title.call($e[0]) : o.title) + Tooltip.prototype.getTitle = function () { + var title + var $e = this.$element + var o = this.options - return title - } + title = $e.attr('data-original-title') + || (typeof o.title == 'function' ? o.title.call($e[0]) : o.title) - , tip: function () { - return this.$tip = this.$tip || $(this.options.template) - } + return title + } - , arrow: function(){ - return this.$arrow = this.$arrow || this.tip().find(".tooltip-arrow") - } + Tooltip.prototype.tip = function () { + return this.$tip = this.$tip || $(this.options.template) + } - , validate: function () { - if (!this.$element[0].parentNode) { - this.hide() - this.$element = null - this.options = null - } - } + Tooltip.prototype.arrow =function(){ + return this.$arrow = this.$arrow || this.tip().find(".tooltip-arrow") + } - , enable: function () { - this.enabled = true + Tooltip.prototype.validate = function () { + if (!this.$element[0].parentNode) { + this.hide() + this.$element = null + this.options = null } + } - , disable: function () { - this.enabled = false - } + Tooltip.prototype.enable = function () { + this.enabled = true + } - , toggleEnabled: function () { - this.enabled = !this.enabled - } + Tooltip.prototype.disable = function () { + this.enabled = false + } - , toggle: function (e) { - var self = e ? $(e.currentTarget)[this.type](this._options).data(this.type) : this - self.tip().hasClass('in') ? self.hide() : self.show() - } + Tooltip.prototype.toggleEnabled = function () { + this.enabled = !this.enabled + } - , destroy: function () { - this.hide().$element.off('.' + this.type).removeData(this.type) - } + Tooltip.prototype.toggle = function (e) { + var self = e ? $(e.currentTarget)[this.type](this._options).data(this.type) : this + self.tip().hasClass('in') ? self.hide() : self.show() + } + Tooltip.prototype.destroy = function () { + this.hide().$element.off('.' + this.type).removeData(this.type) } - /* TOOLTIP PLUGIN DEFINITION - * ========================= */ + // TOOLTIP PLUGIN DEFINITION + // ========================= var old = $.fn.tooltip $.fn.tooltip = function ( option ) { return this.each(function () { - var $this = $(this) - , data = $this.data('tooltip') - , options = typeof option == 'object' && option + var $this = $(this) + var data = $this.data('tooltip') + var options = typeof option == 'object' && option + if (!data) $this.data('tooltip', (data = new Tooltip(this, options))) if (typeof option == 'string') data[option]() }) @@ -337,21 +339,9 @@ $.fn.tooltip.Constructor = Tooltip - $.fn.tooltip.defaults = { - animation: true - , placement: 'top' - , selector: false - , template: '
                  ' - , trigger: 'hover focus' - , title: '' - , delay: 0 - , html: false - , container: false - } - - /* TOOLTIP NO CONFLICT - * =================== */ + // TOOLTIP NO CONFLICT + // =================== $.fn.tooltip.noConflict = function () { $.fn.tooltip = old diff --git a/js/transition.js b/js/transition.js index d3417b82c..11f20e9b2 100644 --- a/js/transition.js +++ b/js/transition.js @@ -18,33 +18,30 @@ * ========================================================== */ -!function ($) { +!function ($) { "use strict"; - "use strict"; - - - /* CSS TRANSITION SUPPORT (Shoutout: http://www.modernizr.com/) - * ======================================================= */ + // CSS TRANSITION SUPPORT (Shoutout: http://www.modernizr.com/) + // ============================================================ function transitionEnd() { - var el = document.createElement('bootstrap'); + var el = document.createElement('bootstrap') var transEndEventNames = { - 'WebkitTransition' : 'webkitTransitionEnd' - , 'MozTransition' : 'transitionend' - , 'OTransition' : 'oTransitionEnd otransitionend' - , 'transition' : 'transitionend' - }; + 'WebkitTransition' : 'webkitTransitionEnd' + , 'MozTransition' : 'transitionend' + , 'OTransition' : 'oTransitionEnd otransitionend' + , 'transition' : 'transitionend' + } for (var name in transEndEventNames) { if (el.style[name] !== undefined) { - return { end: transEndEventNames[name] }; + return { end: transEndEventNames[name] } } } } $(function () { - $.support.transition = transitionEnd(); - }); + $.support.transition = transitionEnd() + }) }(window.jQuery); -- cgit v1.2.3 From 19de2e86035746b4cda13d4e3860bc549b4f4841 Mon Sep 17 00:00:00 2001 From: fat Date: Thu, 16 May 2013 17:19:23 -0700 Subject: add bs- prefix to tooltip --- js/tooltip.js | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/js/tooltip.js b/js/tooltip.js index a75b755fd..60cbe1200 100644 --- a/js/tooltip.js +++ b/js/tooltip.js @@ -225,7 +225,7 @@ Tooltip.prototype.hide = function () { var that = this var $tip = this.tip() - var e = $.Event('hide') + var e = $.Event('bs:' + this.type + ':hide') this.$element.trigger(e) @@ -329,10 +329,10 @@ $.fn.tooltip = function ( option ) { return this.each(function () { var $this = $(this) - var data = $this.data('tooltip') + var data = $this.data('bs-tooltip') var options = typeof option == 'object' && option - if (!data) $this.data('tooltip', (data = new Tooltip(this, options))) + if (!data) $this.data('bs-tooltip', (data = new Tooltip(this, options))) if (typeof option == 'string') data[option]() }) } -- cgit v1.2.3 From a72d0d6e3a5f2691eaa7e036a7b081d021097159 Mon Sep 17 00:00:00 2001 From: fat Date: Thu, 16 May 2013 17:44:50 -0700 Subject: fix tests --- docs/assets/js/alert.js | 8 +- docs/assets/js/bootstrap.js | 1226 +++++++++++++++++++-------------------- docs/assets/js/bootstrap.min.js | 2 +- docs/assets/js/carousel.js | 7 +- docs/assets/js/collapse.js | 4 +- docs/assets/js/dropdown.js | 1 - docs/assets/js/modal.js | 285 +++++---- docs/assets/js/popover.js | 103 ++-- docs/assets/js/scrollspy.js | 194 +++---- docs/assets/js/tab.js | 139 ++--- docs/assets/js/tooltip.js | 490 ++++++++-------- docs/assets/js/transition.js | 27 +- js/collapse.js | 4 +- js/modal.js | 6 +- js/popover.js | 2 +- js/tests/unit/alert.js | 4 +- js/tests/unit/carousel.js | 14 +- js/tests/unit/collapse.js | 12 +- js/tests/unit/modal.js | 28 +- js/tests/unit/popover.js | 4 +- js/tests/unit/tab.js | 6 +- js/tests/unit/tooltip.js | 28 +- js/tooltip.js | 24 +- 23 files changed, 1268 insertions(+), 1350 deletions(-) diff --git a/docs/assets/js/alert.js b/docs/assets/js/alert.js index 9df950245..b841b4f5a 100644 --- a/docs/assets/js/alert.js +++ b/docs/assets/js/alert.js @@ -45,7 +45,7 @@ $parent = $this.hasClass('alert') ? $this : $this.parent() } - $parent.trigger(e = $.Event('bs-close')) + $parent.trigger(e = $.Event('bs:alert:close')) if (e.isDefaultPrevented()) return @@ -79,8 +79,8 @@ $.fn.alert.Constructor = Alert - /* ALERT NO CONFLICT - * ================= */ + // ALERT NO CONFLICT + // ================= $.fn.alert.noConflict = function () { $.fn.alert = old @@ -89,7 +89,7 @@ // ALERT DATA-API - // ============== */ + // ============== $(document).on('click.bs-alert.bs-data-api', dismiss, Alert.prototype.close) diff --git a/docs/assets/js/bootstrap.js b/docs/assets/js/bootstrap.js index 77ed438b8..a8501d592 100644 --- a/docs/assets/js/bootstrap.js +++ b/docs/assets/js/bootstrap.js @@ -18,34 +18,31 @@ * ========================================================== */ -!function ($) { - - "use strict"; - +!function ($) { "use strict"; - /* CSS TRANSITION SUPPORT (Shoutout: http://www.modernizr.com/) - * ======================================================= */ + // CSS TRANSITION SUPPORT (Shoutout: http://www.modernizr.com/) + // ============================================================ function transitionEnd() { - var el = document.createElement('bootstrap'); + var el = document.createElement('bootstrap') var transEndEventNames = { - 'WebkitTransition' : 'webkitTransitionEnd' - , 'MozTransition' : 'transitionend' - , 'OTransition' : 'oTransitionEnd otransitionend' - , 'transition' : 'transitionend' - }; + 'WebkitTransition' : 'webkitTransitionEnd' + , 'MozTransition' : 'transitionend' + , 'OTransition' : 'oTransitionEnd otransitionend' + , 'transition' : 'transitionend' + } for (var name in transEndEventNames) { if (el.style[name] !== undefined) { - return { end: transEndEventNames[name] }; + return { end: transEndEventNames[name] } } } } $(function () { - $.support.transition = transitionEnd(); - }); + $.support.transition = transitionEnd() + }) }(window.jQuery); /* ========================================================== @@ -95,7 +92,7 @@ $parent = $this.hasClass('alert') ? $this : $this.parent() } - $parent.trigger(e = $.Event('bs-close')) + $parent.trigger(e = $.Event('bs:alert:close')) if (e.isDefaultPrevented()) return @@ -129,8 +126,8 @@ $.fn.alert.Constructor = Alert - /* ALERT NO CONFLICT - * ================= */ + // ALERT NO CONFLICT + // ================= $.fn.alert.noConflict = function () { $.fn.alert = old @@ -139,7 +136,7 @@ // ALERT DATA-API - // ============== */ + // ============== $(document).on('click.bs-alert.bs-data-api', dismiss, Alert.prototype.close) @@ -362,7 +359,7 @@ $next = $next.length ? $next : this.$element.find('.item')[fallback]() - var e = $.Event('slide', { relatedTarget: $next[0], direction: direction }) + var e = $.Event('bs:carousel:slide', { relatedTarget: $next[0], direction: direction }) if ($next.hasClass('active')) return @@ -410,11 +407,11 @@ $.fn.carousel = function (option) { return this.each(function () { var $this = $(this) - var data = $this.data('carousel') + var data = $this.data('bs-carousel') var options = $.extend({}, Carousel.DEFAULTS, typeof option == 'object' && option) var action = typeof option == 'string' ? option : options.slide - if (!data) $this.data('carousel', (data = new Carousel(this, options))) + if (!data) $this.data('bs-carousel', (data = new Carousel(this, options))) if (typeof option == 'number') data.to(option) else if (action) data[action]() else if (options.interval) data.pause().cycle() @@ -432,6 +429,7 @@ return this } + // CAROUSEL DATA-API // ================= @@ -509,7 +507,7 @@ } this.$element[dimension](0) - this.transition('addClass', $.Event('show'), 'shown') + this.transition('addClass', $.Event('bs:collapse:show'), 'shown') if ($.support.transition) this.$element[dimension](this.$element[0][scroll]) } @@ -518,7 +516,7 @@ if (this.transitioning || !this.$element.hasClass('in')) return var dimension = this.dimension() this.reset(this.$element[dimension]()) - this.transition('removeClass', $.Event('hide'), 'hidden') + this.transition('removeClass', $.Event('bs:collapse:hide'), 'hidden') this.$element[dimension](0) } @@ -626,7 +624,6 @@ !function ($) { "use strict"; - // DROPDOWN CLASS DEFINITION // ========================= @@ -766,207 +763,198 @@ * ========================================================= */ -!function ($) { - - "use strict"; // jshint ;_; - +!function ($) { "use strict"; - /* MODAL CLASS DEFINITION - * ====================== */ + // MODAL CLASS DEFINITION + // ====================== var Modal = function (element, options) { - this.options = options - this.$element = $(element) - .delegate('[data-dismiss="modal"]', 'click.dismiss.modal', $.proxy(this.hide, this)) - this.options.remote && this.$element.find('.modal-body').load(this.options.remote) - } + this.options = options + this.$element = $(element).delegate('[data-dismiss="modal"]', 'click.dismiss.modal', $.proxy(this.hide, this)) + this.$backdrop = + this.isShown = null - Modal.prototype = { + if (this.options.remote) this.$element.find('.modal-body').load(this.options.remote) + } - constructor: Modal + Modal.DEFAULTS = { + backdrop: true + , keyboard: true + , show: true + } - , toggle: function () { - return this[!this.isShown ? 'show' : 'hide']() - } + Modal.prototype.toggle = function () { + return this[!this.isShown ? 'show' : 'hide']() + } - , show: function () { - var that = this - , e = $.Event('show') + Modal.prototype.show = function () { + var that = this + var e = $.Event('bs:modal:show') - this.$element.trigger(e) + this.$element.trigger(e) - if (this.isShown || e.isDefaultPrevented()) return + if (this.isShown || e.isDefaultPrevented()) return - this.isShown = true + this.isShown = true - this.escape() + this.escape() - this.backdrop(function () { - var transition = $.support.transition && that.$element.hasClass('fade') + this.backdrop(function () { + var transition = $.support.transition && that.$element.hasClass('fade') - if (!that.$element.parent().length) { - that.$element.appendTo(document.body) //don't move modals dom position - } + if (!that.$element.parent().length) { + that.$element.appendTo(document.body) //don't move modals dom position + } - that.$element.show() + that.$element.show() - if (transition) { - that.$element[0].offsetWidth // force reflow - } + if (transition) { + that.$element[0].offsetWidth // force reflow + } - that.$element - .addClass('in') - .attr('aria-hidden', false) + that.$element + .addClass('in') + .attr('aria-hidden', false) - that.enforceFocus() + that.enforceFocus() - transition ? - that.$element.one($.support.transition.end, function () { that.$element.focus().trigger('shown') }) : - that.$element.focus().trigger('shown') + transition ? + that.$element.one($.support.transition.end, function () { that.$element.focus().trigger('bs:modal:shown') }) : + that.$element.focus().trigger('bs:modal:shown') - }) - } + }) + } - , hide: function (e) { - e && e.preventDefault() + Modal.prototype.show = function (e) { + if (e) e.preventDefault() - var that = this + e = $.Event('bs:modal:hide') - e = $.Event('hide') + this.$element.trigger(e) - this.$element.trigger(e) + if (!this.isShown || e.isDefaultPrevented()) return - if (!this.isShown || e.isDefaultPrevented()) return + this.isShown = false - this.isShown = false + this.escape() - this.escape() + $(document).off('focusin.modal') - $(document).off('focusin.modal') + this.$element + .removeClass('in') + .attr('aria-hidden', true) - this.$element - .removeClass('in') - .attr('aria-hidden', true) + $.support.transition && this.$element.hasClass('fade') ? + this.hideWithTransition() : + this.hideModal() + } - $.support.transition && this.$element.hasClass('fade') ? - this.hideWithTransition() : - this.hideModal() + Modal.prototype.enforceFocus = function () { + $(document).on('focusin.modal', function (e) { + if (this.$element[0] !== e.target && !this.$element.has(e.target).length) { + this.$element.focus() } + }, this) + } - , enforceFocus: function () { - var that = this - $(document).on('focusin.modal', function (e) { - if (that.$element[0] !== e.target && !that.$element.has(e.target).length) { - that.$element.focus() - } - }) - } + Modal.prototype.escape = function () { + if (this.isShown && this.options.keyboard) { + this.$element.on('keyup.dismiss.modal', function ( e ) { + e.which == 27 && this.hide() + }, this) + } else if (!this.isShown) { + this.$element.off('keyup.dismiss.modal') + } + } - , escape: function () { - var that = this - if (this.isShown && this.options.keyboard) { - this.$element.on('keyup.dismiss.modal', function ( e ) { - e.which == 27 && that.hide() - }) - } else if (!this.isShown) { - this.$element.off('keyup.dismiss.modal') - } - } + Modal.prototype.hideWithTransition = function () { + var that = this + var timeout = setTimeout(function () { + that.$element.off($.support.transition.end) + that.hideModal() + }, 500) - , hideWithTransition: function () { - var that = this - , timeout = setTimeout(function () { - that.$element.off($.support.transition.end) - that.hideModal() - }, 500) - - this.$element.one($.support.transition.end, function () { - clearTimeout(timeout) - that.hideModal() - }) - } + this.$element.one($.support.transition.end, function () { + clearTimeout(timeout) + that.hideModal() + }) + } - , hideModal: function () { - var that = this - this.$element.hide() - this.backdrop(function () { - that.removeBackdrop() - that.$element.trigger('hidden') - }) - } + Modal.prototype.hideModal = function () { + var that = this + this.$element.hide() + this.backdrop(function () { + that.removeBackdrop() + that.$element.trigger('bs:modal:hidden') + }) + } - , removeBackdrop: function () { - this.$backdrop && this.$backdrop.remove() - this.$backdrop = null - } + Modal.prototype.removeBackdrop = function () { + this.$backdrop && this.$backdrop.remove() + this.$backdrop = null + } - , backdrop: function (callback) { - var that = this - , animate = this.$element.hasClass('fade') ? 'fade' : '' + Modal.prototype.backdrop = function (callback) { + var that = this + var animate = this.$element.hasClass('fade') ? 'fade' : '' - if (this.isShown && this.options.backdrop) { - var doAnimate = $.support.transition && animate + if (this.isShown && this.options.backdrop) { + var doAnimate = $.support.transition && animate - this.$backdrop = $('
                  ') - .appendTo(document.body) + this.$backdrop = $('
                  ') + .appendTo(document.body) - this.$backdrop.click( - this.options.backdrop == 'static' ? - $.proxy(this.$element[0].focus, this.$element[0]) - : $.proxy(this.hide, this) - ) + this.$backdrop.click( + this.options.backdrop == 'static' ? + $.proxy(this.$element[0].focus, this.$element[0]) + : $.proxy(this.hide, this) + ) - if (doAnimate) this.$backdrop[0].offsetWidth // force reflow + if (doAnimate) this.$backdrop[0].offsetWidth // force reflow - this.$backdrop.addClass('in') + this.$backdrop.addClass('in') - if (!callback) return + if (!callback) return - doAnimate ? - this.$backdrop.one($.support.transition.end, callback) : - callback() + doAnimate ? + this.$backdrop.one($.support.transition.end, callback) : + callback() - } else if (!this.isShown && this.$backdrop) { - this.$backdrop.removeClass('in') + } else if (!this.isShown && this.$backdrop) { + this.$backdrop.removeClass('in') - $.support.transition && this.$element.hasClass('fade')? - this.$backdrop.one($.support.transition.end, callback) : - callback() + $.support.transition && this.$element.hasClass('fade')? + this.$backdrop.one($.support.transition.end, callback) : + callback() - } else if (callback) { - callback() - } - } + } else if (callback) { + callback() + } } - /* MODAL PLUGIN DEFINITION - * ======================= */ + // MODAL PLUGIN DEFINITION + // ======================= var old = $.fn.modal $.fn.modal = function (option) { return this.each(function () { - var $this = $(this) - , data = $this.data('modal') - , options = $.extend({}, $.fn.modal.defaults, $this.data(), typeof option == 'object' && option) - if (!data) $this.data('modal', (data = new Modal(this, options))) + var $this = $(this) + var data = $this.data('bs-modal') + var options = $.extend({}, Modal.DEFAULTS, $this.data(), typeof option == 'object' && option) + + if (!data) $this.data('bs-modal', (data = new Modal(this, options))) if (typeof option == 'string') data[option]() else if (options.show) data.show() }) } - $.fn.modal.defaults = { - backdrop: true - , keyboard: true - , show: true - } - $.fn.modal.Constructor = Modal - /* MODAL NO CONFLICT - * ================= */ + // MODAL NO CONFLICT + // ================= $.fn.modal.noConflict = function () { $.fn.modal = old @@ -974,14 +962,14 @@ } - /* MODAL DATA-API - * ============== */ + // MODAL DATA-API + // ============== $(document).on('click.modal.data-api', '[data-toggle="modal"]', function (e) { - var $this = $(this) - , href = $this.attr('href') - , $target = $($this.attr('data-target') || (href && href.replace(/.*(?=#[^\s]+$)/, ''))) //strip for ie7 - , option = $target.data('modal') ? 'toggle' : $.extend({ remote:!/#/.test(href) && href }, $target.data(), $this.data()) + var $this = $(this) + var href = $this.attr('href') + var $target = $($this.attr('data-target') || (href && href.replace(/.*(?=#[^\s]+$)/, ''))) //strip for ie7 + var option = $target.data('modal') ? 'toggle' : $.extend({ remote:!/#/.test(href) && href }, $target.data(), $this.data()) e.preventDefault() @@ -993,8 +981,8 @@ }) var $body = $(document.body) - .on('shown', '.modal', function () { $body.addClass('modal-open') }) - .on('hidden', '.modal', function () { $body.removeClass('modal-open') }) + .on('bs:modal:shown', '.modal', function () { $body.addClass('modal-open') }) + .on('bs:modal:hidden', '.modal', function () { $body.removeClass('modal-open') }) }(window.jQuery); /* =========================================================== @@ -1018,339 +1006,331 @@ * ========================================================== */ -!function ($) { - - "use strict"; // jshint ;_; - +!function ($) { "use strict"; - /* TOOLTIP PUBLIC CLASS DEFINITION - * =============================== */ + // TOOLTIP PUBLIC CLASS DEFINITION + // =============================== var Tooltip = function (element, options) { + this.type = + this.options = + this.enabled = + this.timeout = + this.hoverState = + this.$element = null + this.init('tooltip', element, options) } - Tooltip.prototype = { + Tooltip.DEFAULTS = { + animation: true + , placement: 'top' + , selector: false + , template: '
                  ' + , trigger: 'hover focus' + , title: '' + , delay: 0 + , html: false + , container: false + } - constructor: Tooltip + Tooltip.prototype.init = function (type, element, options) { + this.type = type + this.options = this.getOptions(options) + this.enabled = true + this.$element = $(element) - , init: function (type, element, options) { - var eventIn - , eventOut - , triggers - , trigger - , i + var triggers = this.options.trigger.split(' ') - this.type = type - this.$element = $(element) - this.options = this.getOptions(options) - this.enabled = true + for (var i = triggers.length; i--;) { + var trigger = triggers[i] - triggers = this.options.trigger.split(' ') + if (trigger == 'click') { + this.$element.on('click.' + this.type, this.options.selector, $.proxy(this.toggle, this)) + } else if (trigger != 'manual') { + var eventIn = trigger == 'hover' ? 'mouseenter' : 'focus' + var eventOut = trigger == 'hover' ? 'mouseleave' : 'blur' - for (i = triggers.length; i--;) { - trigger = triggers[i] - if (trigger == 'click') { - this.$element.on('click.' + this.type, this.options.selector, $.proxy(this.toggle, this)) - } else if (trigger != 'manual') { - eventIn = trigger == 'hover' ? 'mouseenter' : 'focus' - eventOut = trigger == 'hover' ? 'mouseleave' : 'blur' - this.$element.on(eventIn + '.' + this.type, this.options.selector, $.proxy(this.enter, this)) - this.$element.on(eventOut + '.' + this.type, this.options.selector, $.proxy(this.leave, this)) - } + this.$element.on(eventIn + '.' + this.type, this.options.selector, $.proxy(this.enter, this)) + this.$element.on(eventOut + '.' + this.type, this.options.selector, $.proxy(this.leave, this)) } - - this.options.selector ? - (this._options = $.extend({}, this.options, { trigger: 'manual', selector: '' })) : - this.fixTitle() } - , getOptions: function (options) { - options = $.extend({}, $.fn[this.type].defaults, this.$element.data(), options) + this.options.selector ? + (this._options = $.extend({}, this.options, { trigger: 'manual', selector: '' })) : + this.fixTitle() + } - if (options.delay && typeof options.delay == 'number') { - options.delay = { - show: options.delay - , hide: options.delay - } - } + Tooltip.prototype.getDefaults = function () { + return Tooltip.DEFAULTS + } - return options + Tooltip.prototype.getOptions = function (options) { + options = $.extend({}, this.getDefaults(), this.$element.data(), options) + + if (options.delay && typeof options.delay == 'number') { + options.delay = { + show: options.delay + , hide: options.delay + } } - , enter: function (e) { - var defaults = $.fn[this.type].defaults - , options = {} - , self + return options + } - this._options && $.each(this._options, function (key, value) { - if (defaults[key] != value) options[key] = value - }, this) + Tooltip.prototype.enter = function (e) { + var defaults = $.fn[this.type].defaults + var options = {} - self = $(e.currentTarget)[this.type](options).data(this.type) + this._options && $.each(this._options, function (key, value) { + if (defaults[key] != value) options[key] = value + }, this) - if (!self.options.delay || !self.options.delay.show) return self.show() + var self = $(e.currentTarget)[this.type](options).data(this.type) - clearTimeout(this.timeout) - self.hoverState = 'in' - this.timeout = setTimeout(function() { - if (self.hoverState == 'in') self.show() - }, self.options.delay.show) - } + if (!self.options.delay || !self.options.delay.show) return self.show() - , leave: function (e) { - var self = $(e.currentTarget)[this.type](this._options).data(this.type) + clearTimeout(this.timeout) - if (this.timeout) clearTimeout(this.timeout) - if (!self.options.delay || !self.options.delay.hide) return self.hide() + self.hoverState = 'in' + this.timeout = setTimeout(function() { + if (self.hoverState == 'in') self.show() + }, self.options.delay.show) + } - self.hoverState = 'out' - this.timeout = setTimeout(function() { - if (self.hoverState == 'out') self.hide() - }, self.options.delay.hide) - } + Tooltip.prototype.leave = function (e) { + var self = $(e.currentTarget)[this.type](this._options).data(this.type) - , show: function () { - var $tip - , pos - , actualWidth - , actualHeight - , placement - , tp - , e = $.Event('show') + if (this.timeout) clearTimeout(this.timeout) + if (!self.options.delay || !self.options.delay.hide) return self.hide() - if (this.hasContent() && this.enabled) { - this.$element.trigger(e) - if (e.isDefaultPrevented()) return - $tip = this.tip() - this.setContent() + self.hoverState = 'out' + this.timeout = setTimeout(function() { + if (self.hoverState == 'out') self.hide() + }, self.options.delay.hide) + } - if (this.options.animation) { - $tip.addClass('fade') - } + Tooltip.prototype.show = function () { + var e = $.Event('bs:'+ this.type + ':show') - placement = typeof this.options.placement == 'function' ? - this.options.placement.call(this, $tip[0], this.$element[0]) : - this.options.placement + if (this.hasContent() && this.enabled) { + this.$element.trigger(e) - $tip - .detach() - .css({ top: 0, left: 0, display: 'block' }) + if (e.isDefaultPrevented()) return - this.options.container ? $tip.appendTo(this.options.container) : $tip.insertAfter(this.$element) + var $tip = this.tip() - pos = this.getPosition() + this.setContent() - actualWidth = $tip[0].offsetWidth - actualHeight = $tip[0].offsetHeight + if (this.options.animation) $tip.addClass('fade') - switch (placement) { - case 'bottom': - tp = {top: pos.top + pos.height, left: pos.left + pos.width / 2 - actualWidth / 2} - break - case 'top': - tp = {top: pos.top - actualHeight, left: pos.left + pos.width / 2 - actualWidth / 2} - break - case 'left': - tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth} - break - case 'right': - tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width} - break - } - - this.applyPlacement(tp, placement) - this.$element.trigger('shown') + var placement = typeof this.options.placement == 'function' ? + this.options.placement.call(this, $tip[0], this.$element[0]) : + this.options.placement + + $tip + .detach() + .css({ top: 0, left: 0, display: 'block' }) + + this.options.container ? $tip.appendTo(this.options.container) : $tip.insertAfter(this.$element) + + var tp + var pos = this.getPosition() + var actualWidth = $tip[0].offsetWidth + var actualHeight = $tip[0].offsetHeight + + switch (placement) { + case 'bottom': + tp = {top: pos.top + pos.height, left: pos.left + pos.width / 2 - actualWidth / 2} + break + case 'top': + tp = {top: pos.top - actualHeight, left: pos.left + pos.width / 2 - actualWidth / 2} + break + case 'left': + tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth} + break + case 'right': + tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width} + break } + + this.applyPlacement(tp, placement) + this.$element.trigger('shown') } + } - , applyPlacement: function(offset, placement){ - var $tip = this.tip() - , width = $tip[0].offsetWidth - , height = $tip[0].offsetHeight - , actualWidth - , actualHeight - , delta - , replace + Tooltip.prototype.applyPlacement = function(offset, placement) { + var replace + var $tip = this.tip() + var width = $tip[0].offsetWidth + var height = $tip[0].offsetHeight - $tip - .offset(offset) - .addClass(placement) - .addClass('in') + $tip + .offset(offset) + .addClass(placement) + .addClass('in') - actualWidth = $tip[0].offsetWidth - actualHeight = $tip[0].offsetHeight + var actualWidth = $tip[0].offsetWidth + var actualHeight = $tip[0].offsetHeight - if (placement == 'top' && actualHeight != height) { - offset.top = offset.top + height - actualHeight - replace = true - } + if (placement == 'top' && actualHeight != height) { + replace = true + offset.top = offset.top + height - actualHeight + } - if (placement == 'bottom' || placement == 'top') { - delta = 0 + if (placement == 'bottom' || placement == 'top') { + var delta = 0 - if (offset.left < 0){ - delta = offset.left * -2 - offset.left = 0 - $tip.offset(offset) - actualWidth = $tip[0].offsetWidth - actualHeight = $tip[0].offsetHeight - } + if (offset.left < 0){ + delta = offset.left * -2 + offset.left = 0 - this.replaceArrow(delta - width + actualWidth, actualWidth, 'left') - } else { - this.replaceArrow(actualHeight - height, actualHeight, 'top') + $tip.offset(offset) + + actualWidth = $tip[0].offsetWidth + actualHeight = $tip[0].offsetHeight } - if (replace) $tip.offset(offset) + this.replaceArrow(delta - width + actualWidth, actualWidth, 'left') + } else { + this.replaceArrow(actualHeight - height, actualHeight, 'top') } - , replaceArrow: function(delta, dimension, position){ - this - .arrow() - .css(position, delta ? (50 * (1 - delta / dimension) + "%") : '') - } + if (replace) $tip.offset(offset) + } - , setContent: function () { - var $tip = this.tip() - , title = this.getTitle() + Tooltip.prototype.replaceArrow = function(delta, dimension, position) { + this.arrow().css(position, delta ? (50 * (1 - delta / dimension) + "%") : '') + } - $tip.find('.tooltip-inner')[this.options.html ? 'html' : 'text'](title) - $tip.removeClass('fade in top bottom left right') - } + Tooltip.prototype.setContent = function () { + var $tip = this.tip() + var title = this.getTitle() - , hide: function () { - var that = this - , $tip = this.tip() - , e = $.Event('hide') + $tip.find('.tooltip-inner')[this.options.html ? 'html' : 'text'](title) + $tip.removeClass('fade in top bottom left right') + } - this.$element.trigger(e) - if (e.isDefaultPrevented()) return + Tooltip.prototype.hide = function () { + var that = this + var $tip = this.tip() + var e = $.Event('bs:' + this.type + ':hide') - $tip.removeClass('in') + this.$element.trigger(e) - function removeWithAnimation() { - var timeout = setTimeout(function () { - $tip.off($.support.transition.end).detach() - }, 500) + if (e.isDefaultPrevented()) return - $tip.one($.support.transition.end, function () { - clearTimeout(timeout) - $tip.detach() - }) - } + $tip.removeClass('in') - $.support.transition && this.$tip.hasClass('fade') ? - removeWithAnimation() : + function removeWithAnimation() { + var timeout = setTimeout(function () { + $tip.off($.support.transition.end).detach() + }, 500) + + $tip.one($.support.transition.end, function () { + clearTimeout(timeout) $tip.detach() + }) + } - this.$element.trigger('hidden') + $.support.transition && this.$tip.hasClass('fade') ? + removeWithAnimation() : + $tip.detach() - return this - } + this.$element.trigger('hidden') - , fixTitle: function () { - var $e = this.$element - if ($e.attr('title') || typeof($e.attr('data-original-title')) != 'string') { - $e.attr('data-original-title', $e.attr('title') || '').attr('title', '') - } - } + return this + } - , hasContent: function () { - return this.getTitle() + Tooltip.prototype.fixTitle = function () { + var $e = this.$element + if ($e.attr('title') || typeof($e.attr('data-original-title')) != 'string') { + $e.attr('data-original-title', $e.attr('title') || '').attr('title', '') } + } - , getPosition: function () { - var el = this.$element[0] - return $.extend({}, (typeof el.getBoundingClientRect == 'function') ? el.getBoundingClientRect() : { - width: el.offsetWidth - , height: el.offsetHeight - }, this.$element.offset()) - } + Tooltip.prototype.hasContent = function () { + return this.getTitle() + } - , getTitle: function () { - var title - , $e = this.$element - , o = this.options + Tooltip.prototype.getPosition = function () { + var el = this.$element[0] + return $.extend({}, (typeof el.getBoundingClientRect == 'function') ? el.getBoundingClientRect() : { + width: el.offsetWidth + , height: el.offsetHeight + }, this.$element.offset()) + } - title = $e.attr('data-original-title') - || (typeof o.title == 'function' ? o.title.call($e[0]) : o.title) + Tooltip.prototype.getTitle = function () { + var title + var $e = this.$element + var o = this.options - return title - } + title = $e.attr('data-original-title') + || (typeof o.title == 'function' ? o.title.call($e[0]) : o.title) - , tip: function () { - return this.$tip = this.$tip || $(this.options.template) - } + return title + } - , arrow: function(){ - return this.$arrow = this.$arrow || this.tip().find(".tooltip-arrow") - } + Tooltip.prototype.tip = function () { + return this.$tip = this.$tip || $(this.options.template) + } - , validate: function () { - if (!this.$element[0].parentNode) { - this.hide() - this.$element = null - this.options = null - } - } + Tooltip.prototype.arrow =function(){ + return this.$arrow = this.$arrow || this.tip().find(".tooltip-arrow") + } - , enable: function () { - this.enabled = true + Tooltip.prototype.validate = function () { + if (!this.$element[0].parentNode) { + this.hide() + this.$element = null + this.options = null } + } - , disable: function () { - this.enabled = false - } + Tooltip.prototype.enable = function () { + this.enabled = true + } - , toggleEnabled: function () { - this.enabled = !this.enabled - } + Tooltip.prototype.disable = function () { + this.enabled = false + } - , toggle: function (e) { - var self = e ? $(e.currentTarget)[this.type](this._options).data(this.type) : this - self.tip().hasClass('in') ? self.hide() : self.show() - } + Tooltip.prototype.toggleEnabled = function () { + this.enabled = !this.enabled + } - , destroy: function () { - this.hide().$element.off('.' + this.type).removeData(this.type) - } + Tooltip.prototype.toggle = function (e) { + var self = e ? $(e.currentTarget)[this.type](this._options).data(this.type) : this + self.tip().hasClass('in') ? self.hide() : self.show() + } + Tooltip.prototype.destroy = function () { + this.hide().$element.off('.' + this.type).removeData(this.type) } - /* TOOLTIP PLUGIN DEFINITION - * ========================= */ + // TOOLTIP PLUGIN DEFINITION + // ========================= var old = $.fn.tooltip - $.fn.tooltip = function ( option ) { + $.fn.tooltip = function (option) { return this.each(function () { - var $this = $(this) - , data = $this.data('tooltip') - , options = typeof option == 'object' && option - if (!data) $this.data('tooltip', (data = new Tooltip(this, options))) + var $this = $(this) + var data = $this.data('bs-tooltip') + var options = typeof option == 'object' && option + + if (!data) $this.data('bs-tooltip', (data = new Tooltip(this, options))) if (typeof option == 'string') data[option]() }) } $.fn.tooltip.Constructor = Tooltip - $.fn.tooltip.defaults = { - animation: true - , placement: 'top' - , selector: false - , template: '
                  ' - , trigger: 'hover focus' - , title: '' - , delay: 0 - , html: false - , container: false - } - - /* TOOLTIP NO CONFLICT - * =================== */ + // TOOLTIP NO CONFLICT + // =================== $.fn.tooltip.noConflict = function () { $.fn.tooltip = old @@ -1378,93 +1358,88 @@ * =========================================================== */ -!function ($) { - - "use strict"; // jshint ;_; - +!function ($) { "use strict"; - /* POPOVER PUBLIC CLASS DEFINITION - * =============================== */ + // POPOVER PUBLIC CLASS DEFINITION + // =============================== var Popover = function (element, options) { this.init('popover', element, options) } + Popover.DEFAULTS = $.extend({} , $.fn.tooltip.Constructor.DEFAULTS, { + placement: 'right' + , trigger: 'click' + , content: '' + , template: '

                  ' + }) - /* NOTE: POPOVER EXTENDS tooltip.js - ========================================== */ - Popover.prototype = $.extend({}, $.fn.tooltip.Constructor.prototype, { + // NOTE: POPOVER EXTENDS tooltip.js + // ================================ - constructor: Popover + Popover.prototype = $.extend({}, $.fn.tooltip.Constructor.prototype) - , setContent: function () { - var $tip = this.tip() - , title = this.getTitle() - , content = this.getContent() + Popover.prototype.constructor = Popover - $tip.find('.popover-title')[this.options.html ? 'html' : 'text'](title) - $tip.find('.popover-content')[this.options.html ? 'html' : 'text'](content) + Popover.prototype.getDefaults = function () { + return Popover.DEFAULTS + } - $tip.removeClass('fade top bottom left right in') - } + Popover.prototype.setContent = function () { + var $tip = this.tip() + var title = this.getTitle() + var content = this.getContent() - , hasContent: function () { - return this.getTitle() || this.getContent() - } + $tip.find('.popover-title')[this.options.html ? 'html' : 'text'](title) + $tip.find('.popover-content')[this.options.html ? 'html' : 'text'](content) - , getContent: function () { - var content - , $e = this.$element - , o = this.options + $tip.removeClass('fade top bottom left right in') + } - content = (typeof o.content == 'function' ? o.content.call($e[0]) : o.content) - || $e.attr('data-content') + Popover.prototype.hasContent = function () { + return this.getTitle() || this.getContent() + } - return content - } + Popover.prototype.getContent = function () { + var content = typeof this.options.content == 'function' ? + this.options.content.call(this.$element[0]) : + this.options.content - , tip: function () { - if (!this.$tip) { - this.$tip = $(this.options.template) - } - return this.$tip - } + return content || this.$element.attr('data-content') + } - , destroy: function () { - this.hide().$element.off('.' + this.type).removeData(this.type) - } + Popover.prototype.tip = function () { + if (!this.$tip) this.$tip = $(this.options.template) + return this.$tip + } - }) + Popover.prototype.destroy = function () { + this.hide().$element.off('.' + this.type).removeData(this.type) + } - /* POPOVER PLUGIN DEFINITION - * ======================= */ + // POPOVER PLUGIN DEFINITION + // ========================= var old = $.fn.popover $.fn.popover = function (option) { return this.each(function () { - var $this = $(this) - , data = $this.data('popover') - , options = typeof option == 'object' && option - if (!data) $this.data('popover', (data = new Popover(this, options))) + var $this = $(this) + var data = $this.data('bs-popover') + var options = typeof option == 'object' && option + + if (!data) $this.data('bs-popover', (data = new Popover(this, options))) if (typeof option == 'string') data[option]() }) } $.fn.popover.Constructor = Popover - $.fn.popover.defaults = $.extend({} , $.fn.tooltip.defaults, { - placement: 'right' - , trigger: 'click' - , content: '' - , template: '

                  ' - }) - - /* POPOVER NO CONFLICT - * =================== */ + // POPOVER NO CONFLICT + // =================== $.fn.popover.noConflict = function () { $.fn.popover = old @@ -1492,130 +1467,124 @@ * ============================================================== */ -!function ($) { - - "use strict"; // jshint ;_; - +!function ($) { "use strict"; - /* SCROLLSPY CLASS DEFINITION - * ========================== */ + // SCROLLSPY CLASS DEFINITION + // ========================== function ScrollSpy(element, options) { - var process = $.proxy(this.process, this) - , $element = $(element).is('body') ? $(window) : $(element) - , href - this.options = $.extend({}, $.fn.scrollspy.defaults, options) + var href + var process = $.proxy(this.process, this) + var $element = $(element).is('body') ? $(window) : $(element) + + this.$body = $('body') this.$scrollElement = $element.on('scroll.scroll-spy.data-api', process) - this.selector = (this.options.target + this.options = $.extend({}, ScrollSpy.DEFAULTS, options) + this.selector = (this.options.target || ((href = $(element).attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7 || '') + ' .nav li > a' - this.$body = $('body') + this.offsets = $([]) + this.targets = $([]) + this.activeTarget = null + this.refresh() this.process() } - ScrollSpy.prototype = { - - constructor: ScrollSpy - - , refresh: function () { - var self = this - , $targets - - this.offsets = $([]) - this.targets = $([]) - - $targets = this.$body - .find(this.selector) - .map(function () { - var $el = $(this) - , href = $el.data('target') || $el.attr('href') - , $href = /^#\w/.test(href) && $(href) - return ( $href - && $href.length - && [[ $href.position().top + (!$.isWindow(self.$scrollElement.get(0)) && self.$scrollElement.scrollTop()), href ]] ) || null - }) - .sort(function (a, b) { return a[0] - b[0] }) - .each(function () { - self.offsets.push(this[0]) - self.targets.push(this[1]) - }) - } + ScrollSpy.DEFAULTS = { + offset: 10 + } - , process: function () { - var scrollTop = this.$scrollElement.scrollTop() + this.options.offset - , scrollHeight = this.$scrollElement[0].scrollHeight || this.$body[0].scrollHeight - , maxScroll = scrollHeight - this.$scrollElement.height() - , offsets = this.offsets - , targets = this.targets - , activeTarget = this.activeTarget - , i - - if (scrollTop >= maxScroll) { - return activeTarget != (i = targets.last()[0]) - && this.activate ( i ) - } - - for (i = offsets.length; i--;) { - activeTarget != targets[i] - && scrollTop >= offsets[i] - && (!offsets[i + 1] || scrollTop <= offsets[i + 1]) - && this.activate( targets[i] ) - } - } + ScrollSpy.prototype.refresh = function () { + this.offsets = $([]) + this.targets = $([]) - , activate: function (target) { - var active - , selector + var self = this + var $targets = this.$body + .find(this.selector) + .map(function () { + var $el = $(this) + var href = $el.data('target') || $el.attr('href') + var $href = /^#\w/.test(href) && $(href) - this.activeTarget = target + return ($href + && $href.length + && [[ $href.position().top + (!$.isWindow(self.$scrollElement.get(0)) && self.$scrollElement.scrollTop()), href ]]) || null + }) + .sort(function (a, b) { return a[0] - b[0] }) + .each(function () { + self.offsets.push(this[0]) + self.targets.push(this[1]) + }) + } + + ScrollSpy.prototype.process = function () { + var scrollTop = this.$scrollElement.scrollTop() + this.options.offset + var scrollHeight = this.$scrollElement[0].scrollHeight || this.$body[0].scrollHeight + var maxScroll = scrollHeight - this.$scrollElement.height() + var offsets = this.offsets + var targets = this.targets + var activeTarget = this.activeTarget + var i + + if (scrollTop >= maxScroll) { + return activeTarget != (i = targets.last()[0]) && this.activate(i) + } - $(this.selector) - .parents('.active') - .removeClass('active') + for (i = offsets.length; i--;) { + activeTarget != targets[i] + && scrollTop >= offsets[i] + && (!offsets[i + 1] || scrollTop <= offsets[i + 1]) + && this.activate( targets[i] ) + } + } - selector = this.selector - + '[data-target="' + target + '"],' - + this.selector + '[href="' + target + '"]' + ScrollSpy.prototype.activate = function (target) { + this.activeTarget = target - active = $(selector) - .parents('li') - .addClass('active') + $(this.selector) + .parents('.active') + .removeClass('active') - if (active.parent('.dropdown-menu').length) { - active = active.closest('li.dropdown').addClass('active') - } + var selector = this.selector + + '[data-target="' + target + '"],' + + this.selector + '[href="' + target + '"]' - active.trigger('activate') - } + var active = $(selector) + .parents('li') + .addClass('active') + if (active.parent('.dropdown-menu').length) { + active = active + .closest('li.dropdown') + .addClass('active') + } + + active.trigger('activate') } - /* SCROLLSPY PLUGIN DEFINITION - * =========================== */ + // SCROLLSPY PLUGIN DEFINITION + // =========================== var old = $.fn.scrollspy $.fn.scrollspy = function (option) { return this.each(function () { - var $this = $(this) - , data = $this.data('scrollspy') - , options = typeof option == 'object' && option - if (!data) $this.data('scrollspy', (data = new ScrollSpy(this, options))) + var $this = $(this) + var data = $this.data('bs-scrollspy') + var options = typeof option == 'object' && option + + if (!data) $this.data('bs-scrollspy', (data = new ScrollSpy(this, options))) if (typeof option == 'string') data[option]() }) } $.fn.scrollspy.Constructor = ScrollSpy - $.fn.scrollspy.defaults = { - offset: 10 - } - - /* SCROLLSPY NO CONFLICT - * ===================== */ + // SCROLLSPY NO CONFLICT + // ===================== $.fn.scrollspy.noConflict = function () { $.fn.scrollspy = old @@ -1623,8 +1592,8 @@ } - /* SCROLLSPY DATA-API - * ================== */ + // SCROLLSPY DATA-API + // ================== $(window).on('load', function () { $('[data-spy="scroll"]').each(function () { @@ -1654,105 +1623,94 @@ * ======================================================== */ -!function ($) { - - "use strict"; // jshint ;_; - +!function ($) { "use strict"; - /* TAB CLASS DEFINITION - * ==================== */ + // TAB CLASS DEFINITION + // ==================== var Tab = function (element) { this.element = $(element) } - Tab.prototype = { - - constructor: Tab - - , show: function () { - var $this = this.element - , $ul = $this.closest('ul:not(.dropdown-menu)') - , selector = $this.attr('data-target') - , previous - , $target - , e - - if (!selector) { - selector = $this.attr('href') - selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7 - } + Tab.prototype.show = function () { + var $this = this.element + var $ul = $this.closest('ul:not(.dropdown-menu)') + var selector = $this.attr('data-target') - if ( $this.parent('li').hasClass('active') ) return + if (!selector) { + selector = $this.attr('href') + selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7 + } - previous = $ul.find('.active:last a')[0] + if ($this.parent('li').hasClass('active')) return - e = $.Event('show', { - relatedTarget: previous - }) + var previous = $ul.find('.active:last a')[0] + var e = $.Event('bs:tab:show', { + relatedTarget: previous + }) - $this.trigger(e) + $this.trigger(e) - if (e.isDefaultPrevented()) return + if (e.isDefaultPrevented()) return - $target = $(selector) + var $target = $(selector) - this.activate($this.parent('li'), $ul) - this.activate($target, $target.parent(), function () { - $this.trigger({ - type: 'shown' - , relatedTarget: previous - }) + this.activate($this.parent('li'), $ul) + this.activate($target, $target.parent(), function () { + $this.trigger({ + type: 'bs:tab:shown' + , relatedTarget: previous }) - } - - , activate: function ( element, container, callback) { - var $active = container.find('> .active') - , transition = callback - && $.support.transition - && $active.hasClass('fade') - - function next() { - $active - .removeClass('active') - .find('> .dropdown-menu > .active') - .removeClass('active') + }) + } - element.addClass('active') + Tab.prototype.activate = function (element, container, callback) { + var $active = container.find('> .active') + var transition = callback + && $.support.transition + && $active.hasClass('fade') - if (transition) { - element[0].offsetWidth // reflow for transition - element.addClass('in') - } else { - element.removeClass('fade') - } + function next() { + $active + .removeClass('active') + .find('> .dropdown-menu > .active') + .removeClass('active') - if ( element.parent('.dropdown-menu') ) { - element.closest('li.dropdown').addClass('active') - } + element.addClass('active') - callback && callback() + if (transition) { + element[0].offsetWidth // reflow for transition + element.addClass('in') + } else { + element.removeClass('fade') } - transition ? - $active.one($.support.transition.end, next) : - next() + if (element.parent('.dropdown-menu')) { + element.closest('li.dropdown').addClass('active') + } - $active.removeClass('in') + callback && callback() } + + transition ? + $active.one($.support.transition.end, next) : + next() + + $active.removeClass('in') } - /* TAB PLUGIN DEFINITION - * ===================== */ + // TAB PLUGIN DEFINITION + // ===================== var old = $.fn.tab $.fn.tab = function ( option ) { return this.each(function () { var $this = $(this) - , data = $this.data('tab') - if (!data) $this.data('tab', (data = new Tab(this))) + var data = $this.data('bs-tab') + + if (!data) $this.data('bs-tab', (data = new Tab(this))) if (typeof option == 'string') data[option]() }) } @@ -1760,8 +1718,8 @@ $.fn.tab.Constructor = Tab - /* TAB NO CONFLICT - * =============== */ + // TAB NO CONFLICT + // =============== $.fn.tab.noConflict = function () { $.fn.tab = old @@ -1769,8 +1727,8 @@ } - /* TAB DATA-API - * ============ */ + // TAB DATA-API + // ============ $(document).on('click.tab.data-api', '[data-toggle="tab"], [data-toggle="pill"]', function (e) { e.preventDefault() diff --git a/docs/assets/js/bootstrap.min.js b/docs/assets/js/bootstrap.min.js index 4e6a20fc4..7fff5a70b 100644 --- a/docs/assets/js/bootstrap.min.js +++ b/docs/assets/js/bootstrap.min.js @@ -3,4 +3,4 @@ * Copyright 2012 Twitter, Inc. * http://www.apache.org/licenses/LICENSE-2.0.txt */ -!function(e){"use strict";function t(){var e=document.createElement("bootstrap"),t={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var n in t)if(e.style[n]!==undefined)return{end:t[n]}}e(function(){e.support.transition=t()})}(window.jQuery),!function(e){"use strict";var t='[data-dismiss="alert"]',n=function(n){e(n).on("click",t,this.close)};n.prototype.close=function(t){function s(){i.trigger("bs-closed").remove()}var n=e(this),r=n.attr("data-target");r||(r=n.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,""));var i=e(r);t&&t.preventDefault(),i.length||(i=n.hasClass("alert")?n:n.parent()),i.trigger(t=e.Event("bs-close"));if(t.isDefaultPrevented())return;i.removeClass("in"),e.support.transition&&i.hasClass("fade")?i.on(e.support.transition.end,s):s()};var r=e.fn.alert;e.fn.alert=function(t){return this.each(function(){var r=e(this),i=r.data("bs-alert");i||r.data("bs-alert",i=new n(this)),typeof t=="string"&&i[t].call(r)})},e.fn.alert.Constructor=n,e.fn.alert.noConflict=function(){return e.fn.alert=r,this},e(document).on("click.bs-alert.bs-data-api",t,n.prototype.close)}(window.jQuery),!function(e){"use strict";var t=function(n,r){this.$element=e(n),this.options=e.extend({},t.DEFAULTS,r)};t.DEFAULTS={loadingText:"loading..."},t.prototype.setState=function(e){var t="disabled",n=this.$element,r=n.is("input")?"val":"html",i=n.data();e+="Text",i.resetText||n.data("resetText",n[r]()),n[r](i[e]||this.options[e]),setTimeout(function(){e=="loadingText"?n.addClass(t).attr(t,t):n.removeClass(t).removeAttr(t)},0)},t.prototype.toggle=function(){var e=this.$element.closest('[data-toggle="buttons-radio"]');e&&e.find(".active").removeClass("active"),this.$element.toggleClass("active")};var n=e.fn.button;e.fn.button=function(n){return this.each(function(){var r=e(this),i=r.data("button"),s=typeof n=="object"&&n;i||r.data("bs-button",i=new t(this,s)),n=="toggle"?i.toggle():n&&i.setState(n)})},e.fn.button.Constructor=t,e.fn.button.noConflict=function(){return e.fn.button=n,this},e(document).on("click.bs-button.bs-data-api","[data-toggle^=button]",function(t){var n=e(t.target);n.hasClass("btn")||(n=n.closest(".btn")),n.button("toggle")})}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.$element=e(t),this.$indicators=this.$element.find(".carousel-indicators"),this.options=n,this.paused=this.sliding=this.interval=this.$active=this.$items=null,this.options.pause=="hover"&&this.$element.on("mouseenter",e.proxy(this.pause,this)).on("mouseleave",e.proxy(this.cycle,this))};t.DEFAULTS={interval:5e3,pause:"hover"},t.prototype.cycle=function(t){return t||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(e.proxy(this.next,this),this.options.interval)),this},t.prototype.getActiveIndex=function(){return this.$active=this.$element.find(".item.active"),this.$items=this.$active.parent().children(),this.$items.index(this.$active)},t.prototype.to=function(t){var n=this,r=this.getActiveIndex();if(t>this.$items.length-1||t<0)return;return this.sliding?this.$element.one("slid",function(){n.to(t)}):r==t?this.pause().cycle():this.slide(t>r?"next":"prev",e(this.$items[t]))},t.prototype.pause=function(t){return t||(this.paused=!0),this.$element.find(".next, .prev").length&&e.support.transition.end&&(this.$element.trigger(e.support.transition.end),this.cycle(!0)),this.interval=clearInterval(this.interval),this},t.prototype.next=function(){if(this.sliding)return;return this.slide("next")},t.prototype.prev=function(){if(this.sliding)return;return this.slide("prev")},t.prototype.slide=function(t,n){var r=this.$element.find(".item.active"),i=n||r[t](),s=this.interval,o=t=="next"?"left":"right",u=t=="next"?"first":"last",a=this;this.sliding=!0,s&&this.pause(),i=i.length?i:this.$element.find(".item")[u]();var f=e.Event("slide",{relatedTarget:i[0],direction:o});if(i.hasClass("active"))return;this.$indicators.length&&(this.$indicators.find(".active").removeClass("active"),this.$element.one("slid",function(){var t=e(a.$indicators.children()[a.getActiveIndex()]);t&&t.addClass("active")}));if(e.support.transition&&this.$element.hasClass("slide")){this.$element.trigger(f);if(f.isDefaultPrevented())return;i.addClass(t),i[0].offsetWidth,r.addClass(o),i.addClass(o),this.$element.one(e.support.transition.end,function(){i.removeClass([t,o].join(" ")).addClass("active"),r.removeClass(["active",o].join(" ")),a.sliding=!1,setTimeout(function(){a.$element.trigger("slid")},0)})}else{this.$element.trigger(f);if(f.isDefaultPrevented())return;r.removeClass("active"),i.addClass("active"),this.sliding=!1,this.$element.trigger("slid")}return s&&this.cycle(),this};var n=e.fn.carousel;e.fn.carousel=function(n){return this.each(function(){var r=e(this),i=r.data("carousel"),s=e.extend({},t.DEFAULTS,typeof n=="object"&&n),o=typeof n=="string"?n:s.slide;i||r.data("carousel",i=new t(this,s)),typeof n=="number"?i.to(n):o?i[o]():s.interval&&i.pause().cycle()})},e.fn.carousel.Constructor=t,e.fn.carousel.noConflict=function(){return e.fn.carousel=n,this},e(document).on("click.carousel.data-api","[data-slide], [data-slide-to]",function(t){var n=e(this),r,i=e(n.attr("data-target")||(r=n.attr("href"))&&r.replace(/.*(?=#[^\s]+$)/,"")),s=e.extend({},i.data(),n.data()),o;i.carousel(s),(o=n.attr("data-slide-to"))&&i.data("carousel").pause().to(o).cycle(),t.preventDefault()})}(window.jQuery),!function(e){"use strict";var t=function(n,r){this.$element=e(n),this.options=e.extend({},t.DEFAULTS,r),this.transitioning=null,this.options.parent&&(this.$parent=e(this.options.parent)),this.options.toggle&&this.toggle()};t.DEFAULTS={toggle:!0},t.prototype.dimension=function(){var e=this.$element.hasClass("width");return e?"width":"height"},t.prototype.show=function(){if(this.transitioning||this.$element.hasClass("in"))return;var t=this.dimension(),n=e.camelCase(["scroll",t].join("-")),r=this.$parent&&this.$parent.find("> .accordion-group > .in");if(r&&r.length){var i=r.data("collapse");if(i&&i.transitioning)return;r.collapse("hide"),i||r.data("collapse",null)}this.$element[t](0),this.transition("addClass",e.Event("show"),"shown"),e.support.transition&&this.$element[t](this.$element[0][n])},t.prototype.hide=function(){if(this.transitioning||!this.$element.hasClass("in"))return;var t=this.dimension();this.reset(this.$element[t]()),this.transition("removeClass",e.Event("hide"),"hidden"),this.$element[t](0)},t.prototype.reset=function(e){var t=this.dimension();return this.$element.removeClass("collapse")[t](e||"auto")[0].offsetWidth,this.$element[e!==null?"addClass":"removeClass"]("collapse"),this},t.prototype.transition=function(t,n,r){var i=this,s=function(){n.type=="show"&&i.reset(),i.transitioning=0,i.$element.trigger(r)};this.$element.trigger(n);if(n.isDefaultPrevented())return;this.transitioning=1,this.$element[t]("in"),e.support.transition&&this.$element.hasClass("collapse")?this.$element.one(e.support.transition.end,s):s()},t.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()};var n=e.fn.collapse;e.fn.collapse=function(n){return this.each(function(){var r=e(this),i=r.data("collapse"),s=e.extend({},t.DEFAULTS,r.data(),typeof n=="object"&&n);i||r.data("collapse",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.collapse.Constructor=t,e.fn.collapse.noConflict=function(){return e.fn.collapse=n,this},e(document).on("click.collapse.data-api","[data-toggle=collapse]",function(t){var n=e(this),r,i=n.attr("data-target")||t.preventDefault()||(r=n.attr("href"))&&r.replace(/.*(?=#[^\s]+$)/,""),s=e(i).data("collapse")?"toggle":n.data();n[e(i).hasClass("in")?"addClass":"removeClass"]("collapsed"),e(i).collapse(s)})}(window.jQuery),!function(e){"use strict";function i(){e(t).remove(),e(n).each(function(){s(e(this)).removeClass("open")})}function s(t){var n=t.attr("data-target");n||(n=t.attr("href"),n=n&&/#/.test(n)&&n.replace(/.*(?=#[^\s]*$)/,""));var r=n&&e(n);return r&&r.length?r:t.parent()}var t=".dropdown-backdrop",n="[data-toggle=dropdown]",r=function(t){var n=e(t).on("click.dropdown.data-api",this.toggle);e("html").on("click.dropdown.data-api",function(){n.parent().removeClass("open")})};r.prototype.toggle=function(t){var n=e(this);if(n.is(".disabled, :disabled"))return;var r=s(n),o=r.hasClass("open");return i(),o||(e('
                  ').insertBefore(e(this)).on("click",i),r.toggleClass("open")),n.focus(),!1},r.prototype.keydown=function(t){if(!/(38|40|27)/.test(t.keyCode))return;var r=e(this);t.preventDefault(),t.stopPropagation();if(r.is(".disabled, :disabled"))return;var i=s(r),o=i.hasClass("open");if(!o||o&&t.keyCode==27)return t.which==27&&i.find(n).focus(),r.click();var u=e("[role=menu] li:not(.divider):visible a",i);if(!u.length)return;var a=u.index(u.filter(":focus"));t.keyCode==38&&a>0&&a--,t.keyCode==40&&a').appendTo(document.body),this.$backdrop.click(this.options.backdrop=="static"?e.proxy(this.$element[0].focus,this.$element[0]):e.proxy(this.hide,this)),i&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in");if(!t)return;i?this.$backdrop.one(e.support.transition.end,t):t()}else!this.isShown&&this.$backdrop?(this.$backdrop.removeClass("in"),e.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one(e.support.transition.end,t):t()):t&&t()}};var n=e.fn.modal;e.fn.modal=function(n){return this.each(function(){var r=e(this),i=r.data("modal"),s=e.extend({},e.fn.modal.defaults,r.data(),typeof n=="object"&&n);i||r.data("modal",i=new t(this,s)),typeof n=="string"?i[n]():s.show&&i.show()})},e.fn.modal.defaults={backdrop:!0,keyboard:!0,show:!0},e.fn.modal.Constructor=t,e.fn.modal.noConflict=function(){return e.fn.modal=n,this},e(document).on("click.modal.data-api",'[data-toggle="modal"]',function(t){var n=e(this),r=n.attr("href"),i=e(n.attr("data-target")||r&&r.replace(/.*(?=#[^\s]+$)/,"")),s=i.data("modal")?"toggle":e.extend({remote:!/#/.test(r)&&r},i.data(),n.data());t.preventDefault(),i.modal(s).one("hide",function(){n.focus()})});var r=e(document.body).on("shown",".modal",function(){r.addClass("modal-open")}).on("hidden",".modal",function(){r.removeClass("modal-open")})}(window.jQuery),!function(e){"use strict";var t=function(e,t){this.init("tooltip",e,t)};t.prototype={constructor:t,init:function(t,n,r){var i,s,o,u,a;this.type=t,this.$element=e(n),this.options=this.getOptions(r),this.enabled=!0,o=this.options.trigger.split(" ");for(a=o.length;a--;)u=o[a],u=="click"?this.$element.on("click."+this.type,this.options.selector,e.proxy(this.toggle,this)):u!="manual"&&(i=u=="hover"?"mouseenter":"focus",s=u=="hover"?"mouseleave":"blur",this.$element.on(i+"."+this.type,this.options.selector,e.proxy(this.enter,this)),this.$element.on(s+"."+this.type,this.options.selector,e.proxy(this.leave,this)));this.options.selector?this._options=e.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},getOptions:function(t){return t=e.extend({},e.fn[this.type].defaults,this.$element.data(),t),t.delay&&typeof t.delay=="number"&&(t.delay={show:t.delay,hide:t.delay}),t},enter:function(t){var n=e.fn[this.type].defaults,r={},i;this._options&&e.each(this._options,function(e,t){n[e]!=t&&(r[e]=t)},this),i=e(t.currentTarget)[this.type](r).data(this.type);if(!i.options.delay||!i.options.delay.show)return i.show();clearTimeout(this.timeout),i.hoverState="in",this.timeout=setTimeout(function(){i.hoverState=="in"&&i.show()},i.options.delay.show)},leave:function(t){var n=e(t.currentTarget)[this.type](this._options).data(this.type);this.timeout&&clearTimeout(this.timeout);if(!n.options.delay||!n.options.delay.hide)return n.hide();n.hoverState="out",this.timeout=setTimeout(function(){n.hoverState=="out"&&n.hide()},n.options.delay.hide)},show:function(){var t,n,r,i,s,o,u=e.Event("show");if(this.hasContent()&&this.enabled){this.$element.trigger(u);if(u.isDefaultPrevented())return;t=this.tip(),this.setContent(),this.options.animation&&t.addClass("fade"),s=typeof this.options.placement=="function"?this.options.placement.call(this,t[0],this.$element[0]):this.options.placement,t.detach().css({top:0,left:0,display:"block"}),this.options.container?t.appendTo(this.options.container):t.insertAfter(this.$element),n=this.getPosition(),r=t[0].offsetWidth,i=t[0].offsetHeight;switch(s){case"bottom":o={top:n.top+n.height,left:n.left+n.width/2-r/2};break;case"top":o={top:n.top-i,left:n.left+n.width/2-r/2};break;case"left":o={top:n.top+n.height/2-i/2,left:n.left-r};break;case"right":o={top:n.top+n.height/2-i/2,left:n.left+n.width}}this.applyPlacement(o,s),this.$element.trigger("shown")}},applyPlacement:function(e,t){var n=this.tip(),r=n[0].offsetWidth,i=n[0].offsetHeight,s,o,u,a;n.offset(e).addClass(t).addClass("in"),s=n[0].offsetWidth,o=n[0].offsetHeight,t=="top"&&o!=i&&(e.top=e.top+i-o,a=!0),t=="bottom"||t=="top"?(u=0,e.left<0&&(u=e.left*-2,e.left=0,n.offset(e),s=n[0].offsetWidth,o=n[0].offsetHeight),this.replaceArrow(u-r+s,s,"left")):this.replaceArrow(o-i,o,"top"),a&&n.offset(e)},replaceArrow:function(e,t,n){this.arrow().css(n,e?50*(1-e/t)+"%":"")},setContent:function(){var e=this.tip(),t=this.getTitle();e.find(".tooltip-inner")[this.options.html?"html":"text"](t),e.removeClass("fade in top bottom left right")},hide:function(){function i(){var t=setTimeout(function(){n.off(e.support.transition.end).detach()},500);n.one(e.support.transition.end,function(){clearTimeout(t),n.detach()})}var t=this,n=this.tip(),r=e.Event("hide");this.$element.trigger(r);if(r.isDefaultPrevented())return;return n.removeClass("in"),e.support.transition&&this.$tip.hasClass("fade")?i():n.detach(),this.$element.trigger("hidden"),this},fixTitle:function(){var e=this.$element;(e.attr("title")||typeof e.attr("data-original-title")!="string")&&e.attr("data-original-title",e.attr("title")||"").attr("title","")},hasContent:function(){return this.getTitle()},getPosition:function(){var t=this.$element[0];return e.extend({},typeof t.getBoundingClientRect=="function"?t.getBoundingClientRect():{width:t.offsetWidth,height:t.offsetHeight},this.$element.offset())},getTitle:function(){var e,t=this.$element,n=this.options;return e=t.attr("data-original-title")||(typeof n.title=="function"?n.title.call(t[0]):n.title),e},tip:function(){return this.$tip=this.$tip||e(this.options.template)},arrow:function(){return this.$arrow=this.$arrow||this.tip().find(".tooltip-arrow")},validate:function(){this.$element[0].parentNode||(this.hide(),this.$element=null,this.options=null)},enable:function(){this.enabled=!0},disable:function(){this.enabled=!1},toggleEnabled:function(){this.enabled=!this.enabled},toggle:function(t){var n=t?e(t.currentTarget)[this.type](this._options).data(this.type):this;n.tip().hasClass("in")?n.hide():n.show()},destroy:function(){this.hide().$element.off("."+this.type).removeData(this.type)}};var n=e.fn.tooltip;e.fn.tooltip=function(n){return this.each(function(){var r=e(this),i=r.data("tooltip"),s=typeof n=="object"&&n;i||r.data("tooltip",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.tooltip.Constructor=t,e.fn.tooltip.defaults={animation:!0,placement:"top",selector:!1,template:'
                  ',trigger:"hover focus",title:"",delay:0,html:!1,container:!1},e.fn.tooltip.noConflict=function(){return e.fn.tooltip=n,this}}(window.jQuery),!function(e){"use strict";var t=function(e,t){this.init("popover",e,t)};t.prototype=e.extend({},e.fn.tooltip.Constructor.prototype,{constructor:t,setContent:function(){var e=this.tip(),t=this.getTitle(),n=this.getContent();e.find(".popover-title")[this.options.html?"html":"text"](t),e.find(".popover-content")[this.options.html?"html":"text"](n),e.removeClass("fade top bottom left right in")},hasContent:function(){return this.getTitle()||this.getContent()},getContent:function(){var e,t=this.$element,n=this.options;return e=(typeof n.content=="function"?n.content.call(t[0]):n.content)||t.attr("data-content"),e},tip:function(){return this.$tip||(this.$tip=e(this.options.template)),this.$tip},destroy:function(){this.hide().$element.off("."+this.type).removeData(this.type)}});var n=e.fn.popover;e.fn.popover=function(n){return this.each(function(){var r=e(this),i=r.data("popover"),s=typeof n=="object"&&n;i||r.data("popover",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.popover.Constructor=t,e.fn.popover.defaults=e.extend({},e.fn.tooltip.defaults,{placement:"right",trigger:"click",content:"",template:'

                  '}),e.fn.popover.noConflict=function(){return e.fn.popover=n,this}}(window.jQuery),!function(e){"use strict";function t(t,n){var r=e.proxy(this.process,this),i=e(t).is("body")?e(window):e(t),s;this.options=e.extend({},e.fn.scrollspy.defaults,n),this.$scrollElement=i.on("scroll.scroll-spy.data-api",r),this.selector=(this.options.target||(s=e(t).attr("href"))&&s.replace(/.*(?=#[^\s]+$)/,"")||"")+" .nav li > a",this.$body=e("body"),this.refresh(),this.process()}t.prototype={constructor:t,refresh:function(){var t=this,n;this.offsets=e([]),this.targets=e([]),n=this.$body.find(this.selector).map(function(){var n=e(this),r=n.data("target")||n.attr("href"),i=/^#\w/.test(r)&&e(r);return i&&i.length&&[[i.position().top+(!e.isWindow(t.$scrollElement.get(0))&&t.$scrollElement.scrollTop()),r]]||null}).sort(function(e,t){return e[0]-t[0]}).each(function(){t.offsets.push(this[0]),t.targets.push(this[1])})},process:function(){var e=this.$scrollElement.scrollTop()+this.options.offset,t=this.$scrollElement[0].scrollHeight||this.$body[0].scrollHeight,n=t-this.$scrollElement.height(),r=this.offsets,i=this.targets,s=this.activeTarget,o;if(e>=n)return s!=(o=i.last()[0])&&this.activate(o);for(o=r.length;o--;)s!=i[o]&&e>=r[o]&&(!r[o+1]||e<=r[o+1])&&this.activate(i[o])},activate:function(t){var n,r;this.activeTarget=t,e(this.selector).parents(".active").removeClass("active"),r=this.selector+'[data-target="'+t+'"],'+this.selector+'[href="'+t+'"]',n=e(r).parents("li").addClass("active"),n.parent(".dropdown-menu").length&&(n=n.closest("li.dropdown").addClass("active")),n.trigger("activate")}};var n=e.fn.scrollspy;e.fn.scrollspy=function(n){return this.each(function(){var r=e(this),i=r.data("scrollspy"),s=typeof n=="object"&&n;i||r.data("scrollspy",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.scrollspy.Constructor=t,e.fn.scrollspy.defaults={offset:10},e.fn.scrollspy.noConflict=function(){return e.fn.scrollspy=n,this},e(window).on("load",function(){e('[data-spy="scroll"]').each(function(){var t=e(this);t.scrollspy(t.data())})})}(window.jQuery),!function(e){"use strict";var t=function(t){this.element=e(t)};t.prototype={constructor:t,show:function(){var t=this.element,n=t.closest("ul:not(.dropdown-menu)"),r=t.attr("data-target"),i,s,o;r||(r=t.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,""));if(t.parent("li").hasClass("active"))return;i=n.find(".active:last a")[0],o=e.Event("show",{relatedTarget:i}),t.trigger(o);if(o.isDefaultPrevented())return;s=e(r),this.activate(t.parent("li"),n),this.activate(s,s.parent(),function(){t.trigger({type:"shown",relatedTarget:i})})},activate:function(t,n,r){function o(){i.removeClass("active").find("> .dropdown-menu > .active").removeClass("active"),t.addClass("active"),s?(t[0].offsetWidth,t.addClass("in")):t.removeClass("fade"),t.parent(".dropdown-menu")&&t.closest("li.dropdown").addClass("active"),r&&r()}var i=n.find("> .active"),s=r&&e.support.transition&&i.hasClass("fade");s?i.one(e.support.transition.end,o):o(),i.removeClass("in")}};var n=e.fn.tab;e.fn.tab=function(n){return this.each(function(){var r=e(this),i=r.data("tab");i||r.data("tab",i=new t(this)),typeof n=="string"&&i[n]()})},e.fn.tab.Constructor=t,e.fn.tab.noConflict=function(){return e.fn.tab=n,this},e(document).on("click.tab.data-api",'[data-toggle="tab"], [data-toggle="pill"]',function(t){t.preventDefault(),e(this).tab("show")})}(window.jQuery),!function(e){"use strict";var t=function(n,r){this.options=e.extend({},t.DEFAULTS,r),this.$window=e(window).on("scroll.bs-affix.bs-data-api",e.proxy(this.checkPosition,this)).on("click.bs-affix.bs-data-api",e.proxy(this.checkPositionWithEventLoop,this)),this.$element=e(n),this.affixed=this.unpin=null,this.checkPosition()};t.DEFAULTS={offset:0},t.prototype.checkPositionWithEventLoop=function(){setTimeout(e.proxy(this.checkPosition,this),1)},t.prototype.checkPosition=function(){if(!this.$element.is(":visible"))return;var t=e(document).height(),n=this.$window.scrollTop(),r=this.$element.offset(),i=this.options.offset,s=i.top,o=i.bottom,u="affix affix-top affix-bottom";typeof i!="object"&&(o=s=i),typeof s=="function"&&(s=i.top()),typeof o=="function"&&(o=i.bottom());var a=this.unpin!=null&&n+this.unpin<=r.top?!1:o!=null&&r.top+this.$element.height()>=t-o?"bottom":s!=null&&n<=s?"top":!1;if(this.affixed===a)return;this.affixed=a,this.unpin=a=="bottom"?r.top-n:null,this.$element.removeClass(u).addClass("affix"+(a?"-"+a:""))};var n=e.fn.affix;e.fn.affix=function(n){return this.each(function(){var r=e(this),i=r.data("bs-affix"),s=typeof n=="object"&&n;i||r.data("bs-affix",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.affix.Constructor=t,e.fn.affix.noConflict=function(){return e.fn.affix=n,this},e(window).on("load",function(){e('[data-spy="affix"]').each(function(){var t=e(this),n=t.data();n.offset=n.offset||{},n.offsetBottom&&(n.offset.bottom=n.offsetBottom),n.offsetTop&&(n.offset.top=n.offsetTop),t.affix(n)})})}(window.jQuery); \ No newline at end of file +!function(e){"use strict";function t(){var e=document.createElement("bootstrap"),t={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var n in t)if(e.style[n]!==undefined)return{end:t[n]}}e(function(){e.support.transition=t()})}(window.jQuery),!function(e){"use strict";var t='[data-dismiss="alert"]',n=function(n){e(n).on("click",t,this.close)};n.prototype.close=function(t){function s(){i.trigger("bs-closed").remove()}var n=e(this),r=n.attr("data-target");r||(r=n.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,""));var i=e(r);t&&t.preventDefault(),i.length||(i=n.hasClass("alert")?n:n.parent()),i.trigger(t=e.Event("bs:alert:close"));if(t.isDefaultPrevented())return;i.removeClass("in"),e.support.transition&&i.hasClass("fade")?i.on(e.support.transition.end,s):s()};var r=e.fn.alert;e.fn.alert=function(t){return this.each(function(){var r=e(this),i=r.data("bs-alert");i||r.data("bs-alert",i=new n(this)),typeof t=="string"&&i[t].call(r)})},e.fn.alert.Constructor=n,e.fn.alert.noConflict=function(){return e.fn.alert=r,this},e(document).on("click.bs-alert.bs-data-api",t,n.prototype.close)}(window.jQuery),!function(e){"use strict";var t=function(n,r){this.$element=e(n),this.options=e.extend({},t.DEFAULTS,r)};t.DEFAULTS={loadingText:"loading..."},t.prototype.setState=function(e){var t="disabled",n=this.$element,r=n.is("input")?"val":"html",i=n.data();e+="Text",i.resetText||n.data("resetText",n[r]()),n[r](i[e]||this.options[e]),setTimeout(function(){e=="loadingText"?n.addClass(t).attr(t,t):n.removeClass(t).removeAttr(t)},0)},t.prototype.toggle=function(){var e=this.$element.closest('[data-toggle="buttons-radio"]');e&&e.find(".active").removeClass("active"),this.$element.toggleClass("active")};var n=e.fn.button;e.fn.button=function(n){return this.each(function(){var r=e(this),i=r.data("button"),s=typeof n=="object"&&n;i||r.data("bs-button",i=new t(this,s)),n=="toggle"?i.toggle():n&&i.setState(n)})},e.fn.button.Constructor=t,e.fn.button.noConflict=function(){return e.fn.button=n,this},e(document).on("click.bs-button.bs-data-api","[data-toggle^=button]",function(t){var n=e(t.target);n.hasClass("btn")||(n=n.closest(".btn")),n.button("toggle")})}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.$element=e(t),this.$indicators=this.$element.find(".carousel-indicators"),this.options=n,this.paused=this.sliding=this.interval=this.$active=this.$items=null,this.options.pause=="hover"&&this.$element.on("mouseenter",e.proxy(this.pause,this)).on("mouseleave",e.proxy(this.cycle,this))};t.DEFAULTS={interval:5e3,pause:"hover"},t.prototype.cycle=function(t){return t||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(e.proxy(this.next,this),this.options.interval)),this},t.prototype.getActiveIndex=function(){return this.$active=this.$element.find(".item.active"),this.$items=this.$active.parent().children(),this.$items.index(this.$active)},t.prototype.to=function(t){var n=this,r=this.getActiveIndex();if(t>this.$items.length-1||t<0)return;return this.sliding?this.$element.one("slid",function(){n.to(t)}):r==t?this.pause().cycle():this.slide(t>r?"next":"prev",e(this.$items[t]))},t.prototype.pause=function(t){return t||(this.paused=!0),this.$element.find(".next, .prev").length&&e.support.transition.end&&(this.$element.trigger(e.support.transition.end),this.cycle(!0)),this.interval=clearInterval(this.interval),this},t.prototype.next=function(){if(this.sliding)return;return this.slide("next")},t.prototype.prev=function(){if(this.sliding)return;return this.slide("prev")},t.prototype.slide=function(t,n){var r=this.$element.find(".item.active"),i=n||r[t](),s=this.interval,o=t=="next"?"left":"right",u=t=="next"?"first":"last",a=this;this.sliding=!0,s&&this.pause(),i=i.length?i:this.$element.find(".item")[u]();var f=e.Event("bs:carousel:slide",{relatedTarget:i[0],direction:o});if(i.hasClass("active"))return;this.$indicators.length&&(this.$indicators.find(".active").removeClass("active"),this.$element.one("slid",function(){var t=e(a.$indicators.children()[a.getActiveIndex()]);t&&t.addClass("active")}));if(e.support.transition&&this.$element.hasClass("slide")){this.$element.trigger(f);if(f.isDefaultPrevented())return;i.addClass(t),i[0].offsetWidth,r.addClass(o),i.addClass(o),this.$element.one(e.support.transition.end,function(){i.removeClass([t,o].join(" ")).addClass("active"),r.removeClass(["active",o].join(" ")),a.sliding=!1,setTimeout(function(){a.$element.trigger("slid")},0)})}else{this.$element.trigger(f);if(f.isDefaultPrevented())return;r.removeClass("active"),i.addClass("active"),this.sliding=!1,this.$element.trigger("slid")}return s&&this.cycle(),this};var n=e.fn.carousel;e.fn.carousel=function(n){return this.each(function(){var r=e(this),i=r.data("bs-carousel"),s=e.extend({},t.DEFAULTS,typeof n=="object"&&n),o=typeof n=="string"?n:s.slide;i||r.data("bs-carousel",i=new t(this,s)),typeof n=="number"?i.to(n):o?i[o]():s.interval&&i.pause().cycle()})},e.fn.carousel.Constructor=t,e.fn.carousel.noConflict=function(){return e.fn.carousel=n,this},e(document).on("click.carousel.data-api","[data-slide], [data-slide-to]",function(t){var n=e(this),r,i=e(n.attr("data-target")||(r=n.attr("href"))&&r.replace(/.*(?=#[^\s]+$)/,"")),s=e.extend({},i.data(),n.data()),o;i.carousel(s),(o=n.attr("data-slide-to"))&&i.data("carousel").pause().to(o).cycle(),t.preventDefault()})}(window.jQuery),!function(e){"use strict";var t=function(n,r){this.$element=e(n),this.options=e.extend({},t.DEFAULTS,r),this.transitioning=null,this.options.parent&&(this.$parent=e(this.options.parent)),this.options.toggle&&this.toggle()};t.DEFAULTS={toggle:!0},t.prototype.dimension=function(){var e=this.$element.hasClass("width");return e?"width":"height"},t.prototype.show=function(){if(this.transitioning||this.$element.hasClass("in"))return;var t=this.dimension(),n=e.camelCase(["scroll",t].join("-")),r=this.$parent&&this.$parent.find("> .accordion-group > .in");if(r&&r.length){var i=r.data("collapse");if(i&&i.transitioning)return;r.collapse("hide"),i||r.data("collapse",null)}this.$element[t](0),this.transition("addClass",e.Event("bs:collapse:show"),"shown"),e.support.transition&&this.$element[t](this.$element[0][n])},t.prototype.hide=function(){if(this.transitioning||!this.$element.hasClass("in"))return;var t=this.dimension();this.reset(this.$element[t]()),this.transition("removeClass",e.Event("bs:collapse:hide"),"hidden"),this.$element[t](0)},t.prototype.reset=function(e){var t=this.dimension();return this.$element.removeClass("collapse")[t](e||"auto")[0].offsetWidth,this.$element[e!==null?"addClass":"removeClass"]("collapse"),this},t.prototype.transition=function(t,n,r){var i=this,s=function(){n.type=="show"&&i.reset(),i.transitioning=0,i.$element.trigger(r)};this.$element.trigger(n);if(n.isDefaultPrevented())return;this.transitioning=1,this.$element[t]("in"),e.support.transition&&this.$element.hasClass("collapse")?this.$element.one(e.support.transition.end,s):s()},t.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()};var n=e.fn.collapse;e.fn.collapse=function(n){return this.each(function(){var r=e(this),i=r.data("collapse"),s=e.extend({},t.DEFAULTS,r.data(),typeof n=="object"&&n);i||r.data("collapse",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.collapse.Constructor=t,e.fn.collapse.noConflict=function(){return e.fn.collapse=n,this},e(document).on("click.collapse.data-api","[data-toggle=collapse]",function(t){var n=e(this),r,i=n.attr("data-target")||t.preventDefault()||(r=n.attr("href"))&&r.replace(/.*(?=#[^\s]+$)/,""),s=e(i).data("collapse")?"toggle":n.data();n[e(i).hasClass("in")?"addClass":"removeClass"]("collapsed"),e(i).collapse(s)})}(window.jQuery),!function(e){"use strict";function i(){e(t).remove(),e(n).each(function(){s(e(this)).removeClass("open")})}function s(t){var n=t.attr("data-target");n||(n=t.attr("href"),n=n&&/#/.test(n)&&n.replace(/.*(?=#[^\s]*$)/,""));var r=n&&e(n);return r&&r.length?r:t.parent()}var t=".dropdown-backdrop",n="[data-toggle=dropdown]",r=function(t){var n=e(t).on("click.dropdown.data-api",this.toggle);e("html").on("click.dropdown.data-api",function(){n.parent().removeClass("open")})};r.prototype.toggle=function(t){var n=e(this);if(n.is(".disabled, :disabled"))return;var r=s(n),o=r.hasClass("open");return i(),o||(e('
                  ').insertBefore(e(this)).on("click",i),r.toggleClass("open")),n.focus(),!1},r.prototype.keydown=function(t){if(!/(38|40|27)/.test(t.keyCode))return;var r=e(this);t.preventDefault(),t.stopPropagation();if(r.is(".disabled, :disabled"))return;var i=s(r),o=i.hasClass("open");if(!o||o&&t.keyCode==27)return t.which==27&&i.find(n).focus(),r.click();var u=e("[role=menu] li:not(.divider):visible a",i);if(!u.length)return;var a=u.index(u.filter(":focus"));t.keyCode==38&&a>0&&a--,t.keyCode==40&&a').appendTo(document.body),this.$backdrop.click(this.options.backdrop=="static"?e.proxy(this.$element[0].focus,this.$element[0]):e.proxy(this.hide,this)),i&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in");if(!t)return;i?this.$backdrop.one(e.support.transition.end,t):t()}else!this.isShown&&this.$backdrop?(this.$backdrop.removeClass("in"),e.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one(e.support.transition.end,t):t()):t&&t()};var n=e.fn.modal;e.fn.modal=function(n){return this.each(function(){var r=e(this),i=r.data("bs-modal"),s=e.extend({},t.DEFAULTS,r.data(),typeof n=="object"&&n);i||r.data("bs-modal",i=new t(this,s)),typeof n=="string"?i[n]():s.show&&i.show()})},e.fn.modal.Constructor=t,e.fn.modal.noConflict=function(){return e.fn.modal=n,this},e(document).on("click.modal.data-api",'[data-toggle="modal"]',function(t){var n=e(this),r=n.attr("href"),i=e(n.attr("data-target")||r&&r.replace(/.*(?=#[^\s]+$)/,"")),s=i.data("modal")?"toggle":e.extend({remote:!/#/.test(r)&&r},i.data(),n.data());t.preventDefault(),i.modal(s).one("hide",function(){n.focus()})});var r=e(document.body).on("bs:modal:shown",".modal",function(){r.addClass("modal-open")}).on("bs:modal:hidden",".modal",function(){r.removeClass("modal-open")})}(window.jQuery),!function(e){"use strict";var t=function(e,t){this.type=this.options=this.enabled=this.timeout=this.hoverState=this.$element=null,this.init("tooltip",e,t)};t.DEFAULTS={animation:!0,placement:"top",selector:!1,template:'
                  ',trigger:"hover focus",title:"",delay:0,html:!1,container:!1},t.prototype.init=function(t,n,r){this.type=t,this.options=this.getOptions(r),this.enabled=!0,this.$element=e(n);var i=this.options.trigger.split(" ");for(var s=i.length;s--;){var o=i[s];if(o=="click")this.$element.on("click."+this.type,this.options.selector,e.proxy(this.toggle,this));else if(o!="manual"){var u=o=="hover"?"mouseenter":"focus",a=o=="hover"?"mouseleave":"blur";this.$element.on(u+"."+this.type,this.options.selector,e.proxy(this.enter,this)),this.$element.on(a+"."+this.type,this.options.selector,e.proxy(this.leave,this))}}this.options.selector?this._options=e.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},t.prototype.getDefaults=function(){return t.DEFAULTS},t.prototype.getOptions=function(t){return t=e.extend({},this.getDefaults(),this.$element.data(),t),t.delay&&typeof t.delay=="number"&&(t.delay={show:t.delay,hide:t.delay}),t},t.prototype.enter=function(t){var n=e.fn[this.type].defaults,r={};this._options&&e.each(this._options,function(e,t){n[e]!=t&&(r[e]=t)},this);var i=e(t.currentTarget)[this.type](r).data(this.type);if(!i.options.delay||!i.options.delay.show)return i.show();clearTimeout(this.timeout),i.hoverState="in",this.timeout=setTimeout(function(){i.hoverState=="in"&&i.show()},i.options.delay.show)},t.prototype.leave=function(t){var n=e(t.currentTarget)[this.type](this._options).data(this.type);this.timeout&&clearTimeout(this.timeout);if(!n.options.delay||!n.options.delay.hide)return n.hide();n.hoverState="out",this.timeout=setTimeout(function(){n.hoverState=="out"&&n.hide()},n.options.delay.hide)},t.prototype.show=function(){var t=e.Event("bs:"+this.type+":show");if(this.hasContent()&&this.enabled){this.$element.trigger(t);if(t.isDefaultPrevented())return;var n=this.tip();this.setContent(),this.options.animation&&n.addClass("fade");var r=typeof this.options.placement=="function"?this.options.placement.call(this,n[0],this.$element[0]):this.options.placement;n.detach().css({top:0,left:0,display:"block"}),this.options.container?n.appendTo(this.options.container):n.insertAfter(this.$element);var i,s=this.getPosition(),o=n[0].offsetWidth,u=n[0].offsetHeight;switch(r){case"bottom":i={top:s.top+s.height,left:s.left+s.width/2-o/2};break;case"top":i={top:s.top-u,left:s.left+s.width/2-o/2};break;case"left":i={top:s.top+s.height/2-u/2,left:s.left-o};break;case"right":i={top:s.top+s.height/2-u/2,left:s.left+s.width}}this.applyPlacement(i,r),this.$element.trigger("shown")}},t.prototype.applyPlacement=function(e,t){var n,r=this.tip(),i=r[0].offsetWidth,s=r[0].offsetHeight;r.offset(e).addClass(t).addClass("in");var o=r[0].offsetWidth,u=r[0].offsetHeight;t=="top"&&u!=s&&(n=!0,e.top=e.top+s-u);if(t=="bottom"||t=="top"){var a=0;e.left<0&&(a=e.left*-2,e.left=0,r.offset(e),o=r[0].offsetWidth,u=r[0].offsetHeight),this.replaceArrow(a-i+o,o,"left")}else this.replaceArrow(u-s,u,"top");n&&r.offset(e)},t.prototype.replaceArrow=function(e,t,n){this.arrow().css(n,e?50*(1-e/t)+"%":"")},t.prototype.setContent=function(){var e=this.tip(),t=this.getTitle();e.find(".tooltip-inner")[this.options.html?"html":"text"](t),e.removeClass("fade in top bottom left right")},t.prototype.hide=function(){function i(){var t=setTimeout(function(){n.off(e.support.transition.end).detach()},500);n.one(e.support.transition.end,function(){clearTimeout(t),n.detach()})}var t=this,n=this.tip(),r=e.Event("bs:"+this.type+":hide");this.$element.trigger(r);if(r.isDefaultPrevented())return;return n.removeClass("in"),e.support.transition&&this.$tip.hasClass("fade")?i():n.detach(),this.$element.trigger("hidden"),this},t.prototype.fixTitle=function(){var e=this.$element;(e.attr("title")||typeof e.attr("data-original-title")!="string")&&e.attr("data-original-title",e.attr("title")||"").attr("title","")},t.prototype.hasContent=function(){return this.getTitle()},t.prototype.getPosition=function(){var t=this.$element[0];return e.extend({},typeof t.getBoundingClientRect=="function"?t.getBoundingClientRect():{width:t.offsetWidth,height:t.offsetHeight},this.$element.offset())},t.prototype.getTitle=function(){var e,t=this.$element,n=this.options;return e=t.attr("data-original-title")||(typeof n.title=="function"?n.title.call(t[0]):n.title),e},t.prototype.tip=function(){return this.$tip=this.$tip||e(this.options.template)},t.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".tooltip-arrow")},t.prototype.validate=function(){this.$element[0].parentNode||(this.hide(),this.$element=null,this.options=null)},t.prototype.enable=function(){this.enabled=!0},t.prototype.disable=function(){this.enabled=!1},t.prototype.toggleEnabled=function(){this.enabled=!this.enabled},t.prototype.toggle=function(t){var n=t?e(t.currentTarget)[this.type](this._options).data(this.type):this;n.tip().hasClass("in")?n.hide():n.show()},t.prototype.destroy=function(){this.hide().$element.off("."+this.type).removeData(this.type)};var n=e.fn.tooltip;e.fn.tooltip=function(n){return this.each(function(){var r=e(this),i=r.data("bs-tooltip"),s=typeof n=="object"&&n;i||r.data("bs-tooltip",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.tooltip.Constructor=t,e.fn.tooltip.noConflict=function(){return e.fn.tooltip=n,this}}(window.jQuery),!function(e){"use strict";var t=function(e,t){this.init("popover",e,t)};t.DEFAULTS=e.extend({},e.fn.tooltip.Constructor.DEFAULTS,{placement:"right",trigger:"click",content:"",template:'

                  '}),t.prototype=e.extend({},e.fn.tooltip.Constructor.prototype),t.prototype.constructor=t,t.prototype.getDefaults=function(){return t.DEFAULTS},t.prototype.setContent=function(){var e=this.tip(),t=this.getTitle(),n=this.getContent();e.find(".popover-title")[this.options.html?"html":"text"](t),e.find(".popover-content")[this.options.html?"html":"text"](n),e.removeClass("fade top bottom left right in")},t.prototype.hasContent=function(){return this.getTitle()||this.getContent()},t.prototype.getContent=function(){var e=typeof this.options.content=="function"?this.options.content.call(this.$element[0]):this.options.content;return e||this.$element.attr("data-content")},t.prototype.tip=function(){return this.$tip||(this.$tip=e(this.options.template)),this.$tip},t.prototype.destroy=function(){this.hide().$element.off("."+this.type).removeData(this.type)};var n=e.fn.popover;e.fn.popover=function(n){return this.each(function(){var r=e(this),i=r.data("bs-popover"),s=typeof n=="object"&&n;i||r.data("bs-popover",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.popover.Constructor=t,e.fn.popover.noConflict=function(){return e.fn.popover=n,this}}(window.jQuery),!function(e){"use strict";function t(n,r){var i,s=e.proxy(this.process,this),o=e(n).is("body")?e(window):e(n);this.$body=e("body"),this.$scrollElement=o.on("scroll.scroll-spy.data-api",s),this.options=e.extend({},t.DEFAULTS,r),this.selector=(this.options.target||(i=e(n).attr("href"))&&i.replace(/.*(?=#[^\s]+$)/,"")||"")+" .nav li > a",this.offsets=e([]),this.targets=e([]),this.activeTarget=null,this.refresh(),this.process()}t.DEFAULTS={offset:10},t.prototype.refresh=function(){this.offsets=e([]),this.targets=e([]);var t=this,n=this.$body.find(this.selector).map(function(){var n=e(this),r=n.data("target")||n.attr("href"),i=/^#\w/.test(r)&&e(r);return i&&i.length&&[[i.position().top+(!e.isWindow(t.$scrollElement.get(0))&&t.$scrollElement.scrollTop()),r]]||null}).sort(function(e,t){return e[0]-t[0]}).each(function(){t.offsets.push(this[0]),t.targets.push(this[1])})},t.prototype.process=function(){var e=this.$scrollElement.scrollTop()+this.options.offset,t=this.$scrollElement[0].scrollHeight||this.$body[0].scrollHeight,n=t-this.$scrollElement.height(),r=this.offsets,i=this.targets,s=this.activeTarget,o;if(e>=n)return s!=(o=i.last()[0])&&this.activate(o);for(o=r.length;o--;)s!=i[o]&&e>=r[o]&&(!r[o+1]||e<=r[o+1])&&this.activate(i[o])},t.prototype.activate=function(t){this.activeTarget=t,e(this.selector).parents(".active").removeClass("active");var n=this.selector+'[data-target="'+t+'"],'+this.selector+'[href="'+t+'"]',r=e(n).parents("li").addClass("active");r.parent(".dropdown-menu").length&&(r=r.closest("li.dropdown").addClass("active")),r.trigger("activate")};var n=e.fn.scrollspy;e.fn.scrollspy=function(n){return this.each(function(){var r=e(this),i=r.data("bs-scrollspy"),s=typeof n=="object"&&n;i||r.data("bs-scrollspy",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.scrollspy.Constructor=t,e.fn.scrollspy.noConflict=function(){return e.fn.scrollspy=n,this},e(window).on("load",function(){e('[data-spy="scroll"]').each(function(){var t=e(this);t.scrollspy(t.data())})})}(window.jQuery),!function(e){"use strict";var t=function(t){this.element=e(t)};t.prototype.show=function(){var t=this.element,n=t.closest("ul:not(.dropdown-menu)"),r=t.attr("data-target");r||(r=t.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,""));if(t.parent("li").hasClass("active"))return;var i=n.find(".active:last a")[0],s=e.Event("bs:tab:show",{relatedTarget:i});t.trigger(s);if(s.isDefaultPrevented())return;var o=e(r);this.activate(t.parent("li"),n),this.activate(o,o.parent(),function(){t.trigger({type:"bs:tab:shown",relatedTarget:i})})},t.prototype.activate=function(t,n,r){function o(){i.removeClass("active").find("> .dropdown-menu > .active").removeClass("active"),t.addClass("active"),s?(t[0].offsetWidth,t.addClass("in")):t.removeClass("fade"),t.parent(".dropdown-menu")&&t.closest("li.dropdown").addClass("active"),r&&r()}var i=n.find("> .active"),s=r&&e.support.transition&&i.hasClass("fade");s?i.one(e.support.transition.end,o):o(),i.removeClass("in")};var n=e.fn.tab;e.fn.tab=function(n){return this.each(function(){var r=e(this),i=r.data("bs-tab");i||r.data("bs-tab",i=new t(this)),typeof n=="string"&&i[n]()})},e.fn.tab.Constructor=t,e.fn.tab.noConflict=function(){return e.fn.tab=n,this},e(document).on("click.tab.data-api",'[data-toggle="tab"], [data-toggle="pill"]',function(t){t.preventDefault(),e(this).tab("show")})}(window.jQuery),!function(e){"use strict";var t=function(n,r){this.options=e.extend({},t.DEFAULTS,r),this.$window=e(window).on("scroll.bs-affix.bs-data-api",e.proxy(this.checkPosition,this)).on("click.bs-affix.bs-data-api",e.proxy(this.checkPositionWithEventLoop,this)),this.$element=e(n),this.affixed=this.unpin=null,this.checkPosition()};t.DEFAULTS={offset:0},t.prototype.checkPositionWithEventLoop=function(){setTimeout(e.proxy(this.checkPosition,this),1)},t.prototype.checkPosition=function(){if(!this.$element.is(":visible"))return;var t=e(document).height(),n=this.$window.scrollTop(),r=this.$element.offset(),i=this.options.offset,s=i.top,o=i.bottom,u="affix affix-top affix-bottom";typeof i!="object"&&(o=s=i),typeof s=="function"&&(s=i.top()),typeof o=="function"&&(o=i.bottom());var a=this.unpin!=null&&n+this.unpin<=r.top?!1:o!=null&&r.top+this.$element.height()>=t-o?"bottom":s!=null&&n<=s?"top":!1;if(this.affixed===a)return;this.affixed=a,this.unpin=a=="bottom"?r.top-n:null,this.$element.removeClass(u).addClass("affix"+(a?"-"+a:""))};var n=e.fn.affix;e.fn.affix=function(n){return this.each(function(){var r=e(this),i=r.data("bs-affix"),s=typeof n=="object"&&n;i||r.data("bs-affix",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.affix.Constructor=t,e.fn.affix.noConflict=function(){return e.fn.affix=n,this},e(window).on("load",function(){e('[data-spy="affix"]').each(function(){var t=e(this),n=t.data();n.offset=n.offset||{},n.offsetBottom&&(n.offset.bottom=n.offsetBottom),n.offsetTop&&(n.offset.top=n.offsetTop),t.affix(n)})})}(window.jQuery); \ No newline at end of file diff --git a/docs/assets/js/carousel.js b/docs/assets/js/carousel.js index b647ee9f1..33b34af08 100644 --- a/docs/assets/js/carousel.js +++ b/docs/assets/js/carousel.js @@ -111,7 +111,7 @@ $next = $next.length ? $next : this.$element.find('.item')[fallback]() - var e = $.Event('slide', { relatedTarget: $next[0], direction: direction }) + var e = $.Event('bs:carousel:slide', { relatedTarget: $next[0], direction: direction }) if ($next.hasClass('active')) return @@ -159,11 +159,11 @@ $.fn.carousel = function (option) { return this.each(function () { var $this = $(this) - var data = $this.data('carousel') + var data = $this.data('bs-carousel') var options = $.extend({}, Carousel.DEFAULTS, typeof option == 'object' && option) var action = typeof option == 'string' ? option : options.slide - if (!data) $this.data('carousel', (data = new Carousel(this, options))) + if (!data) $this.data('bs-carousel', (data = new Carousel(this, options))) if (typeof option == 'number') data.to(option) else if (action) data[action]() else if (options.interval) data.pause().cycle() @@ -181,6 +181,7 @@ return this } + // CAROUSEL DATA-API // ================= diff --git a/docs/assets/js/collapse.js b/docs/assets/js/collapse.js index 457996d12..c9db1767f 100644 --- a/docs/assets/js/collapse.js +++ b/docs/assets/js/collapse.js @@ -56,7 +56,7 @@ } this.$element[dimension](0) - this.transition('addClass', $.Event('show'), 'shown') + this.transition('addClass', $.Event('bs:collapse:show'), 'shown') if ($.support.transition) this.$element[dimension](this.$element[0][scroll]) } @@ -65,7 +65,7 @@ if (this.transitioning || !this.$element.hasClass('in')) return var dimension = this.dimension() this.reset(this.$element[dimension]()) - this.transition('removeClass', $.Event('hide'), 'hidden') + this.transition('removeClass', $.Event('bs:collapse:hide'), 'hidden') this.$element[dimension](0) } diff --git a/docs/assets/js/dropdown.js b/docs/assets/js/dropdown.js index c3ad78895..c76162b1c 100644 --- a/docs/assets/js/dropdown.js +++ b/docs/assets/js/dropdown.js @@ -20,7 +20,6 @@ !function ($) { "use strict"; - // DROPDOWN CLASS DEFINITION // ========================= diff --git a/docs/assets/js/modal.js b/docs/assets/js/modal.js index 9c8818812..ee74400bb 100644 --- a/docs/assets/js/modal.js +++ b/docs/assets/js/modal.js @@ -18,207 +18,198 @@ * ========================================================= */ -!function ($) { +!function ($) { "use strict"; - "use strict"; // jshint ;_; - - - /* MODAL CLASS DEFINITION - * ====================== */ + // MODAL CLASS DEFINITION + // ====================== var Modal = function (element, options) { - this.options = options - this.$element = $(element) - .delegate('[data-dismiss="modal"]', 'click.dismiss.modal', $.proxy(this.hide, this)) - this.options.remote && this.$element.find('.modal-body').load(this.options.remote) - } + this.options = options + this.$element = $(element).delegate('[data-dismiss="modal"]', 'click.dismiss.modal', $.proxy(this.hide, this)) + this.$backdrop = + this.isShown = null - Modal.prototype = { + if (this.options.remote) this.$element.find('.modal-body').load(this.options.remote) + } - constructor: Modal + Modal.DEFAULTS = { + backdrop: true + , keyboard: true + , show: true + } - , toggle: function () { - return this[!this.isShown ? 'show' : 'hide']() - } + Modal.prototype.toggle = function () { + return this[!this.isShown ? 'show' : 'hide']() + } - , show: function () { - var that = this - , e = $.Event('show') + Modal.prototype.show = function () { + var that = this + var e = $.Event('bs:modal:show') - this.$element.trigger(e) + this.$element.trigger(e) - if (this.isShown || e.isDefaultPrevented()) return + if (this.isShown || e.isDefaultPrevented()) return - this.isShown = true + this.isShown = true - this.escape() + this.escape() - this.backdrop(function () { - var transition = $.support.transition && that.$element.hasClass('fade') + this.backdrop(function () { + var transition = $.support.transition && that.$element.hasClass('fade') - if (!that.$element.parent().length) { - that.$element.appendTo(document.body) //don't move modals dom position - } + if (!that.$element.parent().length) { + that.$element.appendTo(document.body) //don't move modals dom position + } - that.$element.show() + that.$element.show() - if (transition) { - that.$element[0].offsetWidth // force reflow - } + if (transition) { + that.$element[0].offsetWidth // force reflow + } - that.$element - .addClass('in') - .attr('aria-hidden', false) + that.$element + .addClass('in') + .attr('aria-hidden', false) - that.enforceFocus() + that.enforceFocus() - transition ? - that.$element.one($.support.transition.end, function () { that.$element.focus().trigger('shown') }) : - that.$element.focus().trigger('shown') + transition ? + that.$element.one($.support.transition.end, function () { that.$element.focus().trigger('bs:modal:shown') }) : + that.$element.focus().trigger('bs:modal:shown') - }) - } + }) + } - , hide: function (e) { - e && e.preventDefault() + Modal.prototype.show = function (e) { + if (e) e.preventDefault() - var that = this + e = $.Event('bs:modal:hide') - e = $.Event('hide') + this.$element.trigger(e) - this.$element.trigger(e) + if (!this.isShown || e.isDefaultPrevented()) return - if (!this.isShown || e.isDefaultPrevented()) return + this.isShown = false - this.isShown = false + this.escape() - this.escape() + $(document).off('focusin.modal') - $(document).off('focusin.modal') + this.$element + .removeClass('in') + .attr('aria-hidden', true) - this.$element - .removeClass('in') - .attr('aria-hidden', true) + $.support.transition && this.$element.hasClass('fade') ? + this.hideWithTransition() : + this.hideModal() + } - $.support.transition && this.$element.hasClass('fade') ? - this.hideWithTransition() : - this.hideModal() + Modal.prototype.enforceFocus = function () { + $(document).on('focusin.modal', function (e) { + if (this.$element[0] !== e.target && !this.$element.has(e.target).length) { + this.$element.focus() } + }, this) + } - , enforceFocus: function () { - var that = this - $(document).on('focusin.modal', function (e) { - if (that.$element[0] !== e.target && !that.$element.has(e.target).length) { - that.$element.focus() - } - }) - } + Modal.prototype.escape = function () { + if (this.isShown && this.options.keyboard) { + this.$element.on('keyup.dismiss.modal', function ( e ) { + e.which == 27 && this.hide() + }, this) + } else if (!this.isShown) { + this.$element.off('keyup.dismiss.modal') + } + } - , escape: function () { - var that = this - if (this.isShown && this.options.keyboard) { - this.$element.on('keyup.dismiss.modal', function ( e ) { - e.which == 27 && that.hide() - }) - } else if (!this.isShown) { - this.$element.off('keyup.dismiss.modal') - } - } + Modal.prototype.hideWithTransition = function () { + var that = this + var timeout = setTimeout(function () { + that.$element.off($.support.transition.end) + that.hideModal() + }, 500) - , hideWithTransition: function () { - var that = this - , timeout = setTimeout(function () { - that.$element.off($.support.transition.end) - that.hideModal() - }, 500) - - this.$element.one($.support.transition.end, function () { - clearTimeout(timeout) - that.hideModal() - }) - } + this.$element.one($.support.transition.end, function () { + clearTimeout(timeout) + that.hideModal() + }) + } - , hideModal: function () { - var that = this - this.$element.hide() - this.backdrop(function () { - that.removeBackdrop() - that.$element.trigger('hidden') - }) - } + Modal.prototype.hideModal = function () { + var that = this + this.$element.hide() + this.backdrop(function () { + that.removeBackdrop() + that.$element.trigger('bs:modal:hidden') + }) + } - , removeBackdrop: function () { - this.$backdrop && this.$backdrop.remove() - this.$backdrop = null - } + Modal.prototype.removeBackdrop = function () { + this.$backdrop && this.$backdrop.remove() + this.$backdrop = null + } - , backdrop: function (callback) { - var that = this - , animate = this.$element.hasClass('fade') ? 'fade' : '' + Modal.prototype.backdrop = function (callback) { + var that = this + var animate = this.$element.hasClass('fade') ? 'fade' : '' - if (this.isShown && this.options.backdrop) { - var doAnimate = $.support.transition && animate + if (this.isShown && this.options.backdrop) { + var doAnimate = $.support.transition && animate - this.$backdrop = $('
                  ') - .appendTo(document.body) + this.$backdrop = $('
                  ') + .appendTo(document.body) - this.$backdrop.click( - this.options.backdrop == 'static' ? - $.proxy(this.$element[0].focus, this.$element[0]) - : $.proxy(this.hide, this) - ) + this.$backdrop.click( + this.options.backdrop == 'static' ? + $.proxy(this.$element[0].focus, this.$element[0]) + : $.proxy(this.hide, this) + ) - if (doAnimate) this.$backdrop[0].offsetWidth // force reflow + if (doAnimate) this.$backdrop[0].offsetWidth // force reflow - this.$backdrop.addClass('in') + this.$backdrop.addClass('in') - if (!callback) return + if (!callback) return - doAnimate ? - this.$backdrop.one($.support.transition.end, callback) : - callback() + doAnimate ? + this.$backdrop.one($.support.transition.end, callback) : + callback() - } else if (!this.isShown && this.$backdrop) { - this.$backdrop.removeClass('in') + } else if (!this.isShown && this.$backdrop) { + this.$backdrop.removeClass('in') - $.support.transition && this.$element.hasClass('fade')? - this.$backdrop.one($.support.transition.end, callback) : - callback() + $.support.transition && this.$element.hasClass('fade')? + this.$backdrop.one($.support.transition.end, callback) : + callback() - } else if (callback) { - callback() - } - } + } else if (callback) { + callback() + } } - /* MODAL PLUGIN DEFINITION - * ======================= */ + // MODAL PLUGIN DEFINITION + // ======================= var old = $.fn.modal $.fn.modal = function (option) { return this.each(function () { - var $this = $(this) - , data = $this.data('modal') - , options = $.extend({}, $.fn.modal.defaults, $this.data(), typeof option == 'object' && option) - if (!data) $this.data('modal', (data = new Modal(this, options))) + var $this = $(this) + var data = $this.data('bs-modal') + var options = $.extend({}, Modal.DEFAULTS, $this.data(), typeof option == 'object' && option) + + if (!data) $this.data('bs-modal', (data = new Modal(this, options))) if (typeof option == 'string') data[option]() else if (options.show) data.show() }) } - $.fn.modal.defaults = { - backdrop: true - , keyboard: true - , show: true - } - $.fn.modal.Constructor = Modal - /* MODAL NO CONFLICT - * ================= */ + // MODAL NO CONFLICT + // ================= $.fn.modal.noConflict = function () { $.fn.modal = old @@ -226,14 +217,14 @@ } - /* MODAL DATA-API - * ============== */ + // MODAL DATA-API + // ============== $(document).on('click.modal.data-api', '[data-toggle="modal"]', function (e) { - var $this = $(this) - , href = $this.attr('href') - , $target = $($this.attr('data-target') || (href && href.replace(/.*(?=#[^\s]+$)/, ''))) //strip for ie7 - , option = $target.data('modal') ? 'toggle' : $.extend({ remote:!/#/.test(href) && href }, $target.data(), $this.data()) + var $this = $(this) + var href = $this.attr('href') + var $target = $($this.attr('data-target') || (href && href.replace(/.*(?=#[^\s]+$)/, ''))) //strip for ie7 + var option = $target.data('modal') ? 'toggle' : $.extend({ remote:!/#/.test(href) && href }, $target.data(), $this.data()) e.preventDefault() @@ -245,7 +236,7 @@ }) var $body = $(document.body) - .on('shown', '.modal', function () { $body.addClass('modal-open') }) - .on('hidden', '.modal', function () { $body.removeClass('modal-open') }) + .on('bs:modal:shown', '.modal', function () { $body.addClass('modal-open') }) + .on('bs:modal:hidden', '.modal', function () { $body.removeClass('modal-open') }) }(window.jQuery); diff --git a/docs/assets/js/popover.js b/docs/assets/js/popover.js index aef6d4646..20bbaf1a4 100644 --- a/docs/assets/js/popover.js +++ b/docs/assets/js/popover.js @@ -18,93 +18,88 @@ * =========================================================== */ -!function ($) { +!function ($) { "use strict"; - "use strict"; // jshint ;_; - - - /* POPOVER PUBLIC CLASS DEFINITION - * =============================== */ + // POPOVER PUBLIC CLASS DEFINITION + // =============================== var Popover = function (element, options) { this.init('popover', element, options) } + Popover.DEFAULTS = $.extend({} , $.fn.tooltip.Constructor.DEFAULTS, { + placement: 'right' + , trigger: 'click' + , content: '' + , template: '

                  ' + }) - /* NOTE: POPOVER EXTENDS tooltip.js - ========================================== */ - Popover.prototype = $.extend({}, $.fn.tooltip.Constructor.prototype, { + // NOTE: POPOVER EXTENDS tooltip.js + // ================================ - constructor: Popover + Popover.prototype = $.extend({}, $.fn.tooltip.Constructor.prototype) - , setContent: function () { - var $tip = this.tip() - , title = this.getTitle() - , content = this.getContent() + Popover.prototype.constructor = Popover - $tip.find('.popover-title')[this.options.html ? 'html' : 'text'](title) - $tip.find('.popover-content')[this.options.html ? 'html' : 'text'](content) + Popover.prototype.getDefaults = function () { + return Popover.DEFAULTS + } - $tip.removeClass('fade top bottom left right in') - } + Popover.prototype.setContent = function () { + var $tip = this.tip() + var title = this.getTitle() + var content = this.getContent() - , hasContent: function () { - return this.getTitle() || this.getContent() - } + $tip.find('.popover-title')[this.options.html ? 'html' : 'text'](title) + $tip.find('.popover-content')[this.options.html ? 'html' : 'text'](content) - , getContent: function () { - var content - , $e = this.$element - , o = this.options + $tip.removeClass('fade top bottom left right in') + } - content = (typeof o.content == 'function' ? o.content.call($e[0]) : o.content) - || $e.attr('data-content') + Popover.prototype.hasContent = function () { + return this.getTitle() || this.getContent() + } - return content - } + Popover.prototype.getContent = function () { + var content = typeof this.options.content == 'function' ? + this.options.content.call(this.$element[0]) : + this.options.content - , tip: function () { - if (!this.$tip) { - this.$tip = $(this.options.template) - } - return this.$tip - } + return content || this.$element.attr('data-content') + } - , destroy: function () { - this.hide().$element.off('.' + this.type).removeData(this.type) - } + Popover.prototype.tip = function () { + if (!this.$tip) this.$tip = $(this.options.template) + return this.$tip + } - }) + Popover.prototype.destroy = function () { + this.hide().$element.off('.' + this.type).removeData(this.type) + } - /* POPOVER PLUGIN DEFINITION - * ======================= */ + // POPOVER PLUGIN DEFINITION + // ========================= var old = $.fn.popover $.fn.popover = function (option) { return this.each(function () { - var $this = $(this) - , data = $this.data('popover') - , options = typeof option == 'object' && option - if (!data) $this.data('popover', (data = new Popover(this, options))) + var $this = $(this) + var data = $this.data('bs-popover') + var options = typeof option == 'object' && option + + if (!data) $this.data('bs-popover', (data = new Popover(this, options))) if (typeof option == 'string') data[option]() }) } $.fn.popover.Constructor = Popover - $.fn.popover.defaults = $.extend({} , $.fn.tooltip.defaults, { - placement: 'right' - , trigger: 'click' - , content: '' - , template: '

                  ' - }) - - /* POPOVER NO CONFLICT - * =================== */ + // POPOVER NO CONFLICT + // =================== $.fn.popover.noConflict = function () { $.fn.popover = old diff --git a/docs/assets/js/scrollspy.js b/docs/assets/js/scrollspy.js index 53bd41eef..cb257b2ca 100644 --- a/docs/assets/js/scrollspy.js +++ b/docs/assets/js/scrollspy.js @@ -18,130 +18,124 @@ * ============================================================== */ -!function ($) { +!function ($) { "use strict"; - "use strict"; // jshint ;_; - - - /* SCROLLSPY CLASS DEFINITION - * ========================== */ + // SCROLLSPY CLASS DEFINITION + // ========================== function ScrollSpy(element, options) { - var process = $.proxy(this.process, this) - , $element = $(element).is('body') ? $(window) : $(element) - , href - this.options = $.extend({}, $.fn.scrollspy.defaults, options) + var href + var process = $.proxy(this.process, this) + var $element = $(element).is('body') ? $(window) : $(element) + + this.$body = $('body') this.$scrollElement = $element.on('scroll.scroll-spy.data-api', process) - this.selector = (this.options.target + this.options = $.extend({}, ScrollSpy.DEFAULTS, options) + this.selector = (this.options.target || ((href = $(element).attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7 || '') + ' .nav li > a' - this.$body = $('body') + this.offsets = $([]) + this.targets = $([]) + this.activeTarget = null + this.refresh() this.process() } - ScrollSpy.prototype = { - - constructor: ScrollSpy - - , refresh: function () { - var self = this - , $targets - - this.offsets = $([]) - this.targets = $([]) - - $targets = this.$body - .find(this.selector) - .map(function () { - var $el = $(this) - , href = $el.data('target') || $el.attr('href') - , $href = /^#\w/.test(href) && $(href) - return ( $href - && $href.length - && [[ $href.position().top + (!$.isWindow(self.$scrollElement.get(0)) && self.$scrollElement.scrollTop()), href ]] ) || null - }) - .sort(function (a, b) { return a[0] - b[0] }) - .each(function () { - self.offsets.push(this[0]) - self.targets.push(this[1]) - }) - } - - , process: function () { - var scrollTop = this.$scrollElement.scrollTop() + this.options.offset - , scrollHeight = this.$scrollElement[0].scrollHeight || this.$body[0].scrollHeight - , maxScroll = scrollHeight - this.$scrollElement.height() - , offsets = this.offsets - , targets = this.targets - , activeTarget = this.activeTarget - , i - - if (scrollTop >= maxScroll) { - return activeTarget != (i = targets.last()[0]) - && this.activate ( i ) - } - - for (i = offsets.length; i--;) { - activeTarget != targets[i] - && scrollTop >= offsets[i] - && (!offsets[i + 1] || scrollTop <= offsets[i + 1]) - && this.activate( targets[i] ) - } - } - - , activate: function (target) { - var active - , selector - - this.activeTarget = target - - $(this.selector) - .parents('.active') - .removeClass('active') - - selector = this.selector - + '[data-target="' + target + '"],' - + this.selector + '[href="' + target + '"]' - - active = $(selector) - .parents('li') - .addClass('active') - - if (active.parent('.dropdown-menu').length) { - active = active.closest('li.dropdown').addClass('active') - } - - active.trigger('activate') - } + ScrollSpy.DEFAULTS = { + offset: 10 + } + + ScrollSpy.prototype.refresh = function () { + this.offsets = $([]) + this.targets = $([]) + + var self = this + var $targets = this.$body + .find(this.selector) + .map(function () { + var $el = $(this) + var href = $el.data('target') || $el.attr('href') + var $href = /^#\w/.test(href) && $(href) + + return ($href + && $href.length + && [[ $href.position().top + (!$.isWindow(self.$scrollElement.get(0)) && self.$scrollElement.scrollTop()), href ]]) || null + }) + .sort(function (a, b) { return a[0] - b[0] }) + .each(function () { + self.offsets.push(this[0]) + self.targets.push(this[1]) + }) + } + ScrollSpy.prototype.process = function () { + var scrollTop = this.$scrollElement.scrollTop() + this.options.offset + var scrollHeight = this.$scrollElement[0].scrollHeight || this.$body[0].scrollHeight + var maxScroll = scrollHeight - this.$scrollElement.height() + var offsets = this.offsets + var targets = this.targets + var activeTarget = this.activeTarget + var i + + if (scrollTop >= maxScroll) { + return activeTarget != (i = targets.last()[0]) && this.activate(i) + } + + for (i = offsets.length; i--;) { + activeTarget != targets[i] + && scrollTop >= offsets[i] + && (!offsets[i + 1] || scrollTop <= offsets[i + 1]) + && this.activate( targets[i] ) + } } + ScrollSpy.prototype.activate = function (target) { + this.activeTarget = target + + $(this.selector) + .parents('.active') + .removeClass('active') + + var selector = this.selector + + '[data-target="' + target + '"],' + + this.selector + '[href="' + target + '"]' - /* SCROLLSPY PLUGIN DEFINITION - * =========================== */ + var active = $(selector) + .parents('li') + .addClass('active') + + if (active.parent('.dropdown-menu').length) { + active = active + .closest('li.dropdown') + .addClass('active') + } + + active.trigger('activate') + } + + + // SCROLLSPY PLUGIN DEFINITION + // =========================== var old = $.fn.scrollspy $.fn.scrollspy = function (option) { return this.each(function () { - var $this = $(this) - , data = $this.data('scrollspy') - , options = typeof option == 'object' && option - if (!data) $this.data('scrollspy', (data = new ScrollSpy(this, options))) + var $this = $(this) + var data = $this.data('bs-scrollspy') + var options = typeof option == 'object' && option + + if (!data) $this.data('bs-scrollspy', (data = new ScrollSpy(this, options))) if (typeof option == 'string') data[option]() }) } $.fn.scrollspy.Constructor = ScrollSpy - $.fn.scrollspy.defaults = { - offset: 10 - } - - /* SCROLLSPY NO CONFLICT - * ===================== */ + // SCROLLSPY NO CONFLICT + // ===================== $.fn.scrollspy.noConflict = function () { $.fn.scrollspy = old @@ -149,8 +143,8 @@ } - /* SCROLLSPY DATA-API - * ================== */ + // SCROLLSPY DATA-API + // ================== $(window).on('load', function () { $('[data-spy="scroll"]').each(function () { diff --git a/docs/assets/js/tab.js b/docs/assets/js/tab.js index 1df9f9098..80d6f2618 100644 --- a/docs/assets/js/tab.js +++ b/docs/assets/js/tab.js @@ -18,105 +18,94 @@ * ======================================================== */ -!function ($) { +!function ($) { "use strict"; - "use strict"; // jshint ;_; - - - /* TAB CLASS DEFINITION - * ==================== */ + // TAB CLASS DEFINITION + // ==================== var Tab = function (element) { this.element = $(element) } - Tab.prototype = { - - constructor: Tab - - , show: function () { - var $this = this.element - , $ul = $this.closest('ul:not(.dropdown-menu)') - , selector = $this.attr('data-target') - , previous - , $target - , e - - if (!selector) { - selector = $this.attr('href') - selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7 - } + Tab.prototype.show = function () { + var $this = this.element + var $ul = $this.closest('ul:not(.dropdown-menu)') + var selector = $this.attr('data-target') - if ( $this.parent('li').hasClass('active') ) return + if (!selector) { + selector = $this.attr('href') + selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7 + } - previous = $ul.find('.active:last a')[0] + if ($this.parent('li').hasClass('active')) return - e = $.Event('show', { - relatedTarget: previous - }) + var previous = $ul.find('.active:last a')[0] + var e = $.Event('bs:tab:show', { + relatedTarget: previous + }) - $this.trigger(e) + $this.trigger(e) - if (e.isDefaultPrevented()) return + if (e.isDefaultPrevented()) return - $target = $(selector) + var $target = $(selector) - this.activate($this.parent('li'), $ul) - this.activate($target, $target.parent(), function () { - $this.trigger({ - type: 'shown' - , relatedTarget: previous - }) + this.activate($this.parent('li'), $ul) + this.activate($target, $target.parent(), function () { + $this.trigger({ + type: 'bs:tab:shown' + , relatedTarget: previous }) - } - - , activate: function ( element, container, callback) { - var $active = container.find('> .active') - , transition = callback - && $.support.transition - && $active.hasClass('fade') - - function next() { - $active - .removeClass('active') - .find('> .dropdown-menu > .active') - .removeClass('active') - - element.addClass('active') - - if (transition) { - element[0].offsetWidth // reflow for transition - element.addClass('in') - } else { - element.removeClass('fade') - } - - if ( element.parent('.dropdown-menu') ) { - element.closest('li.dropdown').addClass('active') - } + }) + } - callback && callback() + Tab.prototype.activate = function (element, container, callback) { + var $active = container.find('> .active') + var transition = callback + && $.support.transition + && $active.hasClass('fade') + + function next() { + $active + .removeClass('active') + .find('> .dropdown-menu > .active') + .removeClass('active') + + element.addClass('active') + + if (transition) { + element[0].offsetWidth // reflow for transition + element.addClass('in') + } else { + element.removeClass('fade') } - transition ? - $active.one($.support.transition.end, next) : - next() + if (element.parent('.dropdown-menu')) { + element.closest('li.dropdown').addClass('active') + } - $active.removeClass('in') + callback && callback() } + + transition ? + $active.one($.support.transition.end, next) : + next() + + $active.removeClass('in') } - /* TAB PLUGIN DEFINITION - * ===================== */ + // TAB PLUGIN DEFINITION + // ===================== var old = $.fn.tab $.fn.tab = function ( option ) { return this.each(function () { var $this = $(this) - , data = $this.data('tab') - if (!data) $this.data('tab', (data = new Tab(this))) + var data = $this.data('bs-tab') + + if (!data) $this.data('bs-tab', (data = new Tab(this))) if (typeof option == 'string') data[option]() }) } @@ -124,8 +113,8 @@ $.fn.tab.Constructor = Tab - /* TAB NO CONFLICT - * =============== */ + // TAB NO CONFLICT + // =============== $.fn.tab.noConflict = function () { $.fn.tab = old @@ -133,8 +122,8 @@ } - /* TAB DATA-API - * ============ */ + // TAB DATA-API + // ============ $(document).on('click.tab.data-api', '[data-toggle="tab"], [data-toggle="pill"]', function (e) { e.preventDefault() diff --git a/docs/assets/js/tooltip.js b/docs/assets/js/tooltip.js index f199a3e6a..5f99e355f 100644 --- a/docs/assets/js/tooltip.js +++ b/docs/assets/js/tooltip.js @@ -19,339 +19,331 @@ * ========================================================== */ -!function ($) { +!function ($) { "use strict"; - "use strict"; // jshint ;_; - - - /* TOOLTIP PUBLIC CLASS DEFINITION - * =============================== */ + // TOOLTIP PUBLIC CLASS DEFINITION + // =============================== var Tooltip = function (element, options) { + this.type = + this.options = + this.enabled = + this.timeout = + this.hoverState = + this.$element = null + this.init('tooltip', element, options) } - Tooltip.prototype = { - - constructor: Tooltip - - , init: function (type, element, options) { - var eventIn - , eventOut - , triggers - , trigger - , i - - this.type = type - this.$element = $(element) - this.options = this.getOptions(options) - this.enabled = true - - triggers = this.options.trigger.split(' ') - - for (i = triggers.length; i--;) { - trigger = triggers[i] - if (trigger == 'click') { - this.$element.on('click.' + this.type, this.options.selector, $.proxy(this.toggle, this)) - } else if (trigger != 'manual') { - eventIn = trigger == 'hover' ? 'mouseenter' : 'focus' - eventOut = trigger == 'hover' ? 'mouseleave' : 'blur' - this.$element.on(eventIn + '.' + this.type, this.options.selector, $.proxy(this.enter, this)) - this.$element.on(eventOut + '.' + this.type, this.options.selector, $.proxy(this.leave, this)) - } - } + Tooltip.DEFAULTS = { + animation: true + , placement: 'top' + , selector: false + , template: '
                  ' + , trigger: 'hover focus' + , title: '' + , delay: 0 + , html: false + , container: false + } - this.options.selector ? - (this._options = $.extend({}, this.options, { trigger: 'manual', selector: '' })) : - this.fixTitle() - } + Tooltip.prototype.init = function (type, element, options) { + this.type = type + this.options = this.getOptions(options) + this.enabled = true + this.$element = $(element) - , getOptions: function (options) { - options = $.extend({}, $.fn[this.type].defaults, this.$element.data(), options) + var triggers = this.options.trigger.split(' ') - if (options.delay && typeof options.delay == 'number') { - options.delay = { - show: options.delay - , hide: options.delay - } + for (var i = triggers.length; i--;) { + var trigger = triggers[i] + + if (trigger == 'click') { + this.$element.on('click.' + this.type, this.options.selector, $.proxy(this.toggle, this)) + } else if (trigger != 'manual') { + var eventIn = trigger == 'hover' ? 'mouseenter' : 'focus' + var eventOut = trigger == 'hover' ? 'mouseleave' : 'blur' + + this.$element.on(eventIn + '.' + this.type, this.options.selector, $.proxy(this.enter, this)) + this.$element.on(eventOut + '.' + this.type, this.options.selector, $.proxy(this.leave, this)) } + } + + this.options.selector ? + (this._options = $.extend({}, this.options, { trigger: 'manual', selector: '' })) : + this.fixTitle() + } + + Tooltip.prototype.getDefaults = function () { + return Tooltip.DEFAULTS + } + + Tooltip.prototype.getOptions = function (options) { + options = $.extend({}, this.getDefaults(), this.$element.data(), options) - return options + if (options.delay && typeof options.delay == 'number') { + options.delay = { + show: options.delay + , hide: options.delay + } } - , enter: function (e) { - var defaults = $.fn[this.type].defaults - , options = {} - , self + return options + } - this._options && $.each(this._options, function (key, value) { - if (defaults[key] != value) options[key] = value - }, this) + Tooltip.prototype.enter = function (e) { + var defaults = $.fn[this.type].defaults + var options = {} - self = $(e.currentTarget)[this.type](options).data(this.type) + this._options && $.each(this._options, function (key, value) { + if (defaults[key] != value) options[key] = value + }, this) - if (!self.options.delay || !self.options.delay.show) return self.show() + var self = $(e.currentTarget)[this.type](options).data(this.type) - clearTimeout(this.timeout) - self.hoverState = 'in' - this.timeout = setTimeout(function() { - if (self.hoverState == 'in') self.show() - }, self.options.delay.show) - } + if (!self.options.delay || !self.options.delay.show) return self.show() - , leave: function (e) { - var self = $(e.currentTarget)[this.type](this._options).data(this.type) + clearTimeout(this.timeout) - if (this.timeout) clearTimeout(this.timeout) - if (!self.options.delay || !self.options.delay.hide) return self.hide() + self.hoverState = 'in' + this.timeout = setTimeout(function() { + if (self.hoverState == 'in') self.show() + }, self.options.delay.show) + } - self.hoverState = 'out' - this.timeout = setTimeout(function() { - if (self.hoverState == 'out') self.hide() - }, self.options.delay.hide) - } + Tooltip.prototype.leave = function (e) { + var self = $(e.currentTarget)[this.type](this._options).data(this.type) + + if (this.timeout) clearTimeout(this.timeout) + if (!self.options.delay || !self.options.delay.hide) return self.hide() - , show: function () { - var $tip - , pos - , actualWidth - , actualHeight - , placement - , tp - , e = $.Event('show') + self.hoverState = 'out' + this.timeout = setTimeout(function() { + if (self.hoverState == 'out') self.hide() + }, self.options.delay.hide) + } - if (this.hasContent() && this.enabled) { - this.$element.trigger(e) - if (e.isDefaultPrevented()) return - $tip = this.tip() - this.setContent() + Tooltip.prototype.show = function () { + var e = $.Event('bs:'+ this.type + ':show') - if (this.options.animation) { - $tip.addClass('fade') - } + if (this.hasContent() && this.enabled) { + this.$element.trigger(e) - placement = typeof this.options.placement == 'function' ? - this.options.placement.call(this, $tip[0], this.$element[0]) : - this.options.placement + if (e.isDefaultPrevented()) return - $tip - .detach() - .css({ top: 0, left: 0, display: 'block' }) + var $tip = this.tip() - this.options.container ? $tip.appendTo(this.options.container) : $tip.insertAfter(this.$element) + this.setContent() - pos = this.getPosition() + if (this.options.animation) $tip.addClass('fade') - actualWidth = $tip[0].offsetWidth - actualHeight = $tip[0].offsetHeight + var placement = typeof this.options.placement == 'function' ? + this.options.placement.call(this, $tip[0], this.$element[0]) : + this.options.placement - switch (placement) { - case 'bottom': - tp = {top: pos.top + pos.height, left: pos.left + pos.width / 2 - actualWidth / 2} - break - case 'top': - tp = {top: pos.top - actualHeight, left: pos.left + pos.width / 2 - actualWidth / 2} - break - case 'left': - tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth} - break - case 'right': - tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width} - break - } - - this.applyPlacement(tp, placement) - this.$element.trigger('shown') + $tip + .detach() + .css({ top: 0, left: 0, display: 'block' }) + + this.options.container ? $tip.appendTo(this.options.container) : $tip.insertAfter(this.$element) + + var tp + var pos = this.getPosition() + var actualWidth = $tip[0].offsetWidth + var actualHeight = $tip[0].offsetHeight + + switch (placement) { + case 'bottom': + tp = {top: pos.top + pos.height, left: pos.left + pos.width / 2 - actualWidth / 2} + break + case 'top': + tp = {top: pos.top - actualHeight, left: pos.left + pos.width / 2 - actualWidth / 2} + break + case 'left': + tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth} + break + case 'right': + tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width} + break } + + this.applyPlacement(tp, placement) + this.$element.trigger('shown') } + } - , applyPlacement: function(offset, placement){ - var $tip = this.tip() - , width = $tip[0].offsetWidth - , height = $tip[0].offsetHeight - , actualWidth - , actualHeight - , delta - , replace + Tooltip.prototype.applyPlacement = function(offset, placement) { + var replace + var $tip = this.tip() + var width = $tip[0].offsetWidth + var height = $tip[0].offsetHeight - $tip - .offset(offset) - .addClass(placement) - .addClass('in') + $tip + .offset(offset) + .addClass(placement) + .addClass('in') - actualWidth = $tip[0].offsetWidth - actualHeight = $tip[0].offsetHeight + var actualWidth = $tip[0].offsetWidth + var actualHeight = $tip[0].offsetHeight - if (placement == 'top' && actualHeight != height) { - offset.top = offset.top + height - actualHeight - replace = true - } + if (placement == 'top' && actualHeight != height) { + replace = true + offset.top = offset.top + height - actualHeight + } - if (placement == 'bottom' || placement == 'top') { - delta = 0 + if (placement == 'bottom' || placement == 'top') { + var delta = 0 - if (offset.left < 0){ - delta = offset.left * -2 - offset.left = 0 - $tip.offset(offset) - actualWidth = $tip[0].offsetWidth - actualHeight = $tip[0].offsetHeight - } + if (offset.left < 0){ + delta = offset.left * -2 + offset.left = 0 - this.replaceArrow(delta - width + actualWidth, actualWidth, 'left') - } else { - this.replaceArrow(actualHeight - height, actualHeight, 'top') + $tip.offset(offset) + + actualWidth = $tip[0].offsetWidth + actualHeight = $tip[0].offsetHeight } - if (replace) $tip.offset(offset) + this.replaceArrow(delta - width + actualWidth, actualWidth, 'left') + } else { + this.replaceArrow(actualHeight - height, actualHeight, 'top') } - , replaceArrow: function(delta, dimension, position){ - this - .arrow() - .css(position, delta ? (50 * (1 - delta / dimension) + "%") : '') - } + if (replace) $tip.offset(offset) + } - , setContent: function () { - var $tip = this.tip() - , title = this.getTitle() + Tooltip.prototype.replaceArrow = function(delta, dimension, position) { + this.arrow().css(position, delta ? (50 * (1 - delta / dimension) + "%") : '') + } - $tip.find('.tooltip-inner')[this.options.html ? 'html' : 'text'](title) - $tip.removeClass('fade in top bottom left right') - } + Tooltip.prototype.setContent = function () { + var $tip = this.tip() + var title = this.getTitle() - , hide: function () { - var that = this - , $tip = this.tip() - , e = $.Event('hide') + $tip.find('.tooltip-inner')[this.options.html ? 'html' : 'text'](title) + $tip.removeClass('fade in top bottom left right') + } - this.$element.trigger(e) - if (e.isDefaultPrevented()) return + Tooltip.prototype.hide = function () { + var that = this + var $tip = this.tip() + var e = $.Event('bs:' + this.type + ':hide') - $tip.removeClass('in') + this.$element.trigger(e) - function removeWithAnimation() { - var timeout = setTimeout(function () { - $tip.off($.support.transition.end).detach() - }, 500) + if (e.isDefaultPrevented()) return - $tip.one($.support.transition.end, function () { - clearTimeout(timeout) - $tip.detach() - }) - } + $tip.removeClass('in') - $.support.transition && this.$tip.hasClass('fade') ? - removeWithAnimation() : + function removeWithAnimation() { + var timeout = setTimeout(function () { + $tip.off($.support.transition.end).detach() + }, 500) + + $tip.one($.support.transition.end, function () { + clearTimeout(timeout) $tip.detach() + }) + } - this.$element.trigger('hidden') + $.support.transition && this.$tip.hasClass('fade') ? + removeWithAnimation() : + $tip.detach() - return this - } + this.$element.trigger('hidden') - , fixTitle: function () { - var $e = this.$element - if ($e.attr('title') || typeof($e.attr('data-original-title')) != 'string') { - $e.attr('data-original-title', $e.attr('title') || '').attr('title', '') - } - } + return this + } - , hasContent: function () { - return this.getTitle() + Tooltip.prototype.fixTitle = function () { + var $e = this.$element + if ($e.attr('title') || typeof($e.attr('data-original-title')) != 'string') { + $e.attr('data-original-title', $e.attr('title') || '').attr('title', '') } + } - , getPosition: function () { - var el = this.$element[0] - return $.extend({}, (typeof el.getBoundingClientRect == 'function') ? el.getBoundingClientRect() : { - width: el.offsetWidth - , height: el.offsetHeight - }, this.$element.offset()) - } + Tooltip.prototype.hasContent = function () { + return this.getTitle() + } - , getTitle: function () { - var title - , $e = this.$element - , o = this.options + Tooltip.prototype.getPosition = function () { + var el = this.$element[0] + return $.extend({}, (typeof el.getBoundingClientRect == 'function') ? el.getBoundingClientRect() : { + width: el.offsetWidth + , height: el.offsetHeight + }, this.$element.offset()) + } - title = $e.attr('data-original-title') - || (typeof o.title == 'function' ? o.title.call($e[0]) : o.title) + Tooltip.prototype.getTitle = function () { + var title + var $e = this.$element + var o = this.options - return title - } + title = $e.attr('data-original-title') + || (typeof o.title == 'function' ? o.title.call($e[0]) : o.title) - , tip: function () { - return this.$tip = this.$tip || $(this.options.template) - } + return title + } - , arrow: function(){ - return this.$arrow = this.$arrow || this.tip().find(".tooltip-arrow") - } + Tooltip.prototype.tip = function () { + return this.$tip = this.$tip || $(this.options.template) + } - , validate: function () { - if (!this.$element[0].parentNode) { - this.hide() - this.$element = null - this.options = null - } - } + Tooltip.prototype.arrow =function(){ + return this.$arrow = this.$arrow || this.tip().find(".tooltip-arrow") + } - , enable: function () { - this.enabled = true + Tooltip.prototype.validate = function () { + if (!this.$element[0].parentNode) { + this.hide() + this.$element = null + this.options = null } + } - , disable: function () { - this.enabled = false - } + Tooltip.prototype.enable = function () { + this.enabled = true + } - , toggleEnabled: function () { - this.enabled = !this.enabled - } + Tooltip.prototype.disable = function () { + this.enabled = false + } - , toggle: function (e) { - var self = e ? $(e.currentTarget)[this.type](this._options).data(this.type) : this - self.tip().hasClass('in') ? self.hide() : self.show() - } + Tooltip.prototype.toggleEnabled = function () { + this.enabled = !this.enabled + } - , destroy: function () { - this.hide().$element.off('.' + this.type).removeData(this.type) - } + Tooltip.prototype.toggle = function (e) { + var self = e ? $(e.currentTarget)[this.type](this._options).data(this.type) : this + self.tip().hasClass('in') ? self.hide() : self.show() + } + Tooltip.prototype.destroy = function () { + this.hide().$element.off('.' + this.type).removeData(this.type) } - /* TOOLTIP PLUGIN DEFINITION - * ========================= */ + // TOOLTIP PLUGIN DEFINITION + // ========================= var old = $.fn.tooltip - $.fn.tooltip = function ( option ) { + $.fn.tooltip = function (option) { return this.each(function () { - var $this = $(this) - , data = $this.data('tooltip') - , options = typeof option == 'object' && option - if (!data) $this.data('tooltip', (data = new Tooltip(this, options))) + var $this = $(this) + var data = $this.data('bs-tooltip') + var options = typeof option == 'object' && option + + if (!data) $this.data('bs-tooltip', (data = new Tooltip(this, options))) if (typeof option == 'string') data[option]() }) } $.fn.tooltip.Constructor = Tooltip - $.fn.tooltip.defaults = { - animation: true - , placement: 'top' - , selector: false - , template: '
                  ' - , trigger: 'hover focus' - , title: '' - , delay: 0 - , html: false - , container: false - } - - /* TOOLTIP NO CONFLICT - * =================== */ + // TOOLTIP NO CONFLICT + // =================== $.fn.tooltip.noConflict = function () { $.fn.tooltip = old diff --git a/docs/assets/js/transition.js b/docs/assets/js/transition.js index d3417b82c..11f20e9b2 100644 --- a/docs/assets/js/transition.js +++ b/docs/assets/js/transition.js @@ -18,33 +18,30 @@ * ========================================================== */ -!function ($) { +!function ($) { "use strict"; - "use strict"; - - - /* CSS TRANSITION SUPPORT (Shoutout: http://www.modernizr.com/) - * ======================================================= */ + // CSS TRANSITION SUPPORT (Shoutout: http://www.modernizr.com/) + // ============================================================ function transitionEnd() { - var el = document.createElement('bootstrap'); + var el = document.createElement('bootstrap') var transEndEventNames = { - 'WebkitTransition' : 'webkitTransitionEnd' - , 'MozTransition' : 'transitionend' - , 'OTransition' : 'oTransitionEnd otransitionend' - , 'transition' : 'transitionend' - }; + 'WebkitTransition' : 'webkitTransitionEnd' + , 'MozTransition' : 'transitionend' + , 'OTransition' : 'oTransitionEnd otransitionend' + , 'transition' : 'transitionend' + } for (var name in transEndEventNames) { if (el.style[name] !== undefined) { - return { end: transEndEventNames[name] }; + return { end: transEndEventNames[name] } } } } $(function () { - $.support.transition = transitionEnd(); - }); + $.support.transition = transitionEnd() + }) }(window.jQuery); diff --git a/js/collapse.js b/js/collapse.js index c9db1767f..95c91c299 100644 --- a/js/collapse.js +++ b/js/collapse.js @@ -56,7 +56,7 @@ } this.$element[dimension](0) - this.transition('addClass', $.Event('bs:collapse:show'), 'shown') + this.transition('addClass', $.Event('bs:collapse:show'), 'bs:collapse:shown') if ($.support.transition) this.$element[dimension](this.$element[0][scroll]) } @@ -85,7 +85,7 @@ Collapse.prototype.transition = function (method, startEvent, completeEvent) { var that = this var complete = function () { - if (startEvent.type == 'show') that.reset() + if (startEvent.type == 'bs:collapse:show') that.reset() that.transitioning = 0 that.$element.trigger(completeEvent) } diff --git a/js/modal.js b/js/modal.js index 7acd3930a..f58f2000e 100644 --- a/js/modal.js +++ b/js/modal.js @@ -80,7 +80,7 @@ }) } - Modal.prototype.show = function (e) { + Modal.prototype.hide = function (e) { if (e) e.preventDefault() e = $.Event('bs:modal:hide') @@ -144,12 +144,12 @@ }) } - Modal.prototype.removeBackdrop: function () { + Modal.prototype.removeBackdrop = function () { this.$backdrop && this.$backdrop.remove() this.$backdrop = null } - Modal.prototype.backdrop: function (callback) { + Modal.prototype.backdrop = function (callback) { var that = this var animate = this.$element.hasClass('fade') ? 'fade' : '' diff --git a/js/popover.js b/js/popover.js index 1dad9bc3c..20bbaf1a4 100644 --- a/js/popover.js +++ b/js/popover.js @@ -63,7 +63,7 @@ Popover.prototype.getContent = function () { var content = typeof this.options.content == 'function' ? - this.options.content.call($e[0]) : + this.options.content.call(this.$element[0]) : this.options.content return content || this.$element.attr('data-content') diff --git a/js/tests/unit/alert.js b/js/tests/unit/alert.js index 03993d07f..3054767f6 100644 --- a/js/tests/unit/alert.js +++ b/js/tests/unit/alert.js @@ -48,12 +48,12 @@ $(function () { $.support.transition = false stop(); $('
                  ') - .bind('bs-close', function (e) { + .bind('bs:alert:close', function (e) { e.preventDefault(); ok(true); start(); }) - .bind('bs-closed', function () { + .bind('bs:alert:closed', function () { ok(false); }) .alert('close') diff --git a/js/tests/unit/carousel.js b/js/tests/unit/carousel.js index 396217e75..4d0bd6e81 100644 --- a/js/tests/unit/carousel.js +++ b/js/tests/unit/carousel.js @@ -20,12 +20,12 @@ $(function () { $.support.transition = false stop() $('
                  ') - .bind('slide', function (e) { + .bind('bs:carousel:slide', function (e) { e.preventDefault(); ok(true); start(); }) - .bind('slid', function () { + .bind('bs:carousel:slid', function () { ok(false); }) .carousel('next') @@ -35,7 +35,7 @@ $(function () { var template = '' $.support.transition = false stop() - $(template).on('slide', function (e) { + $(template).on('bs:carousel:slide', function (e) { e.preventDefault() ok(e.direction) ok(e.direction === 'right' || e.direction === 'left') @@ -48,7 +48,7 @@ $(function () { $.support.transition = false stop() $(template) - .on('slide', function (e) { + .on('bs:carousel:slide', function (e) { e.preventDefault(); ok(e.relatedTarget); ok($(e.relatedTarget).hasClass('item')); @@ -63,19 +63,19 @@ $(function () { template.appendTo("body"); $('[data-slide]').first().click(); - ok($('#myCarousel').data('carousel').options.interval == 1814); + ok($('#myCarousel').data('bs-carousel').options.interval == 1814); $('#myCarousel').remove(); template.appendTo("body").attr("data-modal", "foobar"); $('[data-slide]').first().click(); - ok($('#myCarousel').data('carousel').options.interval == 1814, "even if there is an data-modal attribute set"); + ok($('#myCarousel').data('bs-carousel').options.interval == 1814, "even if there is an data-modal attribute set"); $('#myCarousel').remove(); template.appendTo("body"); $('[data-slide]').first().click(); $('#myCarousel').attr('data-interval', 1860); $('[data-slide]').first().click(); - ok($('#myCarousel').data('carousel').options.interval == 1814, "attributes should be read only on intitialization"); + ok($('#myCarousel').data('bs-carousel').options.interval == 1814, "attributes should be read only on intitialization"); $('#myCarousel').remove(); }) }) diff --git a/js/tests/unit/collapse.js b/js/tests/unit/collapse.js index 6750c7a87..832d6d45d 100644 --- a/js/tests/unit/collapse.js +++ b/js/tests/unit/collapse.js @@ -32,12 +32,12 @@ $(function () { $.support.transition = false stop() $('
                  ') - .bind('show', function (e) { + .bind('bs:collapse:show', function (e) { e.preventDefault(); ok(true); start(); }) - .bind('shown', function () { + .bind('bs:collapse:shown', function () { ok(false); }) .collapse('show') @@ -47,10 +47,10 @@ $(function () { $.support.transition = false stop() $('
                  ') - .bind('show', function () { + .bind('bs:collapse:show', function () { ok(this.style.height == '0px') }) - .bind('shown', function () { + .bind('bs:collapse:shown', function () { ok(this.style.height == 'auto') start() }) @@ -66,7 +66,7 @@ $(function () { var collapsible = $('
                  ') .appendTo($('#qunit-fixture')) - .on('show', function () { + .on('bs:collapse:show', function () { ok(!target.hasClass('collapsed')) start() }) @@ -83,7 +83,7 @@ $(function () { var collapsible = $('
                  ') .appendTo($('#qunit-fixture')) - .on('hide', function () { + .on('bs:collapse:hide', function () { ok(target.hasClass('collapsed')) start() }) diff --git a/js/tests/unit/modal.js b/js/tests/unit/modal.js index 1d3baa812..7d684f3ae 100644 --- a/js/tests/unit/modal.js +++ b/js/tests/unit/modal.js @@ -20,14 +20,14 @@ $(function () { }) test("should expose defaults var for settings", function () { - ok($.fn.modal.defaults, 'default object exposed') + ok($.fn.modal.Constructor.DEFAULTS, 'default object exposed') }) test("should insert into dom when show method is called", function () { stop() $.support.transition = false $("") - .bind("shown", function () { + .bind("bs:modal:shown", function () { ok($('#modal-test').length, 'modal insterted into dom') $(this).remove() start() @@ -39,10 +39,10 @@ $(function () { stop() $.support.transition = false $("") - .bind("show", function () { + .bind("bs:modal:show", function () { ok(true, "show was called") }) - .bind("shown", function () { + .bind("bs:modal:shown", function () { $(this).remove() start() }) @@ -53,12 +53,12 @@ $(function () { stop() $.support.transition = false $("") - .bind("show", function (e) { + .bind("bs:modal:show", function (e) { e.preventDefault() ok(true, "show was called") start() }) - .bind("shown", function () { + .bind("bs:modal:shown", function () { ok(false, "shown was called") }) .modal("show") @@ -69,12 +69,12 @@ $(function () { $.support.transition = false $("") - .bind("shown", function () { + .bind("bs:modal:shown", function () { ok($('#modal-test').is(":visible"), 'modal visible') ok($('#modal-test').length, 'modal insterted into dom') $(this).modal("hide") }) - .bind("hidden", function() { + .bind("bs:modal:hidden", function() { ok(!$('#modal-test').is(":visible"), 'modal hidden') $('#modal-test').remove() start() @@ -87,12 +87,12 @@ $(function () { $.support.transition = false var div = $("") div - .bind("shown", function () { + .bind("bs:modal:shown", function () { ok($('#modal-test').is(":visible"), 'modal visible') ok($('#modal-test').length, 'modal insterted into dom') div.modal("toggle") }) - .bind("hidden", function() { + .bind("bs:modal:hidden", function() { ok(!$('#modal-test').is(":visible"), 'modal hidden') div.remove() start() @@ -105,12 +105,12 @@ $(function () { $.support.transition = false var div = $("") div - .bind("shown", function () { + .bind("bs:modal:shown", function () { ok($('#modal-test').is(":visible"), 'modal visible') ok($('#modal-test').length, 'modal insterted into dom') div.find('.close').click() }) - .bind("hidden", function() { + .bind("bs:modal:hidden", function() { ok(!$('#modal-test').is(":visible"), 'modal hidden') div.remove() start() @@ -123,11 +123,11 @@ $(function () { $.support.transition = false var div = $("
                  ", { id: 'modal-test', "data-backdrop": false }) div - .bind("shown", function () { + .bind("bs:modal:shown", function () { ok($('#modal-test').is(":visible"), 'modal visible') div.modal("hide") }) - .bind("hidden", function() { + .bind("bs:modal:hidden", function() { ok(!$('#modal-test').is(":visible"), 'modal hidden') div.remove() start() diff --git a/js/tests/unit/popover.js b/js/tests/unit/popover.js index c62bb8ac1..53980e722 100644 --- a/js/tests/unit/popover.js +++ b/js/tests/unit/popover.js @@ -34,7 +34,7 @@ $(function () { var popover = $('@mdo') .popover() - ok(!!popover.data('popover'), 'popover instance exists') + ok(!!popover.data('bs-popover'), 'popover instance exists') }) test("should get title and content from options", function () { @@ -99,7 +99,7 @@ $(function () { test("should destroy popover", function () { var popover = $('
                  ').popover({trigger: 'hover'}).on('click.foo', function(){}) - ok(popover.data('popover'), 'popover has data') + ok(popover.data('bs-popover'), 'popover has data') ok($._data(popover[0], 'events').mouseover && $._data(popover[0], 'events').mouseout, 'popover has hover event') ok($._data(popover[0], 'events').click[0].namespace == 'foo', 'popover has extra click.foo event') popover.popover('show') diff --git a/js/tests/unit/tab.js b/js/tests/unit/tab.js index 2a92b4d32..40e4656a7 100644 --- a/js/tests/unit/tab.js +++ b/js/tests/unit/tab.js @@ -53,12 +53,12 @@ $(function () { $.support.transition = false stop(); $('
                  ') - .bind('show', function (e) { + .bind('bs:tab:show', function (e) { e.preventDefault(); ok(true); start(); }) - .bind('shown', function () { + .bind('bs:tab:shown', function () { ok(false); }) .tab('show') @@ -78,7 +78,7 @@ $(function () { $(dropHTML).find('ul>li:first a').tab('show').end() .find('ul>li:last a').on('show', function(event){ equals(event.relatedTarget.hash, "#1-1") - }).on('shown', function(event){ + }).on('bs:tab:shown', function(event){ equals(event.relatedTarget.hash, "#1-1") }).tab('show') }) diff --git a/js/tests/unit/tooltip.js b/js/tests/unit/tooltip.js index b97be3c9b..8a1be0eca 100644 --- a/js/tests/unit/tooltip.js +++ b/js/tests/unit/tooltip.js @@ -19,7 +19,7 @@ $(function () { }) test("should expose default settings", function () { - ok(!!$.fn.tooltip.defaults, 'defaults is defined') + ok(!!$.fn.tooltip.Constructor.DEFAULTS, 'defaults is defined') }) test("should empty title attribute", function () { @@ -69,7 +69,7 @@ $(function () { test("should fire show event", function () { stop() var tooltip = $('
                  ') - .bind("show", function() { + .bind("bs:tooltip:show", function() { ok(true, "show was called") start() }) @@ -79,7 +79,7 @@ $(function () { test("should fire shown event", function () { stop() var tooltip = $('
                  ') - .bind("shown", function() { + .bind("bs:tooltip:shown", function() { ok(true, "shown was called") start() }) @@ -89,12 +89,12 @@ $(function () { test("should not fire shown event when default prevented", function () { stop() var tooltip = $('
                  ') - .bind("show", function(e) { + .bind("bs:tooltip:show", function(e) { e.preventDefault() ok(true, "show was called") start() }) - .bind("shown", function() { + .bind("bs:tooltip:shown", function() { ok(false, "shown was called") }) .tooltip('show') @@ -103,10 +103,10 @@ $(function () { test("should fire hide event", function () { stop() var tooltip = $('
                  ') - .bind("shown", function() { + .bind("bs:tooltip:shown", function() { $(this).tooltip('hide') }) - .bind("hide", function() { + .bind("bs:tooltip:hide", function() { ok(true, "hide was called") start() }) @@ -116,10 +116,10 @@ $(function () { test("should fire hidden event", function () { stop() var tooltip = $('
                  ') - .bind("shown", function() { + .bind("bs:tooltip:shown", function() { $(this).tooltip('hide') }) - .bind("hidden", function() { + .bind("bs:tooltip:hidden", function() { ok(true, "hidden was called") start() }) @@ -129,15 +129,15 @@ $(function () { test("should not fire hidden event when default prevented", function () { stop() var tooltip = $('
                  ') - .bind("shown", function() { + .bind("bs:tooltip:shown", function() { $(this).tooltip('hide') }) - .bind("hide", function(e) { + .bind("bs:tooltip:hide", function(e) { e.preventDefault() ok(true, "hide was called") start() }) - .bind("hidden", function() { + .bind("bs:tooltip:hidden", function() { ok(false, "hidden was called") }) .tooltip('show') @@ -214,13 +214,13 @@ $(function () { test("should destroy tooltip", function () { var tooltip = $('
                  ').tooltip().on('click.foo', function(){}) - ok(tooltip.data('tooltip'), 'tooltip has data') + ok(tooltip.data('bs-tooltip'), 'tooltip has data') ok($._data(tooltip[0], 'events').mouseover && $._data(tooltip[0], 'events').mouseout, 'tooltip has hover event') ok($._data(tooltip[0], 'events').click[0].namespace == 'foo', 'tooltip has extra click.foo event') tooltip.tooltip('show') tooltip.tooltip('destroy') ok(!tooltip.hasClass('in'), 'tooltip is hidden') - ok(!$._data(tooltip[0], 'tooltip'), 'tooltip does not have data') + ok(!$._data(tooltip[0], 'bs-tooltip'), 'tooltip does not have data') ok($._data(tooltip[0], 'events').click[0].namespace == 'foo', 'tooltip still has click.foo') ok(!$._data(tooltip[0], 'events').mouseover && !$._data(tooltip[0], 'events').mouseout, 'tooltip does not have any events') }) diff --git a/js/tooltip.js b/js/tooltip.js index 60cbe1200..a40d242fc 100644 --- a/js/tooltip.js +++ b/js/tooltip.js @@ -48,10 +48,10 @@ } Tooltip.prototype.init = function (type, element, options) { - this.type = type - this.options = this.getOptions(options) this.enabled = true + this.type = type this.$element = $(element) + this.options = this.getOptions(options) var triggers = this.options.trigger.split(' ') @@ -99,7 +99,7 @@ if (defaults[key] != value) options[key] = value }, this) - var self = $(e.currentTarget)[this.type](options).data(this.type) + var self = $(e.currentTarget)[this.type](options).data('bs-' + this.type) if (!self.options.delay || !self.options.delay.show) return self.show() @@ -112,7 +112,7 @@ } Tooltip.prototype.leave = function (e) { - var self = $(e.currentTarget)[this.type](this._options).data(this.type) + var self = $(e.currentTarget)[this.type](this._options).data('bs-' + this.type) if (this.timeout) clearTimeout(this.timeout) if (!self.options.delay || !self.options.delay.hide) return self.hide() @@ -168,10 +168,12 @@ } this.applyPlacement(tp, placement) - this.$element.trigger('shown') + this.$element.trigger('bs:' + this.type + ':shown') } + } Tooltip.prototype.applyPlacement = function(offset, placement) { + var replace var $tip = this.tip() var width = $tip[0].offsetWidth var height = $tip[0].offsetHeight @@ -185,7 +187,7 @@ var actualHeight = $tip[0].offsetHeight if (placement == 'top' && actualHeight != height) { - var replace = true + replace = true offset.top = offset.top + height - actualHeight } @@ -210,7 +212,7 @@ if (replace) $tip.offset(offset) } - Tooltip.prototype.replaceArrow = function(delta, dimension, position){ + Tooltip.prototype.replaceArrow = function(delta, dimension, position) { this.arrow().css(position, delta ? (50 * (1 - delta / dimension) + "%") : '') } @@ -248,7 +250,7 @@ removeWithAnimation() : $tip.detach() - this.$element.trigger('hidden') + this.$element.trigger('bs:' + this.type + ':hidden') return this } @@ -312,12 +314,12 @@ } Tooltip.prototype.toggle = function (e) { - var self = e ? $(e.currentTarget)[this.type](this._options).data(this.type) : this + var self = e ? $(e.currentTarget)[this.type](this._options).data('bs-' + this.type) : this self.tip().hasClass('in') ? self.hide() : self.show() } Tooltip.prototype.destroy = function () { - this.hide().$element.off('.' + this.type).removeData(this.type) + this.hide().$element.off('.' + this.type).removeData('bs-' + this.type) } @@ -326,7 +328,7 @@ var old = $.fn.tooltip - $.fn.tooltip = function ( option ) { + $.fn.tooltip = function (option) { return this.each(function () { var $this = $(this) var data = $this.data('bs-tooltip') -- cgit v1.2.3 From f37b351288883cca4ea435827b10fe6d8475dc6e Mon Sep 17 00:00:00 2001 From: fat Date: Thu, 16 May 2013 18:15:34 -0700 Subject: only overlay dropdowns for mobile --- docs/assets/js/bootstrap.js | 28 ++++++++++++++++------------ docs/assets/js/bootstrap.min.js | 2 +- docs/assets/js/collapse.js | 4 ++-- docs/assets/js/dropdown.js | 6 +++++- docs/assets/js/modal.js | 2 +- docs/assets/js/tooltip.js | 16 ++++++++-------- js/dropdown.js | 6 +++++- 7 files changed, 38 insertions(+), 26 deletions(-) diff --git a/docs/assets/js/bootstrap.js b/docs/assets/js/bootstrap.js index a8501d592..6fa1d6d2c 100644 --- a/docs/assets/js/bootstrap.js +++ b/docs/assets/js/bootstrap.js @@ -507,7 +507,7 @@ } this.$element[dimension](0) - this.transition('addClass', $.Event('bs:collapse:show'), 'shown') + this.transition('addClass', $.Event('bs:collapse:show'), 'bs:collapse:shown') if ($.support.transition) this.$element[dimension](this.$element[0][scroll]) } @@ -536,7 +536,7 @@ Collapse.prototype.transition = function (method, startEvent, completeEvent) { var that = this var complete = function () { - if (startEvent.type == 'show') that.reset() + if (startEvent.type == 'bs:collapse:show') that.reset() that.transitioning = 0 that.$element.trigger(completeEvent) } @@ -647,7 +647,10 @@ clearMenus() if (!isActive) { - $('
                  ').insertBefore($(this)).on('click', clearMenus) + if ('ontouchstart' in document.documentElement) { + // if mobile we we use a backdrop because click events don't delegate + $('
                  ').insertBefore($(this)).on('click', clearMenus) + } $parent.toggleClass('open') } @@ -738,6 +741,7 @@ $(document) + .on('click.dropdown.data-api', clearMenus) .on('click.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() }) .on('click.dropdown.data-api' , toggle, Dropdown.prototype.toggle) .on('keydown.dropdown.data-api', toggle + ', [role=menu]' , Dropdown.prototype.keydown) @@ -825,7 +829,7 @@ }) } - Modal.prototype.show = function (e) { + Modal.prototype.hide = function (e) { if (e) e.preventDefault() e = $.Event('bs:modal:hide') @@ -1035,10 +1039,10 @@ } Tooltip.prototype.init = function (type, element, options) { - this.type = type - this.options = this.getOptions(options) this.enabled = true + this.type = type this.$element = $(element) + this.options = this.getOptions(options) var triggers = this.options.trigger.split(' ') @@ -1086,7 +1090,7 @@ if (defaults[key] != value) options[key] = value }, this) - var self = $(e.currentTarget)[this.type](options).data(this.type) + var self = $(e.currentTarget)[this.type](options).data('bs-' + this.type) if (!self.options.delay || !self.options.delay.show) return self.show() @@ -1099,7 +1103,7 @@ } Tooltip.prototype.leave = function (e) { - var self = $(e.currentTarget)[this.type](this._options).data(this.type) + var self = $(e.currentTarget)[this.type](this._options).data('bs-' + this.type) if (this.timeout) clearTimeout(this.timeout) if (!self.options.delay || !self.options.delay.hide) return self.hide() @@ -1155,7 +1159,7 @@ } this.applyPlacement(tp, placement) - this.$element.trigger('shown') + this.$element.trigger('bs:' + this.type + ':shown') } } @@ -1237,7 +1241,7 @@ removeWithAnimation() : $tip.detach() - this.$element.trigger('hidden') + this.$element.trigger('bs:' + this.type + ':hidden') return this } @@ -1301,12 +1305,12 @@ } Tooltip.prototype.toggle = function (e) { - var self = e ? $(e.currentTarget)[this.type](this._options).data(this.type) : this + var self = e ? $(e.currentTarget)[this.type](this._options).data('bs-' + this.type) : this self.tip().hasClass('in') ? self.hide() : self.show() } Tooltip.prototype.destroy = function () { - this.hide().$element.off('.' + this.type).removeData(this.type) + this.hide().$element.off('.' + this.type).removeData('bs-' + this.type) } diff --git a/docs/assets/js/bootstrap.min.js b/docs/assets/js/bootstrap.min.js index 7fff5a70b..a33adbac8 100644 --- a/docs/assets/js/bootstrap.min.js +++ b/docs/assets/js/bootstrap.min.js @@ -3,4 +3,4 @@ * Copyright 2012 Twitter, Inc. * http://www.apache.org/licenses/LICENSE-2.0.txt */ -!function(e){"use strict";function t(){var e=document.createElement("bootstrap"),t={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var n in t)if(e.style[n]!==undefined)return{end:t[n]}}e(function(){e.support.transition=t()})}(window.jQuery),!function(e){"use strict";var t='[data-dismiss="alert"]',n=function(n){e(n).on("click",t,this.close)};n.prototype.close=function(t){function s(){i.trigger("bs-closed").remove()}var n=e(this),r=n.attr("data-target");r||(r=n.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,""));var i=e(r);t&&t.preventDefault(),i.length||(i=n.hasClass("alert")?n:n.parent()),i.trigger(t=e.Event("bs:alert:close"));if(t.isDefaultPrevented())return;i.removeClass("in"),e.support.transition&&i.hasClass("fade")?i.on(e.support.transition.end,s):s()};var r=e.fn.alert;e.fn.alert=function(t){return this.each(function(){var r=e(this),i=r.data("bs-alert");i||r.data("bs-alert",i=new n(this)),typeof t=="string"&&i[t].call(r)})},e.fn.alert.Constructor=n,e.fn.alert.noConflict=function(){return e.fn.alert=r,this},e(document).on("click.bs-alert.bs-data-api",t,n.prototype.close)}(window.jQuery),!function(e){"use strict";var t=function(n,r){this.$element=e(n),this.options=e.extend({},t.DEFAULTS,r)};t.DEFAULTS={loadingText:"loading..."},t.prototype.setState=function(e){var t="disabled",n=this.$element,r=n.is("input")?"val":"html",i=n.data();e+="Text",i.resetText||n.data("resetText",n[r]()),n[r](i[e]||this.options[e]),setTimeout(function(){e=="loadingText"?n.addClass(t).attr(t,t):n.removeClass(t).removeAttr(t)},0)},t.prototype.toggle=function(){var e=this.$element.closest('[data-toggle="buttons-radio"]');e&&e.find(".active").removeClass("active"),this.$element.toggleClass("active")};var n=e.fn.button;e.fn.button=function(n){return this.each(function(){var r=e(this),i=r.data("button"),s=typeof n=="object"&&n;i||r.data("bs-button",i=new t(this,s)),n=="toggle"?i.toggle():n&&i.setState(n)})},e.fn.button.Constructor=t,e.fn.button.noConflict=function(){return e.fn.button=n,this},e(document).on("click.bs-button.bs-data-api","[data-toggle^=button]",function(t){var n=e(t.target);n.hasClass("btn")||(n=n.closest(".btn")),n.button("toggle")})}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.$element=e(t),this.$indicators=this.$element.find(".carousel-indicators"),this.options=n,this.paused=this.sliding=this.interval=this.$active=this.$items=null,this.options.pause=="hover"&&this.$element.on("mouseenter",e.proxy(this.pause,this)).on("mouseleave",e.proxy(this.cycle,this))};t.DEFAULTS={interval:5e3,pause:"hover"},t.prototype.cycle=function(t){return t||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(e.proxy(this.next,this),this.options.interval)),this},t.prototype.getActiveIndex=function(){return this.$active=this.$element.find(".item.active"),this.$items=this.$active.parent().children(),this.$items.index(this.$active)},t.prototype.to=function(t){var n=this,r=this.getActiveIndex();if(t>this.$items.length-1||t<0)return;return this.sliding?this.$element.one("slid",function(){n.to(t)}):r==t?this.pause().cycle():this.slide(t>r?"next":"prev",e(this.$items[t]))},t.prototype.pause=function(t){return t||(this.paused=!0),this.$element.find(".next, .prev").length&&e.support.transition.end&&(this.$element.trigger(e.support.transition.end),this.cycle(!0)),this.interval=clearInterval(this.interval),this},t.prototype.next=function(){if(this.sliding)return;return this.slide("next")},t.prototype.prev=function(){if(this.sliding)return;return this.slide("prev")},t.prototype.slide=function(t,n){var r=this.$element.find(".item.active"),i=n||r[t](),s=this.interval,o=t=="next"?"left":"right",u=t=="next"?"first":"last",a=this;this.sliding=!0,s&&this.pause(),i=i.length?i:this.$element.find(".item")[u]();var f=e.Event("bs:carousel:slide",{relatedTarget:i[0],direction:o});if(i.hasClass("active"))return;this.$indicators.length&&(this.$indicators.find(".active").removeClass("active"),this.$element.one("slid",function(){var t=e(a.$indicators.children()[a.getActiveIndex()]);t&&t.addClass("active")}));if(e.support.transition&&this.$element.hasClass("slide")){this.$element.trigger(f);if(f.isDefaultPrevented())return;i.addClass(t),i[0].offsetWidth,r.addClass(o),i.addClass(o),this.$element.one(e.support.transition.end,function(){i.removeClass([t,o].join(" ")).addClass("active"),r.removeClass(["active",o].join(" ")),a.sliding=!1,setTimeout(function(){a.$element.trigger("slid")},0)})}else{this.$element.trigger(f);if(f.isDefaultPrevented())return;r.removeClass("active"),i.addClass("active"),this.sliding=!1,this.$element.trigger("slid")}return s&&this.cycle(),this};var n=e.fn.carousel;e.fn.carousel=function(n){return this.each(function(){var r=e(this),i=r.data("bs-carousel"),s=e.extend({},t.DEFAULTS,typeof n=="object"&&n),o=typeof n=="string"?n:s.slide;i||r.data("bs-carousel",i=new t(this,s)),typeof n=="number"?i.to(n):o?i[o]():s.interval&&i.pause().cycle()})},e.fn.carousel.Constructor=t,e.fn.carousel.noConflict=function(){return e.fn.carousel=n,this},e(document).on("click.carousel.data-api","[data-slide], [data-slide-to]",function(t){var n=e(this),r,i=e(n.attr("data-target")||(r=n.attr("href"))&&r.replace(/.*(?=#[^\s]+$)/,"")),s=e.extend({},i.data(),n.data()),o;i.carousel(s),(o=n.attr("data-slide-to"))&&i.data("carousel").pause().to(o).cycle(),t.preventDefault()})}(window.jQuery),!function(e){"use strict";var t=function(n,r){this.$element=e(n),this.options=e.extend({},t.DEFAULTS,r),this.transitioning=null,this.options.parent&&(this.$parent=e(this.options.parent)),this.options.toggle&&this.toggle()};t.DEFAULTS={toggle:!0},t.prototype.dimension=function(){var e=this.$element.hasClass("width");return e?"width":"height"},t.prototype.show=function(){if(this.transitioning||this.$element.hasClass("in"))return;var t=this.dimension(),n=e.camelCase(["scroll",t].join("-")),r=this.$parent&&this.$parent.find("> .accordion-group > .in");if(r&&r.length){var i=r.data("collapse");if(i&&i.transitioning)return;r.collapse("hide"),i||r.data("collapse",null)}this.$element[t](0),this.transition("addClass",e.Event("bs:collapse:show"),"shown"),e.support.transition&&this.$element[t](this.$element[0][n])},t.prototype.hide=function(){if(this.transitioning||!this.$element.hasClass("in"))return;var t=this.dimension();this.reset(this.$element[t]()),this.transition("removeClass",e.Event("bs:collapse:hide"),"hidden"),this.$element[t](0)},t.prototype.reset=function(e){var t=this.dimension();return this.$element.removeClass("collapse")[t](e||"auto")[0].offsetWidth,this.$element[e!==null?"addClass":"removeClass"]("collapse"),this},t.prototype.transition=function(t,n,r){var i=this,s=function(){n.type=="show"&&i.reset(),i.transitioning=0,i.$element.trigger(r)};this.$element.trigger(n);if(n.isDefaultPrevented())return;this.transitioning=1,this.$element[t]("in"),e.support.transition&&this.$element.hasClass("collapse")?this.$element.one(e.support.transition.end,s):s()},t.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()};var n=e.fn.collapse;e.fn.collapse=function(n){return this.each(function(){var r=e(this),i=r.data("collapse"),s=e.extend({},t.DEFAULTS,r.data(),typeof n=="object"&&n);i||r.data("collapse",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.collapse.Constructor=t,e.fn.collapse.noConflict=function(){return e.fn.collapse=n,this},e(document).on("click.collapse.data-api","[data-toggle=collapse]",function(t){var n=e(this),r,i=n.attr("data-target")||t.preventDefault()||(r=n.attr("href"))&&r.replace(/.*(?=#[^\s]+$)/,""),s=e(i).data("collapse")?"toggle":n.data();n[e(i).hasClass("in")?"addClass":"removeClass"]("collapsed"),e(i).collapse(s)})}(window.jQuery),!function(e){"use strict";function i(){e(t).remove(),e(n).each(function(){s(e(this)).removeClass("open")})}function s(t){var n=t.attr("data-target");n||(n=t.attr("href"),n=n&&/#/.test(n)&&n.replace(/.*(?=#[^\s]*$)/,""));var r=n&&e(n);return r&&r.length?r:t.parent()}var t=".dropdown-backdrop",n="[data-toggle=dropdown]",r=function(t){var n=e(t).on("click.dropdown.data-api",this.toggle);e("html").on("click.dropdown.data-api",function(){n.parent().removeClass("open")})};r.prototype.toggle=function(t){var n=e(this);if(n.is(".disabled, :disabled"))return;var r=s(n),o=r.hasClass("open");return i(),o||(e('
                  ').insertBefore(e(this)).on("click",i),r.toggleClass("open")),n.focus(),!1},r.prototype.keydown=function(t){if(!/(38|40|27)/.test(t.keyCode))return;var r=e(this);t.preventDefault(),t.stopPropagation();if(r.is(".disabled, :disabled"))return;var i=s(r),o=i.hasClass("open");if(!o||o&&t.keyCode==27)return t.which==27&&i.find(n).focus(),r.click();var u=e("[role=menu] li:not(.divider):visible a",i);if(!u.length)return;var a=u.index(u.filter(":focus"));t.keyCode==38&&a>0&&a--,t.keyCode==40&&a').appendTo(document.body),this.$backdrop.click(this.options.backdrop=="static"?e.proxy(this.$element[0].focus,this.$element[0]):e.proxy(this.hide,this)),i&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in");if(!t)return;i?this.$backdrop.one(e.support.transition.end,t):t()}else!this.isShown&&this.$backdrop?(this.$backdrop.removeClass("in"),e.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one(e.support.transition.end,t):t()):t&&t()};var n=e.fn.modal;e.fn.modal=function(n){return this.each(function(){var r=e(this),i=r.data("bs-modal"),s=e.extend({},t.DEFAULTS,r.data(),typeof n=="object"&&n);i||r.data("bs-modal",i=new t(this,s)),typeof n=="string"?i[n]():s.show&&i.show()})},e.fn.modal.Constructor=t,e.fn.modal.noConflict=function(){return e.fn.modal=n,this},e(document).on("click.modal.data-api",'[data-toggle="modal"]',function(t){var n=e(this),r=n.attr("href"),i=e(n.attr("data-target")||r&&r.replace(/.*(?=#[^\s]+$)/,"")),s=i.data("modal")?"toggle":e.extend({remote:!/#/.test(r)&&r},i.data(),n.data());t.preventDefault(),i.modal(s).one("hide",function(){n.focus()})});var r=e(document.body).on("bs:modal:shown",".modal",function(){r.addClass("modal-open")}).on("bs:modal:hidden",".modal",function(){r.removeClass("modal-open")})}(window.jQuery),!function(e){"use strict";var t=function(e,t){this.type=this.options=this.enabled=this.timeout=this.hoverState=this.$element=null,this.init("tooltip",e,t)};t.DEFAULTS={animation:!0,placement:"top",selector:!1,template:'
                  ',trigger:"hover focus",title:"",delay:0,html:!1,container:!1},t.prototype.init=function(t,n,r){this.type=t,this.options=this.getOptions(r),this.enabled=!0,this.$element=e(n);var i=this.options.trigger.split(" ");for(var s=i.length;s--;){var o=i[s];if(o=="click")this.$element.on("click."+this.type,this.options.selector,e.proxy(this.toggle,this));else if(o!="manual"){var u=o=="hover"?"mouseenter":"focus",a=o=="hover"?"mouseleave":"blur";this.$element.on(u+"."+this.type,this.options.selector,e.proxy(this.enter,this)),this.$element.on(a+"."+this.type,this.options.selector,e.proxy(this.leave,this))}}this.options.selector?this._options=e.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},t.prototype.getDefaults=function(){return t.DEFAULTS},t.prototype.getOptions=function(t){return t=e.extend({},this.getDefaults(),this.$element.data(),t),t.delay&&typeof t.delay=="number"&&(t.delay={show:t.delay,hide:t.delay}),t},t.prototype.enter=function(t){var n=e.fn[this.type].defaults,r={};this._options&&e.each(this._options,function(e,t){n[e]!=t&&(r[e]=t)},this);var i=e(t.currentTarget)[this.type](r).data(this.type);if(!i.options.delay||!i.options.delay.show)return i.show();clearTimeout(this.timeout),i.hoverState="in",this.timeout=setTimeout(function(){i.hoverState=="in"&&i.show()},i.options.delay.show)},t.prototype.leave=function(t){var n=e(t.currentTarget)[this.type](this._options).data(this.type);this.timeout&&clearTimeout(this.timeout);if(!n.options.delay||!n.options.delay.hide)return n.hide();n.hoverState="out",this.timeout=setTimeout(function(){n.hoverState=="out"&&n.hide()},n.options.delay.hide)},t.prototype.show=function(){var t=e.Event("bs:"+this.type+":show");if(this.hasContent()&&this.enabled){this.$element.trigger(t);if(t.isDefaultPrevented())return;var n=this.tip();this.setContent(),this.options.animation&&n.addClass("fade");var r=typeof this.options.placement=="function"?this.options.placement.call(this,n[0],this.$element[0]):this.options.placement;n.detach().css({top:0,left:0,display:"block"}),this.options.container?n.appendTo(this.options.container):n.insertAfter(this.$element);var i,s=this.getPosition(),o=n[0].offsetWidth,u=n[0].offsetHeight;switch(r){case"bottom":i={top:s.top+s.height,left:s.left+s.width/2-o/2};break;case"top":i={top:s.top-u,left:s.left+s.width/2-o/2};break;case"left":i={top:s.top+s.height/2-u/2,left:s.left-o};break;case"right":i={top:s.top+s.height/2-u/2,left:s.left+s.width}}this.applyPlacement(i,r),this.$element.trigger("shown")}},t.prototype.applyPlacement=function(e,t){var n,r=this.tip(),i=r[0].offsetWidth,s=r[0].offsetHeight;r.offset(e).addClass(t).addClass("in");var o=r[0].offsetWidth,u=r[0].offsetHeight;t=="top"&&u!=s&&(n=!0,e.top=e.top+s-u);if(t=="bottom"||t=="top"){var a=0;e.left<0&&(a=e.left*-2,e.left=0,r.offset(e),o=r[0].offsetWidth,u=r[0].offsetHeight),this.replaceArrow(a-i+o,o,"left")}else this.replaceArrow(u-s,u,"top");n&&r.offset(e)},t.prototype.replaceArrow=function(e,t,n){this.arrow().css(n,e?50*(1-e/t)+"%":"")},t.prototype.setContent=function(){var e=this.tip(),t=this.getTitle();e.find(".tooltip-inner")[this.options.html?"html":"text"](t),e.removeClass("fade in top bottom left right")},t.prototype.hide=function(){function i(){var t=setTimeout(function(){n.off(e.support.transition.end).detach()},500);n.one(e.support.transition.end,function(){clearTimeout(t),n.detach()})}var t=this,n=this.tip(),r=e.Event("bs:"+this.type+":hide");this.$element.trigger(r);if(r.isDefaultPrevented())return;return n.removeClass("in"),e.support.transition&&this.$tip.hasClass("fade")?i():n.detach(),this.$element.trigger("hidden"),this},t.prototype.fixTitle=function(){var e=this.$element;(e.attr("title")||typeof e.attr("data-original-title")!="string")&&e.attr("data-original-title",e.attr("title")||"").attr("title","")},t.prototype.hasContent=function(){return this.getTitle()},t.prototype.getPosition=function(){var t=this.$element[0];return e.extend({},typeof t.getBoundingClientRect=="function"?t.getBoundingClientRect():{width:t.offsetWidth,height:t.offsetHeight},this.$element.offset())},t.prototype.getTitle=function(){var e,t=this.$element,n=this.options;return e=t.attr("data-original-title")||(typeof n.title=="function"?n.title.call(t[0]):n.title),e},t.prototype.tip=function(){return this.$tip=this.$tip||e(this.options.template)},t.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".tooltip-arrow")},t.prototype.validate=function(){this.$element[0].parentNode||(this.hide(),this.$element=null,this.options=null)},t.prototype.enable=function(){this.enabled=!0},t.prototype.disable=function(){this.enabled=!1},t.prototype.toggleEnabled=function(){this.enabled=!this.enabled},t.prototype.toggle=function(t){var n=t?e(t.currentTarget)[this.type](this._options).data(this.type):this;n.tip().hasClass("in")?n.hide():n.show()},t.prototype.destroy=function(){this.hide().$element.off("."+this.type).removeData(this.type)};var n=e.fn.tooltip;e.fn.tooltip=function(n){return this.each(function(){var r=e(this),i=r.data("bs-tooltip"),s=typeof n=="object"&&n;i||r.data("bs-tooltip",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.tooltip.Constructor=t,e.fn.tooltip.noConflict=function(){return e.fn.tooltip=n,this}}(window.jQuery),!function(e){"use strict";var t=function(e,t){this.init("popover",e,t)};t.DEFAULTS=e.extend({},e.fn.tooltip.Constructor.DEFAULTS,{placement:"right",trigger:"click",content:"",template:'

                  '}),t.prototype=e.extend({},e.fn.tooltip.Constructor.prototype),t.prototype.constructor=t,t.prototype.getDefaults=function(){return t.DEFAULTS},t.prototype.setContent=function(){var e=this.tip(),t=this.getTitle(),n=this.getContent();e.find(".popover-title")[this.options.html?"html":"text"](t),e.find(".popover-content")[this.options.html?"html":"text"](n),e.removeClass("fade top bottom left right in")},t.prototype.hasContent=function(){return this.getTitle()||this.getContent()},t.prototype.getContent=function(){var e=typeof this.options.content=="function"?this.options.content.call(this.$element[0]):this.options.content;return e||this.$element.attr("data-content")},t.prototype.tip=function(){return this.$tip||(this.$tip=e(this.options.template)),this.$tip},t.prototype.destroy=function(){this.hide().$element.off("."+this.type).removeData(this.type)};var n=e.fn.popover;e.fn.popover=function(n){return this.each(function(){var r=e(this),i=r.data("bs-popover"),s=typeof n=="object"&&n;i||r.data("bs-popover",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.popover.Constructor=t,e.fn.popover.noConflict=function(){return e.fn.popover=n,this}}(window.jQuery),!function(e){"use strict";function t(n,r){var i,s=e.proxy(this.process,this),o=e(n).is("body")?e(window):e(n);this.$body=e("body"),this.$scrollElement=o.on("scroll.scroll-spy.data-api",s),this.options=e.extend({},t.DEFAULTS,r),this.selector=(this.options.target||(i=e(n).attr("href"))&&i.replace(/.*(?=#[^\s]+$)/,"")||"")+" .nav li > a",this.offsets=e([]),this.targets=e([]),this.activeTarget=null,this.refresh(),this.process()}t.DEFAULTS={offset:10},t.prototype.refresh=function(){this.offsets=e([]),this.targets=e([]);var t=this,n=this.$body.find(this.selector).map(function(){var n=e(this),r=n.data("target")||n.attr("href"),i=/^#\w/.test(r)&&e(r);return i&&i.length&&[[i.position().top+(!e.isWindow(t.$scrollElement.get(0))&&t.$scrollElement.scrollTop()),r]]||null}).sort(function(e,t){return e[0]-t[0]}).each(function(){t.offsets.push(this[0]),t.targets.push(this[1])})},t.prototype.process=function(){var e=this.$scrollElement.scrollTop()+this.options.offset,t=this.$scrollElement[0].scrollHeight||this.$body[0].scrollHeight,n=t-this.$scrollElement.height(),r=this.offsets,i=this.targets,s=this.activeTarget,o;if(e>=n)return s!=(o=i.last()[0])&&this.activate(o);for(o=r.length;o--;)s!=i[o]&&e>=r[o]&&(!r[o+1]||e<=r[o+1])&&this.activate(i[o])},t.prototype.activate=function(t){this.activeTarget=t,e(this.selector).parents(".active").removeClass("active");var n=this.selector+'[data-target="'+t+'"],'+this.selector+'[href="'+t+'"]',r=e(n).parents("li").addClass("active");r.parent(".dropdown-menu").length&&(r=r.closest("li.dropdown").addClass("active")),r.trigger("activate")};var n=e.fn.scrollspy;e.fn.scrollspy=function(n){return this.each(function(){var r=e(this),i=r.data("bs-scrollspy"),s=typeof n=="object"&&n;i||r.data("bs-scrollspy",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.scrollspy.Constructor=t,e.fn.scrollspy.noConflict=function(){return e.fn.scrollspy=n,this},e(window).on("load",function(){e('[data-spy="scroll"]').each(function(){var t=e(this);t.scrollspy(t.data())})})}(window.jQuery),!function(e){"use strict";var t=function(t){this.element=e(t)};t.prototype.show=function(){var t=this.element,n=t.closest("ul:not(.dropdown-menu)"),r=t.attr("data-target");r||(r=t.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,""));if(t.parent("li").hasClass("active"))return;var i=n.find(".active:last a")[0],s=e.Event("bs:tab:show",{relatedTarget:i});t.trigger(s);if(s.isDefaultPrevented())return;var o=e(r);this.activate(t.parent("li"),n),this.activate(o,o.parent(),function(){t.trigger({type:"bs:tab:shown",relatedTarget:i})})},t.prototype.activate=function(t,n,r){function o(){i.removeClass("active").find("> .dropdown-menu > .active").removeClass("active"),t.addClass("active"),s?(t[0].offsetWidth,t.addClass("in")):t.removeClass("fade"),t.parent(".dropdown-menu")&&t.closest("li.dropdown").addClass("active"),r&&r()}var i=n.find("> .active"),s=r&&e.support.transition&&i.hasClass("fade");s?i.one(e.support.transition.end,o):o(),i.removeClass("in")};var n=e.fn.tab;e.fn.tab=function(n){return this.each(function(){var r=e(this),i=r.data("bs-tab");i||r.data("bs-tab",i=new t(this)),typeof n=="string"&&i[n]()})},e.fn.tab.Constructor=t,e.fn.tab.noConflict=function(){return e.fn.tab=n,this},e(document).on("click.tab.data-api",'[data-toggle="tab"], [data-toggle="pill"]',function(t){t.preventDefault(),e(this).tab("show")})}(window.jQuery),!function(e){"use strict";var t=function(n,r){this.options=e.extend({},t.DEFAULTS,r),this.$window=e(window).on("scroll.bs-affix.bs-data-api",e.proxy(this.checkPosition,this)).on("click.bs-affix.bs-data-api",e.proxy(this.checkPositionWithEventLoop,this)),this.$element=e(n),this.affixed=this.unpin=null,this.checkPosition()};t.DEFAULTS={offset:0},t.prototype.checkPositionWithEventLoop=function(){setTimeout(e.proxy(this.checkPosition,this),1)},t.prototype.checkPosition=function(){if(!this.$element.is(":visible"))return;var t=e(document).height(),n=this.$window.scrollTop(),r=this.$element.offset(),i=this.options.offset,s=i.top,o=i.bottom,u="affix affix-top affix-bottom";typeof i!="object"&&(o=s=i),typeof s=="function"&&(s=i.top()),typeof o=="function"&&(o=i.bottom());var a=this.unpin!=null&&n+this.unpin<=r.top?!1:o!=null&&r.top+this.$element.height()>=t-o?"bottom":s!=null&&n<=s?"top":!1;if(this.affixed===a)return;this.affixed=a,this.unpin=a=="bottom"?r.top-n:null,this.$element.removeClass(u).addClass("affix"+(a?"-"+a:""))};var n=e.fn.affix;e.fn.affix=function(n){return this.each(function(){var r=e(this),i=r.data("bs-affix"),s=typeof n=="object"&&n;i||r.data("bs-affix",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.affix.Constructor=t,e.fn.affix.noConflict=function(){return e.fn.affix=n,this},e(window).on("load",function(){e('[data-spy="affix"]').each(function(){var t=e(this),n=t.data();n.offset=n.offset||{},n.offsetBottom&&(n.offset.bottom=n.offsetBottom),n.offsetTop&&(n.offset.top=n.offsetTop),t.affix(n)})})}(window.jQuery); \ No newline at end of file +!function(e){"use strict";function t(){var e=document.createElement("bootstrap"),t={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var n in t)if(e.style[n]!==undefined)return{end:t[n]}}e(function(){e.support.transition=t()})}(window.jQuery),!function(e){"use strict";var t='[data-dismiss="alert"]',n=function(n){e(n).on("click",t,this.close)};n.prototype.close=function(t){function s(){i.trigger("bs-closed").remove()}var n=e(this),r=n.attr("data-target");r||(r=n.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,""));var i=e(r);t&&t.preventDefault(),i.length||(i=n.hasClass("alert")?n:n.parent()),i.trigger(t=e.Event("bs:alert:close"));if(t.isDefaultPrevented())return;i.removeClass("in"),e.support.transition&&i.hasClass("fade")?i.on(e.support.transition.end,s):s()};var r=e.fn.alert;e.fn.alert=function(t){return this.each(function(){var r=e(this),i=r.data("bs-alert");i||r.data("bs-alert",i=new n(this)),typeof t=="string"&&i[t].call(r)})},e.fn.alert.Constructor=n,e.fn.alert.noConflict=function(){return e.fn.alert=r,this},e(document).on("click.bs-alert.bs-data-api",t,n.prototype.close)}(window.jQuery),!function(e){"use strict";var t=function(n,r){this.$element=e(n),this.options=e.extend({},t.DEFAULTS,r)};t.DEFAULTS={loadingText:"loading..."},t.prototype.setState=function(e){var t="disabled",n=this.$element,r=n.is("input")?"val":"html",i=n.data();e+="Text",i.resetText||n.data("resetText",n[r]()),n[r](i[e]||this.options[e]),setTimeout(function(){e=="loadingText"?n.addClass(t).attr(t,t):n.removeClass(t).removeAttr(t)},0)},t.prototype.toggle=function(){var e=this.$element.closest('[data-toggle="buttons-radio"]');e&&e.find(".active").removeClass("active"),this.$element.toggleClass("active")};var n=e.fn.button;e.fn.button=function(n){return this.each(function(){var r=e(this),i=r.data("button"),s=typeof n=="object"&&n;i||r.data("bs-button",i=new t(this,s)),n=="toggle"?i.toggle():n&&i.setState(n)})},e.fn.button.Constructor=t,e.fn.button.noConflict=function(){return e.fn.button=n,this},e(document).on("click.bs-button.bs-data-api","[data-toggle^=button]",function(t){var n=e(t.target);n.hasClass("btn")||(n=n.closest(".btn")),n.button("toggle")})}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.$element=e(t),this.$indicators=this.$element.find(".carousel-indicators"),this.options=n,this.paused=this.sliding=this.interval=this.$active=this.$items=null,this.options.pause=="hover"&&this.$element.on("mouseenter",e.proxy(this.pause,this)).on("mouseleave",e.proxy(this.cycle,this))};t.DEFAULTS={interval:5e3,pause:"hover"},t.prototype.cycle=function(t){return t||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(e.proxy(this.next,this),this.options.interval)),this},t.prototype.getActiveIndex=function(){return this.$active=this.$element.find(".item.active"),this.$items=this.$active.parent().children(),this.$items.index(this.$active)},t.prototype.to=function(t){var n=this,r=this.getActiveIndex();if(t>this.$items.length-1||t<0)return;return this.sliding?this.$element.one("slid",function(){n.to(t)}):r==t?this.pause().cycle():this.slide(t>r?"next":"prev",e(this.$items[t]))},t.prototype.pause=function(t){return t||(this.paused=!0),this.$element.find(".next, .prev").length&&e.support.transition.end&&(this.$element.trigger(e.support.transition.end),this.cycle(!0)),this.interval=clearInterval(this.interval),this},t.prototype.next=function(){if(this.sliding)return;return this.slide("next")},t.prototype.prev=function(){if(this.sliding)return;return this.slide("prev")},t.prototype.slide=function(t,n){var r=this.$element.find(".item.active"),i=n||r[t](),s=this.interval,o=t=="next"?"left":"right",u=t=="next"?"first":"last",a=this;this.sliding=!0,s&&this.pause(),i=i.length?i:this.$element.find(".item")[u]();var f=e.Event("bs:carousel:slide",{relatedTarget:i[0],direction:o});if(i.hasClass("active"))return;this.$indicators.length&&(this.$indicators.find(".active").removeClass("active"),this.$element.one("slid",function(){var t=e(a.$indicators.children()[a.getActiveIndex()]);t&&t.addClass("active")}));if(e.support.transition&&this.$element.hasClass("slide")){this.$element.trigger(f);if(f.isDefaultPrevented())return;i.addClass(t),i[0].offsetWidth,r.addClass(o),i.addClass(o),this.$element.one(e.support.transition.end,function(){i.removeClass([t,o].join(" ")).addClass("active"),r.removeClass(["active",o].join(" ")),a.sliding=!1,setTimeout(function(){a.$element.trigger("slid")},0)})}else{this.$element.trigger(f);if(f.isDefaultPrevented())return;r.removeClass("active"),i.addClass("active"),this.sliding=!1,this.$element.trigger("slid")}return s&&this.cycle(),this};var n=e.fn.carousel;e.fn.carousel=function(n){return this.each(function(){var r=e(this),i=r.data("bs-carousel"),s=e.extend({},t.DEFAULTS,typeof n=="object"&&n),o=typeof n=="string"?n:s.slide;i||r.data("bs-carousel",i=new t(this,s)),typeof n=="number"?i.to(n):o?i[o]():s.interval&&i.pause().cycle()})},e.fn.carousel.Constructor=t,e.fn.carousel.noConflict=function(){return e.fn.carousel=n,this},e(document).on("click.carousel.data-api","[data-slide], [data-slide-to]",function(t){var n=e(this),r,i=e(n.attr("data-target")||(r=n.attr("href"))&&r.replace(/.*(?=#[^\s]+$)/,"")),s=e.extend({},i.data(),n.data()),o;i.carousel(s),(o=n.attr("data-slide-to"))&&i.data("carousel").pause().to(o).cycle(),t.preventDefault()})}(window.jQuery),!function(e){"use strict";var t=function(n,r){this.$element=e(n),this.options=e.extend({},t.DEFAULTS,r),this.transitioning=null,this.options.parent&&(this.$parent=e(this.options.parent)),this.options.toggle&&this.toggle()};t.DEFAULTS={toggle:!0},t.prototype.dimension=function(){var e=this.$element.hasClass("width");return e?"width":"height"},t.prototype.show=function(){if(this.transitioning||this.$element.hasClass("in"))return;var t=this.dimension(),n=e.camelCase(["scroll",t].join("-")),r=this.$parent&&this.$parent.find("> .accordion-group > .in");if(r&&r.length){var i=r.data("collapse");if(i&&i.transitioning)return;r.collapse("hide"),i||r.data("collapse",null)}this.$element[t](0),this.transition("addClass",e.Event("bs:collapse:show"),"bs:collapse:shown"),e.support.transition&&this.$element[t](this.$element[0][n])},t.prototype.hide=function(){if(this.transitioning||!this.$element.hasClass("in"))return;var t=this.dimension();this.reset(this.$element[t]()),this.transition("removeClass",e.Event("bs:collapse:hide"),"hidden"),this.$element[t](0)},t.prototype.reset=function(e){var t=this.dimension();return this.$element.removeClass("collapse")[t](e||"auto")[0].offsetWidth,this.$element[e!==null?"addClass":"removeClass"]("collapse"),this},t.prototype.transition=function(t,n,r){var i=this,s=function(){n.type=="bs:collapse:show"&&i.reset(),i.transitioning=0,i.$element.trigger(r)};this.$element.trigger(n);if(n.isDefaultPrevented())return;this.transitioning=1,this.$element[t]("in"),e.support.transition&&this.$element.hasClass("collapse")?this.$element.one(e.support.transition.end,s):s()},t.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()};var n=e.fn.collapse;e.fn.collapse=function(n){return this.each(function(){var r=e(this),i=r.data("collapse"),s=e.extend({},t.DEFAULTS,r.data(),typeof n=="object"&&n);i||r.data("collapse",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.collapse.Constructor=t,e.fn.collapse.noConflict=function(){return e.fn.collapse=n,this},e(document).on("click.collapse.data-api","[data-toggle=collapse]",function(t){var n=e(this),r,i=n.attr("data-target")||t.preventDefault()||(r=n.attr("href"))&&r.replace(/.*(?=#[^\s]+$)/,""),s=e(i).data("collapse")?"toggle":n.data();n[e(i).hasClass("in")?"addClass":"removeClass"]("collapsed"),e(i).collapse(s)})}(window.jQuery),!function(e){"use strict";function i(){e(t).remove(),e(n).each(function(){s(e(this)).removeClass("open")})}function s(t){var n=t.attr("data-target");n||(n=t.attr("href"),n=n&&/#/.test(n)&&n.replace(/.*(?=#[^\s]*$)/,""));var r=n&&e(n);return r&&r.length?r:t.parent()}var t=".dropdown-backdrop",n="[data-toggle=dropdown]",r=function(t){var n=e(t).on("click.dropdown.data-api",this.toggle);e("html").on("click.dropdown.data-api",function(){n.parent().removeClass("open")})};r.prototype.toggle=function(t){var n=e(this);if(n.is(".disabled, :disabled"))return;var r=s(n),o=r.hasClass("open");return i(),o||("ontouchstart"in document.documentElement&&e('
                  ').insertBefore(e(this)).on("click",i),r.toggleClass("open")),n.focus(),!1},r.prototype.keydown=function(t){if(!/(38|40|27)/.test(t.keyCode))return;var r=e(this);t.preventDefault(),t.stopPropagation();if(r.is(".disabled, :disabled"))return;var i=s(r),o=i.hasClass("open");if(!o||o&&t.keyCode==27)return t.which==27&&i.find(n).focus(),r.click();var u=e("[role=menu] li:not(.divider):visible a",i);if(!u.length)return;var a=u.index(u.filter(":focus"));t.keyCode==38&&a>0&&a--,t.keyCode==40&&a').appendTo(document.body),this.$backdrop.click(this.options.backdrop=="static"?e.proxy(this.$element[0].focus,this.$element[0]):e.proxy(this.hide,this)),i&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in");if(!t)return;i?this.$backdrop.one(e.support.transition.end,t):t()}else!this.isShown&&this.$backdrop?(this.$backdrop.removeClass("in"),e.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one(e.support.transition.end,t):t()):t&&t()};var n=e.fn.modal;e.fn.modal=function(n){return this.each(function(){var r=e(this),i=r.data("bs-modal"),s=e.extend({},t.DEFAULTS,r.data(),typeof n=="object"&&n);i||r.data("bs-modal",i=new t(this,s)),typeof n=="string"?i[n]():s.show&&i.show()})},e.fn.modal.Constructor=t,e.fn.modal.noConflict=function(){return e.fn.modal=n,this},e(document).on("click.modal.data-api",'[data-toggle="modal"]',function(t){var n=e(this),r=n.attr("href"),i=e(n.attr("data-target")||r&&r.replace(/.*(?=#[^\s]+$)/,"")),s=i.data("modal")?"toggle":e.extend({remote:!/#/.test(r)&&r},i.data(),n.data());t.preventDefault(),i.modal(s).one("hide",function(){n.focus()})});var r=e(document.body).on("bs:modal:shown",".modal",function(){r.addClass("modal-open")}).on("bs:modal:hidden",".modal",function(){r.removeClass("modal-open")})}(window.jQuery),!function(e){"use strict";var t=function(e,t){this.type=this.options=this.enabled=this.timeout=this.hoverState=this.$element=null,this.init("tooltip",e,t)};t.DEFAULTS={animation:!0,placement:"top",selector:!1,template:'
                  ',trigger:"hover focus",title:"",delay:0,html:!1,container:!1},t.prototype.init=function(t,n,r){this.enabled=!0,this.type=t,this.$element=e(n),this.options=this.getOptions(r);var i=this.options.trigger.split(" ");for(var s=i.length;s--;){var o=i[s];if(o=="click")this.$element.on("click."+this.type,this.options.selector,e.proxy(this.toggle,this));else if(o!="manual"){var u=o=="hover"?"mouseenter":"focus",a=o=="hover"?"mouseleave":"blur";this.$element.on(u+"."+this.type,this.options.selector,e.proxy(this.enter,this)),this.$element.on(a+"."+this.type,this.options.selector,e.proxy(this.leave,this))}}this.options.selector?this._options=e.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},t.prototype.getDefaults=function(){return t.DEFAULTS},t.prototype.getOptions=function(t){return t=e.extend({},this.getDefaults(),this.$element.data(),t),t.delay&&typeof t.delay=="number"&&(t.delay={show:t.delay,hide:t.delay}),t},t.prototype.enter=function(t){var n=e.fn[this.type].defaults,r={};this._options&&e.each(this._options,function(e,t){n[e]!=t&&(r[e]=t)},this);var i=e(t.currentTarget)[this.type](r).data("bs-"+this.type);if(!i.options.delay||!i.options.delay.show)return i.show();clearTimeout(this.timeout),i.hoverState="in",this.timeout=setTimeout(function(){i.hoverState=="in"&&i.show()},i.options.delay.show)},t.prototype.leave=function(t){var n=e(t.currentTarget)[this.type](this._options).data("bs-"+this.type);this.timeout&&clearTimeout(this.timeout);if(!n.options.delay||!n.options.delay.hide)return n.hide();n.hoverState="out",this.timeout=setTimeout(function(){n.hoverState=="out"&&n.hide()},n.options.delay.hide)},t.prototype.show=function(){var t=e.Event("bs:"+this.type+":show");if(this.hasContent()&&this.enabled){this.$element.trigger(t);if(t.isDefaultPrevented())return;var n=this.tip();this.setContent(),this.options.animation&&n.addClass("fade");var r=typeof this.options.placement=="function"?this.options.placement.call(this,n[0],this.$element[0]):this.options.placement;n.detach().css({top:0,left:0,display:"block"}),this.options.container?n.appendTo(this.options.container):n.insertAfter(this.$element);var i,s=this.getPosition(),o=n[0].offsetWidth,u=n[0].offsetHeight;switch(r){case"bottom":i={top:s.top+s.height,left:s.left+s.width/2-o/2};break;case"top":i={top:s.top-u,left:s.left+s.width/2-o/2};break;case"left":i={top:s.top+s.height/2-u/2,left:s.left-o};break;case"right":i={top:s.top+s.height/2-u/2,left:s.left+s.width}}this.applyPlacement(i,r),this.$element.trigger("bs:"+this.type+":shown")}},t.prototype.applyPlacement=function(e,t){var n,r=this.tip(),i=r[0].offsetWidth,s=r[0].offsetHeight;r.offset(e).addClass(t).addClass("in");var o=r[0].offsetWidth,u=r[0].offsetHeight;t=="top"&&u!=s&&(n=!0,e.top=e.top+s-u);if(t=="bottom"||t=="top"){var a=0;e.left<0&&(a=e.left*-2,e.left=0,r.offset(e),o=r[0].offsetWidth,u=r[0].offsetHeight),this.replaceArrow(a-i+o,o,"left")}else this.replaceArrow(u-s,u,"top");n&&r.offset(e)},t.prototype.replaceArrow=function(e,t,n){this.arrow().css(n,e?50*(1-e/t)+"%":"")},t.prototype.setContent=function(){var e=this.tip(),t=this.getTitle();e.find(".tooltip-inner")[this.options.html?"html":"text"](t),e.removeClass("fade in top bottom left right")},t.prototype.hide=function(){function i(){var t=setTimeout(function(){n.off(e.support.transition.end).detach()},500);n.one(e.support.transition.end,function(){clearTimeout(t),n.detach()})}var t=this,n=this.tip(),r=e.Event("bs:"+this.type+":hide");this.$element.trigger(r);if(r.isDefaultPrevented())return;return n.removeClass("in"),e.support.transition&&this.$tip.hasClass("fade")?i():n.detach(),this.$element.trigger("bs:"+this.type+":hidden"),this},t.prototype.fixTitle=function(){var e=this.$element;(e.attr("title")||typeof e.attr("data-original-title")!="string")&&e.attr("data-original-title",e.attr("title")||"").attr("title","")},t.prototype.hasContent=function(){return this.getTitle()},t.prototype.getPosition=function(){var t=this.$element[0];return e.extend({},typeof t.getBoundingClientRect=="function"?t.getBoundingClientRect():{width:t.offsetWidth,height:t.offsetHeight},this.$element.offset())},t.prototype.getTitle=function(){var e,t=this.$element,n=this.options;return e=t.attr("data-original-title")||(typeof n.title=="function"?n.title.call(t[0]):n.title),e},t.prototype.tip=function(){return this.$tip=this.$tip||e(this.options.template)},t.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".tooltip-arrow")},t.prototype.validate=function(){this.$element[0].parentNode||(this.hide(),this.$element=null,this.options=null)},t.prototype.enable=function(){this.enabled=!0},t.prototype.disable=function(){this.enabled=!1},t.prototype.toggleEnabled=function(){this.enabled=!this.enabled},t.prototype.toggle=function(t){var n=t?e(t.currentTarget)[this.type](this._options).data("bs-"+this.type):this;n.tip().hasClass("in")?n.hide():n.show()},t.prototype.destroy=function(){this.hide().$element.off("."+this.type).removeData("bs-"+this.type)};var n=e.fn.tooltip;e.fn.tooltip=function(n){return this.each(function(){var r=e(this),i=r.data("bs-tooltip"),s=typeof n=="object"&&n;i||r.data("bs-tooltip",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.tooltip.Constructor=t,e.fn.tooltip.noConflict=function(){return e.fn.tooltip=n,this}}(window.jQuery),!function(e){"use strict";var t=function(e,t){this.init("popover",e,t)};t.DEFAULTS=e.extend({},e.fn.tooltip.Constructor.DEFAULTS,{placement:"right",trigger:"click",content:"",template:'

                  '}),t.prototype=e.extend({},e.fn.tooltip.Constructor.prototype),t.prototype.constructor=t,t.prototype.getDefaults=function(){return t.DEFAULTS},t.prototype.setContent=function(){var e=this.tip(),t=this.getTitle(),n=this.getContent();e.find(".popover-title")[this.options.html?"html":"text"](t),e.find(".popover-content")[this.options.html?"html":"text"](n),e.removeClass("fade top bottom left right in")},t.prototype.hasContent=function(){return this.getTitle()||this.getContent()},t.prototype.getContent=function(){var e=typeof this.options.content=="function"?this.options.content.call(this.$element[0]):this.options.content;return e||this.$element.attr("data-content")},t.prototype.tip=function(){return this.$tip||(this.$tip=e(this.options.template)),this.$tip},t.prototype.destroy=function(){this.hide().$element.off("."+this.type).removeData(this.type)};var n=e.fn.popover;e.fn.popover=function(n){return this.each(function(){var r=e(this),i=r.data("bs-popover"),s=typeof n=="object"&&n;i||r.data("bs-popover",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.popover.Constructor=t,e.fn.popover.noConflict=function(){return e.fn.popover=n,this}}(window.jQuery),!function(e){"use strict";function t(n,r){var i,s=e.proxy(this.process,this),o=e(n).is("body")?e(window):e(n);this.$body=e("body"),this.$scrollElement=o.on("scroll.scroll-spy.data-api",s),this.options=e.extend({},t.DEFAULTS,r),this.selector=(this.options.target||(i=e(n).attr("href"))&&i.replace(/.*(?=#[^\s]+$)/,"")||"")+" .nav li > a",this.offsets=e([]),this.targets=e([]),this.activeTarget=null,this.refresh(),this.process()}t.DEFAULTS={offset:10},t.prototype.refresh=function(){this.offsets=e([]),this.targets=e([]);var t=this,n=this.$body.find(this.selector).map(function(){var n=e(this),r=n.data("target")||n.attr("href"),i=/^#\w/.test(r)&&e(r);return i&&i.length&&[[i.position().top+(!e.isWindow(t.$scrollElement.get(0))&&t.$scrollElement.scrollTop()),r]]||null}).sort(function(e,t){return e[0]-t[0]}).each(function(){t.offsets.push(this[0]),t.targets.push(this[1])})},t.prototype.process=function(){var e=this.$scrollElement.scrollTop()+this.options.offset,t=this.$scrollElement[0].scrollHeight||this.$body[0].scrollHeight,n=t-this.$scrollElement.height(),r=this.offsets,i=this.targets,s=this.activeTarget,o;if(e>=n)return s!=(o=i.last()[0])&&this.activate(o);for(o=r.length;o--;)s!=i[o]&&e>=r[o]&&(!r[o+1]||e<=r[o+1])&&this.activate(i[o])},t.prototype.activate=function(t){this.activeTarget=t,e(this.selector).parents(".active").removeClass("active");var n=this.selector+'[data-target="'+t+'"],'+this.selector+'[href="'+t+'"]',r=e(n).parents("li").addClass("active");r.parent(".dropdown-menu").length&&(r=r.closest("li.dropdown").addClass("active")),r.trigger("activate")};var n=e.fn.scrollspy;e.fn.scrollspy=function(n){return this.each(function(){var r=e(this),i=r.data("bs-scrollspy"),s=typeof n=="object"&&n;i||r.data("bs-scrollspy",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.scrollspy.Constructor=t,e.fn.scrollspy.noConflict=function(){return e.fn.scrollspy=n,this},e(window).on("load",function(){e('[data-spy="scroll"]').each(function(){var t=e(this);t.scrollspy(t.data())})})}(window.jQuery),!function(e){"use strict";var t=function(t){this.element=e(t)};t.prototype.show=function(){var t=this.element,n=t.closest("ul:not(.dropdown-menu)"),r=t.attr("data-target");r||(r=t.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,""));if(t.parent("li").hasClass("active"))return;var i=n.find(".active:last a")[0],s=e.Event("bs:tab:show",{relatedTarget:i});t.trigger(s);if(s.isDefaultPrevented())return;var o=e(r);this.activate(t.parent("li"),n),this.activate(o,o.parent(),function(){t.trigger({type:"bs:tab:shown",relatedTarget:i})})},t.prototype.activate=function(t,n,r){function o(){i.removeClass("active").find("> .dropdown-menu > .active").removeClass("active"),t.addClass("active"),s?(t[0].offsetWidth,t.addClass("in")):t.removeClass("fade"),t.parent(".dropdown-menu")&&t.closest("li.dropdown").addClass("active"),r&&r()}var i=n.find("> .active"),s=r&&e.support.transition&&i.hasClass("fade");s?i.one(e.support.transition.end,o):o(),i.removeClass("in")};var n=e.fn.tab;e.fn.tab=function(n){return this.each(function(){var r=e(this),i=r.data("bs-tab");i||r.data("bs-tab",i=new t(this)),typeof n=="string"&&i[n]()})},e.fn.tab.Constructor=t,e.fn.tab.noConflict=function(){return e.fn.tab=n,this},e(document).on("click.tab.data-api",'[data-toggle="tab"], [data-toggle="pill"]',function(t){t.preventDefault(),e(this).tab("show")})}(window.jQuery),!function(e){"use strict";var t=function(n,r){this.options=e.extend({},t.DEFAULTS,r),this.$window=e(window).on("scroll.bs-affix.bs-data-api",e.proxy(this.checkPosition,this)).on("click.bs-affix.bs-data-api",e.proxy(this.checkPositionWithEventLoop,this)),this.$element=e(n),this.affixed=this.unpin=null,this.checkPosition()};t.DEFAULTS={offset:0},t.prototype.checkPositionWithEventLoop=function(){setTimeout(e.proxy(this.checkPosition,this),1)},t.prototype.checkPosition=function(){if(!this.$element.is(":visible"))return;var t=e(document).height(),n=this.$window.scrollTop(),r=this.$element.offset(),i=this.options.offset,s=i.top,o=i.bottom,u="affix affix-top affix-bottom";typeof i!="object"&&(o=s=i),typeof s=="function"&&(s=i.top()),typeof o=="function"&&(o=i.bottom());var a=this.unpin!=null&&n+this.unpin<=r.top?!1:o!=null&&r.top+this.$element.height()>=t-o?"bottom":s!=null&&n<=s?"top":!1;if(this.affixed===a)return;this.affixed=a,this.unpin=a=="bottom"?r.top-n:null,this.$element.removeClass(u).addClass("affix"+(a?"-"+a:""))};var n=e.fn.affix;e.fn.affix=function(n){return this.each(function(){var r=e(this),i=r.data("bs-affix"),s=typeof n=="object"&&n;i||r.data("bs-affix",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.affix.Constructor=t,e.fn.affix.noConflict=function(){return e.fn.affix=n,this},e(window).on("load",function(){e('[data-spy="affix"]').each(function(){var t=e(this),n=t.data();n.offset=n.offset||{},n.offsetBottom&&(n.offset.bottom=n.offsetBottom),n.offsetTop&&(n.offset.top=n.offsetTop),t.affix(n)})})}(window.jQuery); \ No newline at end of file diff --git a/docs/assets/js/collapse.js b/docs/assets/js/collapse.js index c9db1767f..95c91c299 100644 --- a/docs/assets/js/collapse.js +++ b/docs/assets/js/collapse.js @@ -56,7 +56,7 @@ } this.$element[dimension](0) - this.transition('addClass', $.Event('bs:collapse:show'), 'shown') + this.transition('addClass', $.Event('bs:collapse:show'), 'bs:collapse:shown') if ($.support.transition) this.$element[dimension](this.$element[0][scroll]) } @@ -85,7 +85,7 @@ Collapse.prototype.transition = function (method, startEvent, completeEvent) { var that = this var complete = function () { - if (startEvent.type == 'show') that.reset() + if (startEvent.type == 'bs:collapse:show') that.reset() that.transitioning = 0 that.$element.trigger(completeEvent) } diff --git a/docs/assets/js/dropdown.js b/docs/assets/js/dropdown.js index c76162b1c..d9acdd2e8 100644 --- a/docs/assets/js/dropdown.js +++ b/docs/assets/js/dropdown.js @@ -43,7 +43,10 @@ clearMenus() if (!isActive) { - $('
                  ').insertBefore($(this)).on('click', clearMenus) + if ('ontouchstart' in document.documentElement) { + // if mobile we we use a backdrop because click events don't delegate + $('
                  ').insertBefore($(this)).on('click', clearMenus) + } $parent.toggleClass('open') } @@ -134,6 +137,7 @@ $(document) + .on('click.dropdown.data-api', clearMenus) .on('click.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() }) .on('click.dropdown.data-api' , toggle, Dropdown.prototype.toggle) .on('keydown.dropdown.data-api', toggle + ', [role=menu]' , Dropdown.prototype.keydown) diff --git a/docs/assets/js/modal.js b/docs/assets/js/modal.js index ee74400bb..f58f2000e 100644 --- a/docs/assets/js/modal.js +++ b/docs/assets/js/modal.js @@ -80,7 +80,7 @@ }) } - Modal.prototype.show = function (e) { + Modal.prototype.hide = function (e) { if (e) e.preventDefault() e = $.Event('bs:modal:hide') diff --git a/docs/assets/js/tooltip.js b/docs/assets/js/tooltip.js index 5f99e355f..a40d242fc 100644 --- a/docs/assets/js/tooltip.js +++ b/docs/assets/js/tooltip.js @@ -48,10 +48,10 @@ } Tooltip.prototype.init = function (type, element, options) { - this.type = type - this.options = this.getOptions(options) this.enabled = true + this.type = type this.$element = $(element) + this.options = this.getOptions(options) var triggers = this.options.trigger.split(' ') @@ -99,7 +99,7 @@ if (defaults[key] != value) options[key] = value }, this) - var self = $(e.currentTarget)[this.type](options).data(this.type) + var self = $(e.currentTarget)[this.type](options).data('bs-' + this.type) if (!self.options.delay || !self.options.delay.show) return self.show() @@ -112,7 +112,7 @@ } Tooltip.prototype.leave = function (e) { - var self = $(e.currentTarget)[this.type](this._options).data(this.type) + var self = $(e.currentTarget)[this.type](this._options).data('bs-' + this.type) if (this.timeout) clearTimeout(this.timeout) if (!self.options.delay || !self.options.delay.hide) return self.hide() @@ -168,7 +168,7 @@ } this.applyPlacement(tp, placement) - this.$element.trigger('shown') + this.$element.trigger('bs:' + this.type + ':shown') } } @@ -250,7 +250,7 @@ removeWithAnimation() : $tip.detach() - this.$element.trigger('hidden') + this.$element.trigger('bs:' + this.type + ':hidden') return this } @@ -314,12 +314,12 @@ } Tooltip.prototype.toggle = function (e) { - var self = e ? $(e.currentTarget)[this.type](this._options).data(this.type) : this + var self = e ? $(e.currentTarget)[this.type](this._options).data('bs-' + this.type) : this self.tip().hasClass('in') ? self.hide() : self.show() } Tooltip.prototype.destroy = function () { - this.hide().$element.off('.' + this.type).removeData(this.type) + this.hide().$element.off('.' + this.type).removeData('bs-' + this.type) } diff --git a/js/dropdown.js b/js/dropdown.js index c76162b1c..d9acdd2e8 100644 --- a/js/dropdown.js +++ b/js/dropdown.js @@ -43,7 +43,10 @@ clearMenus() if (!isActive) { - $('
                  ').insertBefore($(this)).on('click', clearMenus) + if ('ontouchstart' in document.documentElement) { + // if mobile we we use a backdrop because click events don't delegate + $('
                  ').insertBefore($(this)).on('click', clearMenus) + } $parent.toggleClass('open') } @@ -134,6 +137,7 @@ $(document) + .on('click.dropdown.data-api', clearMenus) .on('click.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() }) .on('click.dropdown.data-api' , toggle, Dropdown.prototype.toggle) .on('keydown.dropdown.data-api', toggle + ', [role=menu]' , Dropdown.prototype.keydown) -- cgit v1.2.3 From b239542a5ef8bfbf4775e58e64f0e68e02d077e9 Mon Sep 17 00:00:00 2001 From: fat Date: Thu, 16 May 2013 18:21:42 -0700 Subject: carousel bug with data --- docs/assets/js/bootstrap.js | 2 +- docs/assets/js/bootstrap.min.js | 2 +- docs/assets/js/carousel.js | 2 +- js/carousel.js | 2 +- 4 files changed, 4 insertions(+), 4 deletions(-) diff --git a/docs/assets/js/bootstrap.js b/docs/assets/js/bootstrap.js index 6fa1d6d2c..9bfee0806 100644 --- a/docs/assets/js/bootstrap.js +++ b/docs/assets/js/bootstrap.js @@ -442,7 +442,7 @@ $target.carousel(options) if (slideIndex = $this.attr('data-slide-to')) { - $target.data('carousel').pause().to(slideIndex).cycle() + $target.data('bs-carousel').pause().to(slideIndex).cycle() } e.preventDefault() diff --git a/docs/assets/js/bootstrap.min.js b/docs/assets/js/bootstrap.min.js index a33adbac8..c57922f1b 100644 --- a/docs/assets/js/bootstrap.min.js +++ b/docs/assets/js/bootstrap.min.js @@ -3,4 +3,4 @@ * Copyright 2012 Twitter, Inc. * http://www.apache.org/licenses/LICENSE-2.0.txt */ -!function(e){"use strict";function t(){var e=document.createElement("bootstrap"),t={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var n in t)if(e.style[n]!==undefined)return{end:t[n]}}e(function(){e.support.transition=t()})}(window.jQuery),!function(e){"use strict";var t='[data-dismiss="alert"]',n=function(n){e(n).on("click",t,this.close)};n.prototype.close=function(t){function s(){i.trigger("bs-closed").remove()}var n=e(this),r=n.attr("data-target");r||(r=n.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,""));var i=e(r);t&&t.preventDefault(),i.length||(i=n.hasClass("alert")?n:n.parent()),i.trigger(t=e.Event("bs:alert:close"));if(t.isDefaultPrevented())return;i.removeClass("in"),e.support.transition&&i.hasClass("fade")?i.on(e.support.transition.end,s):s()};var r=e.fn.alert;e.fn.alert=function(t){return this.each(function(){var r=e(this),i=r.data("bs-alert");i||r.data("bs-alert",i=new n(this)),typeof t=="string"&&i[t].call(r)})},e.fn.alert.Constructor=n,e.fn.alert.noConflict=function(){return e.fn.alert=r,this},e(document).on("click.bs-alert.bs-data-api",t,n.prototype.close)}(window.jQuery),!function(e){"use strict";var t=function(n,r){this.$element=e(n),this.options=e.extend({},t.DEFAULTS,r)};t.DEFAULTS={loadingText:"loading..."},t.prototype.setState=function(e){var t="disabled",n=this.$element,r=n.is("input")?"val":"html",i=n.data();e+="Text",i.resetText||n.data("resetText",n[r]()),n[r](i[e]||this.options[e]),setTimeout(function(){e=="loadingText"?n.addClass(t).attr(t,t):n.removeClass(t).removeAttr(t)},0)},t.prototype.toggle=function(){var e=this.$element.closest('[data-toggle="buttons-radio"]');e&&e.find(".active").removeClass("active"),this.$element.toggleClass("active")};var n=e.fn.button;e.fn.button=function(n){return this.each(function(){var r=e(this),i=r.data("button"),s=typeof n=="object"&&n;i||r.data("bs-button",i=new t(this,s)),n=="toggle"?i.toggle():n&&i.setState(n)})},e.fn.button.Constructor=t,e.fn.button.noConflict=function(){return e.fn.button=n,this},e(document).on("click.bs-button.bs-data-api","[data-toggle^=button]",function(t){var n=e(t.target);n.hasClass("btn")||(n=n.closest(".btn")),n.button("toggle")})}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.$element=e(t),this.$indicators=this.$element.find(".carousel-indicators"),this.options=n,this.paused=this.sliding=this.interval=this.$active=this.$items=null,this.options.pause=="hover"&&this.$element.on("mouseenter",e.proxy(this.pause,this)).on("mouseleave",e.proxy(this.cycle,this))};t.DEFAULTS={interval:5e3,pause:"hover"},t.prototype.cycle=function(t){return t||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(e.proxy(this.next,this),this.options.interval)),this},t.prototype.getActiveIndex=function(){return this.$active=this.$element.find(".item.active"),this.$items=this.$active.parent().children(),this.$items.index(this.$active)},t.prototype.to=function(t){var n=this,r=this.getActiveIndex();if(t>this.$items.length-1||t<0)return;return this.sliding?this.$element.one("slid",function(){n.to(t)}):r==t?this.pause().cycle():this.slide(t>r?"next":"prev",e(this.$items[t]))},t.prototype.pause=function(t){return t||(this.paused=!0),this.$element.find(".next, .prev").length&&e.support.transition.end&&(this.$element.trigger(e.support.transition.end),this.cycle(!0)),this.interval=clearInterval(this.interval),this},t.prototype.next=function(){if(this.sliding)return;return this.slide("next")},t.prototype.prev=function(){if(this.sliding)return;return this.slide("prev")},t.prototype.slide=function(t,n){var r=this.$element.find(".item.active"),i=n||r[t](),s=this.interval,o=t=="next"?"left":"right",u=t=="next"?"first":"last",a=this;this.sliding=!0,s&&this.pause(),i=i.length?i:this.$element.find(".item")[u]();var f=e.Event("bs:carousel:slide",{relatedTarget:i[0],direction:o});if(i.hasClass("active"))return;this.$indicators.length&&(this.$indicators.find(".active").removeClass("active"),this.$element.one("slid",function(){var t=e(a.$indicators.children()[a.getActiveIndex()]);t&&t.addClass("active")}));if(e.support.transition&&this.$element.hasClass("slide")){this.$element.trigger(f);if(f.isDefaultPrevented())return;i.addClass(t),i[0].offsetWidth,r.addClass(o),i.addClass(o),this.$element.one(e.support.transition.end,function(){i.removeClass([t,o].join(" ")).addClass("active"),r.removeClass(["active",o].join(" ")),a.sliding=!1,setTimeout(function(){a.$element.trigger("slid")},0)})}else{this.$element.trigger(f);if(f.isDefaultPrevented())return;r.removeClass("active"),i.addClass("active"),this.sliding=!1,this.$element.trigger("slid")}return s&&this.cycle(),this};var n=e.fn.carousel;e.fn.carousel=function(n){return this.each(function(){var r=e(this),i=r.data("bs-carousel"),s=e.extend({},t.DEFAULTS,typeof n=="object"&&n),o=typeof n=="string"?n:s.slide;i||r.data("bs-carousel",i=new t(this,s)),typeof n=="number"?i.to(n):o?i[o]():s.interval&&i.pause().cycle()})},e.fn.carousel.Constructor=t,e.fn.carousel.noConflict=function(){return e.fn.carousel=n,this},e(document).on("click.carousel.data-api","[data-slide], [data-slide-to]",function(t){var n=e(this),r,i=e(n.attr("data-target")||(r=n.attr("href"))&&r.replace(/.*(?=#[^\s]+$)/,"")),s=e.extend({},i.data(),n.data()),o;i.carousel(s),(o=n.attr("data-slide-to"))&&i.data("carousel").pause().to(o).cycle(),t.preventDefault()})}(window.jQuery),!function(e){"use strict";var t=function(n,r){this.$element=e(n),this.options=e.extend({},t.DEFAULTS,r),this.transitioning=null,this.options.parent&&(this.$parent=e(this.options.parent)),this.options.toggle&&this.toggle()};t.DEFAULTS={toggle:!0},t.prototype.dimension=function(){var e=this.$element.hasClass("width");return e?"width":"height"},t.prototype.show=function(){if(this.transitioning||this.$element.hasClass("in"))return;var t=this.dimension(),n=e.camelCase(["scroll",t].join("-")),r=this.$parent&&this.$parent.find("> .accordion-group > .in");if(r&&r.length){var i=r.data("collapse");if(i&&i.transitioning)return;r.collapse("hide"),i||r.data("collapse",null)}this.$element[t](0),this.transition("addClass",e.Event("bs:collapse:show"),"bs:collapse:shown"),e.support.transition&&this.$element[t](this.$element[0][n])},t.prototype.hide=function(){if(this.transitioning||!this.$element.hasClass("in"))return;var t=this.dimension();this.reset(this.$element[t]()),this.transition("removeClass",e.Event("bs:collapse:hide"),"hidden"),this.$element[t](0)},t.prototype.reset=function(e){var t=this.dimension();return this.$element.removeClass("collapse")[t](e||"auto")[0].offsetWidth,this.$element[e!==null?"addClass":"removeClass"]("collapse"),this},t.prototype.transition=function(t,n,r){var i=this,s=function(){n.type=="bs:collapse:show"&&i.reset(),i.transitioning=0,i.$element.trigger(r)};this.$element.trigger(n);if(n.isDefaultPrevented())return;this.transitioning=1,this.$element[t]("in"),e.support.transition&&this.$element.hasClass("collapse")?this.$element.one(e.support.transition.end,s):s()},t.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()};var n=e.fn.collapse;e.fn.collapse=function(n){return this.each(function(){var r=e(this),i=r.data("collapse"),s=e.extend({},t.DEFAULTS,r.data(),typeof n=="object"&&n);i||r.data("collapse",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.collapse.Constructor=t,e.fn.collapse.noConflict=function(){return e.fn.collapse=n,this},e(document).on("click.collapse.data-api","[data-toggle=collapse]",function(t){var n=e(this),r,i=n.attr("data-target")||t.preventDefault()||(r=n.attr("href"))&&r.replace(/.*(?=#[^\s]+$)/,""),s=e(i).data("collapse")?"toggle":n.data();n[e(i).hasClass("in")?"addClass":"removeClass"]("collapsed"),e(i).collapse(s)})}(window.jQuery),!function(e){"use strict";function i(){e(t).remove(),e(n).each(function(){s(e(this)).removeClass("open")})}function s(t){var n=t.attr("data-target");n||(n=t.attr("href"),n=n&&/#/.test(n)&&n.replace(/.*(?=#[^\s]*$)/,""));var r=n&&e(n);return r&&r.length?r:t.parent()}var t=".dropdown-backdrop",n="[data-toggle=dropdown]",r=function(t){var n=e(t).on("click.dropdown.data-api",this.toggle);e("html").on("click.dropdown.data-api",function(){n.parent().removeClass("open")})};r.prototype.toggle=function(t){var n=e(this);if(n.is(".disabled, :disabled"))return;var r=s(n),o=r.hasClass("open");return i(),o||("ontouchstart"in document.documentElement&&e('
                  ').insertBefore(e(this)).on("click",i),r.toggleClass("open")),n.focus(),!1},r.prototype.keydown=function(t){if(!/(38|40|27)/.test(t.keyCode))return;var r=e(this);t.preventDefault(),t.stopPropagation();if(r.is(".disabled, :disabled"))return;var i=s(r),o=i.hasClass("open");if(!o||o&&t.keyCode==27)return t.which==27&&i.find(n).focus(),r.click();var u=e("[role=menu] li:not(.divider):visible a",i);if(!u.length)return;var a=u.index(u.filter(":focus"));t.keyCode==38&&a>0&&a--,t.keyCode==40&&a').appendTo(document.body),this.$backdrop.click(this.options.backdrop=="static"?e.proxy(this.$element[0].focus,this.$element[0]):e.proxy(this.hide,this)),i&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in");if(!t)return;i?this.$backdrop.one(e.support.transition.end,t):t()}else!this.isShown&&this.$backdrop?(this.$backdrop.removeClass("in"),e.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one(e.support.transition.end,t):t()):t&&t()};var n=e.fn.modal;e.fn.modal=function(n){return this.each(function(){var r=e(this),i=r.data("bs-modal"),s=e.extend({},t.DEFAULTS,r.data(),typeof n=="object"&&n);i||r.data("bs-modal",i=new t(this,s)),typeof n=="string"?i[n]():s.show&&i.show()})},e.fn.modal.Constructor=t,e.fn.modal.noConflict=function(){return e.fn.modal=n,this},e(document).on("click.modal.data-api",'[data-toggle="modal"]',function(t){var n=e(this),r=n.attr("href"),i=e(n.attr("data-target")||r&&r.replace(/.*(?=#[^\s]+$)/,"")),s=i.data("modal")?"toggle":e.extend({remote:!/#/.test(r)&&r},i.data(),n.data());t.preventDefault(),i.modal(s).one("hide",function(){n.focus()})});var r=e(document.body).on("bs:modal:shown",".modal",function(){r.addClass("modal-open")}).on("bs:modal:hidden",".modal",function(){r.removeClass("modal-open")})}(window.jQuery),!function(e){"use strict";var t=function(e,t){this.type=this.options=this.enabled=this.timeout=this.hoverState=this.$element=null,this.init("tooltip",e,t)};t.DEFAULTS={animation:!0,placement:"top",selector:!1,template:'
                  ',trigger:"hover focus",title:"",delay:0,html:!1,container:!1},t.prototype.init=function(t,n,r){this.enabled=!0,this.type=t,this.$element=e(n),this.options=this.getOptions(r);var i=this.options.trigger.split(" ");for(var s=i.length;s--;){var o=i[s];if(o=="click")this.$element.on("click."+this.type,this.options.selector,e.proxy(this.toggle,this));else if(o!="manual"){var u=o=="hover"?"mouseenter":"focus",a=o=="hover"?"mouseleave":"blur";this.$element.on(u+"."+this.type,this.options.selector,e.proxy(this.enter,this)),this.$element.on(a+"."+this.type,this.options.selector,e.proxy(this.leave,this))}}this.options.selector?this._options=e.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},t.prototype.getDefaults=function(){return t.DEFAULTS},t.prototype.getOptions=function(t){return t=e.extend({},this.getDefaults(),this.$element.data(),t),t.delay&&typeof t.delay=="number"&&(t.delay={show:t.delay,hide:t.delay}),t},t.prototype.enter=function(t){var n=e.fn[this.type].defaults,r={};this._options&&e.each(this._options,function(e,t){n[e]!=t&&(r[e]=t)},this);var i=e(t.currentTarget)[this.type](r).data("bs-"+this.type);if(!i.options.delay||!i.options.delay.show)return i.show();clearTimeout(this.timeout),i.hoverState="in",this.timeout=setTimeout(function(){i.hoverState=="in"&&i.show()},i.options.delay.show)},t.prototype.leave=function(t){var n=e(t.currentTarget)[this.type](this._options).data("bs-"+this.type);this.timeout&&clearTimeout(this.timeout);if(!n.options.delay||!n.options.delay.hide)return n.hide();n.hoverState="out",this.timeout=setTimeout(function(){n.hoverState=="out"&&n.hide()},n.options.delay.hide)},t.prototype.show=function(){var t=e.Event("bs:"+this.type+":show");if(this.hasContent()&&this.enabled){this.$element.trigger(t);if(t.isDefaultPrevented())return;var n=this.tip();this.setContent(),this.options.animation&&n.addClass("fade");var r=typeof this.options.placement=="function"?this.options.placement.call(this,n[0],this.$element[0]):this.options.placement;n.detach().css({top:0,left:0,display:"block"}),this.options.container?n.appendTo(this.options.container):n.insertAfter(this.$element);var i,s=this.getPosition(),o=n[0].offsetWidth,u=n[0].offsetHeight;switch(r){case"bottom":i={top:s.top+s.height,left:s.left+s.width/2-o/2};break;case"top":i={top:s.top-u,left:s.left+s.width/2-o/2};break;case"left":i={top:s.top+s.height/2-u/2,left:s.left-o};break;case"right":i={top:s.top+s.height/2-u/2,left:s.left+s.width}}this.applyPlacement(i,r),this.$element.trigger("bs:"+this.type+":shown")}},t.prototype.applyPlacement=function(e,t){var n,r=this.tip(),i=r[0].offsetWidth,s=r[0].offsetHeight;r.offset(e).addClass(t).addClass("in");var o=r[0].offsetWidth,u=r[0].offsetHeight;t=="top"&&u!=s&&(n=!0,e.top=e.top+s-u);if(t=="bottom"||t=="top"){var a=0;e.left<0&&(a=e.left*-2,e.left=0,r.offset(e),o=r[0].offsetWidth,u=r[0].offsetHeight),this.replaceArrow(a-i+o,o,"left")}else this.replaceArrow(u-s,u,"top");n&&r.offset(e)},t.prototype.replaceArrow=function(e,t,n){this.arrow().css(n,e?50*(1-e/t)+"%":"")},t.prototype.setContent=function(){var e=this.tip(),t=this.getTitle();e.find(".tooltip-inner")[this.options.html?"html":"text"](t),e.removeClass("fade in top bottom left right")},t.prototype.hide=function(){function i(){var t=setTimeout(function(){n.off(e.support.transition.end).detach()},500);n.one(e.support.transition.end,function(){clearTimeout(t),n.detach()})}var t=this,n=this.tip(),r=e.Event("bs:"+this.type+":hide");this.$element.trigger(r);if(r.isDefaultPrevented())return;return n.removeClass("in"),e.support.transition&&this.$tip.hasClass("fade")?i():n.detach(),this.$element.trigger("bs:"+this.type+":hidden"),this},t.prototype.fixTitle=function(){var e=this.$element;(e.attr("title")||typeof e.attr("data-original-title")!="string")&&e.attr("data-original-title",e.attr("title")||"").attr("title","")},t.prototype.hasContent=function(){return this.getTitle()},t.prototype.getPosition=function(){var t=this.$element[0];return e.extend({},typeof t.getBoundingClientRect=="function"?t.getBoundingClientRect():{width:t.offsetWidth,height:t.offsetHeight},this.$element.offset())},t.prototype.getTitle=function(){var e,t=this.$element,n=this.options;return e=t.attr("data-original-title")||(typeof n.title=="function"?n.title.call(t[0]):n.title),e},t.prototype.tip=function(){return this.$tip=this.$tip||e(this.options.template)},t.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".tooltip-arrow")},t.prototype.validate=function(){this.$element[0].parentNode||(this.hide(),this.$element=null,this.options=null)},t.prototype.enable=function(){this.enabled=!0},t.prototype.disable=function(){this.enabled=!1},t.prototype.toggleEnabled=function(){this.enabled=!this.enabled},t.prototype.toggle=function(t){var n=t?e(t.currentTarget)[this.type](this._options).data("bs-"+this.type):this;n.tip().hasClass("in")?n.hide():n.show()},t.prototype.destroy=function(){this.hide().$element.off("."+this.type).removeData("bs-"+this.type)};var n=e.fn.tooltip;e.fn.tooltip=function(n){return this.each(function(){var r=e(this),i=r.data("bs-tooltip"),s=typeof n=="object"&&n;i||r.data("bs-tooltip",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.tooltip.Constructor=t,e.fn.tooltip.noConflict=function(){return e.fn.tooltip=n,this}}(window.jQuery),!function(e){"use strict";var t=function(e,t){this.init("popover",e,t)};t.DEFAULTS=e.extend({},e.fn.tooltip.Constructor.DEFAULTS,{placement:"right",trigger:"click",content:"",template:'

                  '}),t.prototype=e.extend({},e.fn.tooltip.Constructor.prototype),t.prototype.constructor=t,t.prototype.getDefaults=function(){return t.DEFAULTS},t.prototype.setContent=function(){var e=this.tip(),t=this.getTitle(),n=this.getContent();e.find(".popover-title")[this.options.html?"html":"text"](t),e.find(".popover-content")[this.options.html?"html":"text"](n),e.removeClass("fade top bottom left right in")},t.prototype.hasContent=function(){return this.getTitle()||this.getContent()},t.prototype.getContent=function(){var e=typeof this.options.content=="function"?this.options.content.call(this.$element[0]):this.options.content;return e||this.$element.attr("data-content")},t.prototype.tip=function(){return this.$tip||(this.$tip=e(this.options.template)),this.$tip},t.prototype.destroy=function(){this.hide().$element.off("."+this.type).removeData(this.type)};var n=e.fn.popover;e.fn.popover=function(n){return this.each(function(){var r=e(this),i=r.data("bs-popover"),s=typeof n=="object"&&n;i||r.data("bs-popover",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.popover.Constructor=t,e.fn.popover.noConflict=function(){return e.fn.popover=n,this}}(window.jQuery),!function(e){"use strict";function t(n,r){var i,s=e.proxy(this.process,this),o=e(n).is("body")?e(window):e(n);this.$body=e("body"),this.$scrollElement=o.on("scroll.scroll-spy.data-api",s),this.options=e.extend({},t.DEFAULTS,r),this.selector=(this.options.target||(i=e(n).attr("href"))&&i.replace(/.*(?=#[^\s]+$)/,"")||"")+" .nav li > a",this.offsets=e([]),this.targets=e([]),this.activeTarget=null,this.refresh(),this.process()}t.DEFAULTS={offset:10},t.prototype.refresh=function(){this.offsets=e([]),this.targets=e([]);var t=this,n=this.$body.find(this.selector).map(function(){var n=e(this),r=n.data("target")||n.attr("href"),i=/^#\w/.test(r)&&e(r);return i&&i.length&&[[i.position().top+(!e.isWindow(t.$scrollElement.get(0))&&t.$scrollElement.scrollTop()),r]]||null}).sort(function(e,t){return e[0]-t[0]}).each(function(){t.offsets.push(this[0]),t.targets.push(this[1])})},t.prototype.process=function(){var e=this.$scrollElement.scrollTop()+this.options.offset,t=this.$scrollElement[0].scrollHeight||this.$body[0].scrollHeight,n=t-this.$scrollElement.height(),r=this.offsets,i=this.targets,s=this.activeTarget,o;if(e>=n)return s!=(o=i.last()[0])&&this.activate(o);for(o=r.length;o--;)s!=i[o]&&e>=r[o]&&(!r[o+1]||e<=r[o+1])&&this.activate(i[o])},t.prototype.activate=function(t){this.activeTarget=t,e(this.selector).parents(".active").removeClass("active");var n=this.selector+'[data-target="'+t+'"],'+this.selector+'[href="'+t+'"]',r=e(n).parents("li").addClass("active");r.parent(".dropdown-menu").length&&(r=r.closest("li.dropdown").addClass("active")),r.trigger("activate")};var n=e.fn.scrollspy;e.fn.scrollspy=function(n){return this.each(function(){var r=e(this),i=r.data("bs-scrollspy"),s=typeof n=="object"&&n;i||r.data("bs-scrollspy",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.scrollspy.Constructor=t,e.fn.scrollspy.noConflict=function(){return e.fn.scrollspy=n,this},e(window).on("load",function(){e('[data-spy="scroll"]').each(function(){var t=e(this);t.scrollspy(t.data())})})}(window.jQuery),!function(e){"use strict";var t=function(t){this.element=e(t)};t.prototype.show=function(){var t=this.element,n=t.closest("ul:not(.dropdown-menu)"),r=t.attr("data-target");r||(r=t.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,""));if(t.parent("li").hasClass("active"))return;var i=n.find(".active:last a")[0],s=e.Event("bs:tab:show",{relatedTarget:i});t.trigger(s);if(s.isDefaultPrevented())return;var o=e(r);this.activate(t.parent("li"),n),this.activate(o,o.parent(),function(){t.trigger({type:"bs:tab:shown",relatedTarget:i})})},t.prototype.activate=function(t,n,r){function o(){i.removeClass("active").find("> .dropdown-menu > .active").removeClass("active"),t.addClass("active"),s?(t[0].offsetWidth,t.addClass("in")):t.removeClass("fade"),t.parent(".dropdown-menu")&&t.closest("li.dropdown").addClass("active"),r&&r()}var i=n.find("> .active"),s=r&&e.support.transition&&i.hasClass("fade");s?i.one(e.support.transition.end,o):o(),i.removeClass("in")};var n=e.fn.tab;e.fn.tab=function(n){return this.each(function(){var r=e(this),i=r.data("bs-tab");i||r.data("bs-tab",i=new t(this)),typeof n=="string"&&i[n]()})},e.fn.tab.Constructor=t,e.fn.tab.noConflict=function(){return e.fn.tab=n,this},e(document).on("click.tab.data-api",'[data-toggle="tab"], [data-toggle="pill"]',function(t){t.preventDefault(),e(this).tab("show")})}(window.jQuery),!function(e){"use strict";var t=function(n,r){this.options=e.extend({},t.DEFAULTS,r),this.$window=e(window).on("scroll.bs-affix.bs-data-api",e.proxy(this.checkPosition,this)).on("click.bs-affix.bs-data-api",e.proxy(this.checkPositionWithEventLoop,this)),this.$element=e(n),this.affixed=this.unpin=null,this.checkPosition()};t.DEFAULTS={offset:0},t.prototype.checkPositionWithEventLoop=function(){setTimeout(e.proxy(this.checkPosition,this),1)},t.prototype.checkPosition=function(){if(!this.$element.is(":visible"))return;var t=e(document).height(),n=this.$window.scrollTop(),r=this.$element.offset(),i=this.options.offset,s=i.top,o=i.bottom,u="affix affix-top affix-bottom";typeof i!="object"&&(o=s=i),typeof s=="function"&&(s=i.top()),typeof o=="function"&&(o=i.bottom());var a=this.unpin!=null&&n+this.unpin<=r.top?!1:o!=null&&r.top+this.$element.height()>=t-o?"bottom":s!=null&&n<=s?"top":!1;if(this.affixed===a)return;this.affixed=a,this.unpin=a=="bottom"?r.top-n:null,this.$element.removeClass(u).addClass("affix"+(a?"-"+a:""))};var n=e.fn.affix;e.fn.affix=function(n){return this.each(function(){var r=e(this),i=r.data("bs-affix"),s=typeof n=="object"&&n;i||r.data("bs-affix",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.affix.Constructor=t,e.fn.affix.noConflict=function(){return e.fn.affix=n,this},e(window).on("load",function(){e('[data-spy="affix"]').each(function(){var t=e(this),n=t.data();n.offset=n.offset||{},n.offsetBottom&&(n.offset.bottom=n.offsetBottom),n.offsetTop&&(n.offset.top=n.offsetTop),t.affix(n)})})}(window.jQuery); \ No newline at end of file +!function(e){"use strict";function t(){var e=document.createElement("bootstrap"),t={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var n in t)if(e.style[n]!==undefined)return{end:t[n]}}e(function(){e.support.transition=t()})}(window.jQuery),!function(e){"use strict";var t='[data-dismiss="alert"]',n=function(n){e(n).on("click",t,this.close)};n.prototype.close=function(t){function s(){i.trigger("bs-closed").remove()}var n=e(this),r=n.attr("data-target");r||(r=n.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,""));var i=e(r);t&&t.preventDefault(),i.length||(i=n.hasClass("alert")?n:n.parent()),i.trigger(t=e.Event("bs:alert:close"));if(t.isDefaultPrevented())return;i.removeClass("in"),e.support.transition&&i.hasClass("fade")?i.on(e.support.transition.end,s):s()};var r=e.fn.alert;e.fn.alert=function(t){return this.each(function(){var r=e(this),i=r.data("bs-alert");i||r.data("bs-alert",i=new n(this)),typeof t=="string"&&i[t].call(r)})},e.fn.alert.Constructor=n,e.fn.alert.noConflict=function(){return e.fn.alert=r,this},e(document).on("click.bs-alert.bs-data-api",t,n.prototype.close)}(window.jQuery),!function(e){"use strict";var t=function(n,r){this.$element=e(n),this.options=e.extend({},t.DEFAULTS,r)};t.DEFAULTS={loadingText:"loading..."},t.prototype.setState=function(e){var t="disabled",n=this.$element,r=n.is("input")?"val":"html",i=n.data();e+="Text",i.resetText||n.data("resetText",n[r]()),n[r](i[e]||this.options[e]),setTimeout(function(){e=="loadingText"?n.addClass(t).attr(t,t):n.removeClass(t).removeAttr(t)},0)},t.prototype.toggle=function(){var e=this.$element.closest('[data-toggle="buttons-radio"]');e&&e.find(".active").removeClass("active"),this.$element.toggleClass("active")};var n=e.fn.button;e.fn.button=function(n){return this.each(function(){var r=e(this),i=r.data("button"),s=typeof n=="object"&&n;i||r.data("bs-button",i=new t(this,s)),n=="toggle"?i.toggle():n&&i.setState(n)})},e.fn.button.Constructor=t,e.fn.button.noConflict=function(){return e.fn.button=n,this},e(document).on("click.bs-button.bs-data-api","[data-toggle^=button]",function(t){var n=e(t.target);n.hasClass("btn")||(n=n.closest(".btn")),n.button("toggle")})}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.$element=e(t),this.$indicators=this.$element.find(".carousel-indicators"),this.options=n,this.paused=this.sliding=this.interval=this.$active=this.$items=null,this.options.pause=="hover"&&this.$element.on("mouseenter",e.proxy(this.pause,this)).on("mouseleave",e.proxy(this.cycle,this))};t.DEFAULTS={interval:5e3,pause:"hover"},t.prototype.cycle=function(t){return t||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(e.proxy(this.next,this),this.options.interval)),this},t.prototype.getActiveIndex=function(){return this.$active=this.$element.find(".item.active"),this.$items=this.$active.parent().children(),this.$items.index(this.$active)},t.prototype.to=function(t){var n=this,r=this.getActiveIndex();if(t>this.$items.length-1||t<0)return;return this.sliding?this.$element.one("slid",function(){n.to(t)}):r==t?this.pause().cycle():this.slide(t>r?"next":"prev",e(this.$items[t]))},t.prototype.pause=function(t){return t||(this.paused=!0),this.$element.find(".next, .prev").length&&e.support.transition.end&&(this.$element.trigger(e.support.transition.end),this.cycle(!0)),this.interval=clearInterval(this.interval),this},t.prototype.next=function(){if(this.sliding)return;return this.slide("next")},t.prototype.prev=function(){if(this.sliding)return;return this.slide("prev")},t.prototype.slide=function(t,n){var r=this.$element.find(".item.active"),i=n||r[t](),s=this.interval,o=t=="next"?"left":"right",u=t=="next"?"first":"last",a=this;this.sliding=!0,s&&this.pause(),i=i.length?i:this.$element.find(".item")[u]();var f=e.Event("bs:carousel:slide",{relatedTarget:i[0],direction:o});if(i.hasClass("active"))return;this.$indicators.length&&(this.$indicators.find(".active").removeClass("active"),this.$element.one("slid",function(){var t=e(a.$indicators.children()[a.getActiveIndex()]);t&&t.addClass("active")}));if(e.support.transition&&this.$element.hasClass("slide")){this.$element.trigger(f);if(f.isDefaultPrevented())return;i.addClass(t),i[0].offsetWidth,r.addClass(o),i.addClass(o),this.$element.one(e.support.transition.end,function(){i.removeClass([t,o].join(" ")).addClass("active"),r.removeClass(["active",o].join(" ")),a.sliding=!1,setTimeout(function(){a.$element.trigger("slid")},0)})}else{this.$element.trigger(f);if(f.isDefaultPrevented())return;r.removeClass("active"),i.addClass("active"),this.sliding=!1,this.$element.trigger("slid")}return s&&this.cycle(),this};var n=e.fn.carousel;e.fn.carousel=function(n){return this.each(function(){var r=e(this),i=r.data("bs-carousel"),s=e.extend({},t.DEFAULTS,typeof n=="object"&&n),o=typeof n=="string"?n:s.slide;i||r.data("bs-carousel",i=new t(this,s)),typeof n=="number"?i.to(n):o?i[o]():s.interval&&i.pause().cycle()})},e.fn.carousel.Constructor=t,e.fn.carousel.noConflict=function(){return e.fn.carousel=n,this},e(document).on("click.carousel.data-api","[data-slide], [data-slide-to]",function(t){var n=e(this),r,i=e(n.attr("data-target")||(r=n.attr("href"))&&r.replace(/.*(?=#[^\s]+$)/,"")),s=e.extend({},i.data(),n.data()),o;i.carousel(s),(o=n.attr("data-slide-to"))&&i.data("bs-carousel").pause().to(o).cycle(),t.preventDefault()})}(window.jQuery),!function(e){"use strict";var t=function(n,r){this.$element=e(n),this.options=e.extend({},t.DEFAULTS,r),this.transitioning=null,this.options.parent&&(this.$parent=e(this.options.parent)),this.options.toggle&&this.toggle()};t.DEFAULTS={toggle:!0},t.prototype.dimension=function(){var e=this.$element.hasClass("width");return e?"width":"height"},t.prototype.show=function(){if(this.transitioning||this.$element.hasClass("in"))return;var t=this.dimension(),n=e.camelCase(["scroll",t].join("-")),r=this.$parent&&this.$parent.find("> .accordion-group > .in");if(r&&r.length){var i=r.data("collapse");if(i&&i.transitioning)return;r.collapse("hide"),i||r.data("collapse",null)}this.$element[t](0),this.transition("addClass",e.Event("bs:collapse:show"),"bs:collapse:shown"),e.support.transition&&this.$element[t](this.$element[0][n])},t.prototype.hide=function(){if(this.transitioning||!this.$element.hasClass("in"))return;var t=this.dimension();this.reset(this.$element[t]()),this.transition("removeClass",e.Event("bs:collapse:hide"),"hidden"),this.$element[t](0)},t.prototype.reset=function(e){var t=this.dimension();return this.$element.removeClass("collapse")[t](e||"auto")[0].offsetWidth,this.$element[e!==null?"addClass":"removeClass"]("collapse"),this},t.prototype.transition=function(t,n,r){var i=this,s=function(){n.type=="bs:collapse:show"&&i.reset(),i.transitioning=0,i.$element.trigger(r)};this.$element.trigger(n);if(n.isDefaultPrevented())return;this.transitioning=1,this.$element[t]("in"),e.support.transition&&this.$element.hasClass("collapse")?this.$element.one(e.support.transition.end,s):s()},t.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()};var n=e.fn.collapse;e.fn.collapse=function(n){return this.each(function(){var r=e(this),i=r.data("collapse"),s=e.extend({},t.DEFAULTS,r.data(),typeof n=="object"&&n);i||r.data("collapse",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.collapse.Constructor=t,e.fn.collapse.noConflict=function(){return e.fn.collapse=n,this},e(document).on("click.collapse.data-api","[data-toggle=collapse]",function(t){var n=e(this),r,i=n.attr("data-target")||t.preventDefault()||(r=n.attr("href"))&&r.replace(/.*(?=#[^\s]+$)/,""),s=e(i).data("collapse")?"toggle":n.data();n[e(i).hasClass("in")?"addClass":"removeClass"]("collapsed"),e(i).collapse(s)})}(window.jQuery),!function(e){"use strict";function i(){e(t).remove(),e(n).each(function(){s(e(this)).removeClass("open")})}function s(t){var n=t.attr("data-target");n||(n=t.attr("href"),n=n&&/#/.test(n)&&n.replace(/.*(?=#[^\s]*$)/,""));var r=n&&e(n);return r&&r.length?r:t.parent()}var t=".dropdown-backdrop",n="[data-toggle=dropdown]",r=function(t){var n=e(t).on("click.dropdown.data-api",this.toggle);e("html").on("click.dropdown.data-api",function(){n.parent().removeClass("open")})};r.prototype.toggle=function(t){var n=e(this);if(n.is(".disabled, :disabled"))return;var r=s(n),o=r.hasClass("open");return i(),o||("ontouchstart"in document.documentElement&&e('
                  ').insertBefore(e(this)).on("click",i),r.toggleClass("open")),n.focus(),!1},r.prototype.keydown=function(t){if(!/(38|40|27)/.test(t.keyCode))return;var r=e(this);t.preventDefault(),t.stopPropagation();if(r.is(".disabled, :disabled"))return;var i=s(r),o=i.hasClass("open");if(!o||o&&t.keyCode==27)return t.which==27&&i.find(n).focus(),r.click();var u=e("[role=menu] li:not(.divider):visible a",i);if(!u.length)return;var a=u.index(u.filter(":focus"));t.keyCode==38&&a>0&&a--,t.keyCode==40&&a').appendTo(document.body),this.$backdrop.click(this.options.backdrop=="static"?e.proxy(this.$element[0].focus,this.$element[0]):e.proxy(this.hide,this)),i&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in");if(!t)return;i?this.$backdrop.one(e.support.transition.end,t):t()}else!this.isShown&&this.$backdrop?(this.$backdrop.removeClass("in"),e.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one(e.support.transition.end,t):t()):t&&t()};var n=e.fn.modal;e.fn.modal=function(n){return this.each(function(){var r=e(this),i=r.data("bs-modal"),s=e.extend({},t.DEFAULTS,r.data(),typeof n=="object"&&n);i||r.data("bs-modal",i=new t(this,s)),typeof n=="string"?i[n]():s.show&&i.show()})},e.fn.modal.Constructor=t,e.fn.modal.noConflict=function(){return e.fn.modal=n,this},e(document).on("click.modal.data-api",'[data-toggle="modal"]',function(t){var n=e(this),r=n.attr("href"),i=e(n.attr("data-target")||r&&r.replace(/.*(?=#[^\s]+$)/,"")),s=i.data("modal")?"toggle":e.extend({remote:!/#/.test(r)&&r},i.data(),n.data());t.preventDefault(),i.modal(s).one("hide",function(){n.focus()})});var r=e(document.body).on("bs:modal:shown",".modal",function(){r.addClass("modal-open")}).on("bs:modal:hidden",".modal",function(){r.removeClass("modal-open")})}(window.jQuery),!function(e){"use strict";var t=function(e,t){this.type=this.options=this.enabled=this.timeout=this.hoverState=this.$element=null,this.init("tooltip",e,t)};t.DEFAULTS={animation:!0,placement:"top",selector:!1,template:'
                  ',trigger:"hover focus",title:"",delay:0,html:!1,container:!1},t.prototype.init=function(t,n,r){this.enabled=!0,this.type=t,this.$element=e(n),this.options=this.getOptions(r);var i=this.options.trigger.split(" ");for(var s=i.length;s--;){var o=i[s];if(o=="click")this.$element.on("click."+this.type,this.options.selector,e.proxy(this.toggle,this));else if(o!="manual"){var u=o=="hover"?"mouseenter":"focus",a=o=="hover"?"mouseleave":"blur";this.$element.on(u+"."+this.type,this.options.selector,e.proxy(this.enter,this)),this.$element.on(a+"."+this.type,this.options.selector,e.proxy(this.leave,this))}}this.options.selector?this._options=e.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},t.prototype.getDefaults=function(){return t.DEFAULTS},t.prototype.getOptions=function(t){return t=e.extend({},this.getDefaults(),this.$element.data(),t),t.delay&&typeof t.delay=="number"&&(t.delay={show:t.delay,hide:t.delay}),t},t.prototype.enter=function(t){var n=e.fn[this.type].defaults,r={};this._options&&e.each(this._options,function(e,t){n[e]!=t&&(r[e]=t)},this);var i=e(t.currentTarget)[this.type](r).data("bs-"+this.type);if(!i.options.delay||!i.options.delay.show)return i.show();clearTimeout(this.timeout),i.hoverState="in",this.timeout=setTimeout(function(){i.hoverState=="in"&&i.show()},i.options.delay.show)},t.prototype.leave=function(t){var n=e(t.currentTarget)[this.type](this._options).data("bs-"+this.type);this.timeout&&clearTimeout(this.timeout);if(!n.options.delay||!n.options.delay.hide)return n.hide();n.hoverState="out",this.timeout=setTimeout(function(){n.hoverState=="out"&&n.hide()},n.options.delay.hide)},t.prototype.show=function(){var t=e.Event("bs:"+this.type+":show");if(this.hasContent()&&this.enabled){this.$element.trigger(t);if(t.isDefaultPrevented())return;var n=this.tip();this.setContent(),this.options.animation&&n.addClass("fade");var r=typeof this.options.placement=="function"?this.options.placement.call(this,n[0],this.$element[0]):this.options.placement;n.detach().css({top:0,left:0,display:"block"}),this.options.container?n.appendTo(this.options.container):n.insertAfter(this.$element);var i,s=this.getPosition(),o=n[0].offsetWidth,u=n[0].offsetHeight;switch(r){case"bottom":i={top:s.top+s.height,left:s.left+s.width/2-o/2};break;case"top":i={top:s.top-u,left:s.left+s.width/2-o/2};break;case"left":i={top:s.top+s.height/2-u/2,left:s.left-o};break;case"right":i={top:s.top+s.height/2-u/2,left:s.left+s.width}}this.applyPlacement(i,r),this.$element.trigger("bs:"+this.type+":shown")}},t.prototype.applyPlacement=function(e,t){var n,r=this.tip(),i=r[0].offsetWidth,s=r[0].offsetHeight;r.offset(e).addClass(t).addClass("in");var o=r[0].offsetWidth,u=r[0].offsetHeight;t=="top"&&u!=s&&(n=!0,e.top=e.top+s-u);if(t=="bottom"||t=="top"){var a=0;e.left<0&&(a=e.left*-2,e.left=0,r.offset(e),o=r[0].offsetWidth,u=r[0].offsetHeight),this.replaceArrow(a-i+o,o,"left")}else this.replaceArrow(u-s,u,"top");n&&r.offset(e)},t.prototype.replaceArrow=function(e,t,n){this.arrow().css(n,e?50*(1-e/t)+"%":"")},t.prototype.setContent=function(){var e=this.tip(),t=this.getTitle();e.find(".tooltip-inner")[this.options.html?"html":"text"](t),e.removeClass("fade in top bottom left right")},t.prototype.hide=function(){function i(){var t=setTimeout(function(){n.off(e.support.transition.end).detach()},500);n.one(e.support.transition.end,function(){clearTimeout(t),n.detach()})}var t=this,n=this.tip(),r=e.Event("bs:"+this.type+":hide");this.$element.trigger(r);if(r.isDefaultPrevented())return;return n.removeClass("in"),e.support.transition&&this.$tip.hasClass("fade")?i():n.detach(),this.$element.trigger("bs:"+this.type+":hidden"),this},t.prototype.fixTitle=function(){var e=this.$element;(e.attr("title")||typeof e.attr("data-original-title")!="string")&&e.attr("data-original-title",e.attr("title")||"").attr("title","")},t.prototype.hasContent=function(){return this.getTitle()},t.prototype.getPosition=function(){var t=this.$element[0];return e.extend({},typeof t.getBoundingClientRect=="function"?t.getBoundingClientRect():{width:t.offsetWidth,height:t.offsetHeight},this.$element.offset())},t.prototype.getTitle=function(){var e,t=this.$element,n=this.options;return e=t.attr("data-original-title")||(typeof n.title=="function"?n.title.call(t[0]):n.title),e},t.prototype.tip=function(){return this.$tip=this.$tip||e(this.options.template)},t.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".tooltip-arrow")},t.prototype.validate=function(){this.$element[0].parentNode||(this.hide(),this.$element=null,this.options=null)},t.prototype.enable=function(){this.enabled=!0},t.prototype.disable=function(){this.enabled=!1},t.prototype.toggleEnabled=function(){this.enabled=!this.enabled},t.prototype.toggle=function(t){var n=t?e(t.currentTarget)[this.type](this._options).data("bs-"+this.type):this;n.tip().hasClass("in")?n.hide():n.show()},t.prototype.destroy=function(){this.hide().$element.off("."+this.type).removeData("bs-"+this.type)};var n=e.fn.tooltip;e.fn.tooltip=function(n){return this.each(function(){var r=e(this),i=r.data("bs-tooltip"),s=typeof n=="object"&&n;i||r.data("bs-tooltip",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.tooltip.Constructor=t,e.fn.tooltip.noConflict=function(){return e.fn.tooltip=n,this}}(window.jQuery),!function(e){"use strict";var t=function(e,t){this.init("popover",e,t)};t.DEFAULTS=e.extend({},e.fn.tooltip.Constructor.DEFAULTS,{placement:"right",trigger:"click",content:"",template:'

                  '}),t.prototype=e.extend({},e.fn.tooltip.Constructor.prototype),t.prototype.constructor=t,t.prototype.getDefaults=function(){return t.DEFAULTS},t.prototype.setContent=function(){var e=this.tip(),t=this.getTitle(),n=this.getContent();e.find(".popover-title")[this.options.html?"html":"text"](t),e.find(".popover-content")[this.options.html?"html":"text"](n),e.removeClass("fade top bottom left right in")},t.prototype.hasContent=function(){return this.getTitle()||this.getContent()},t.prototype.getContent=function(){var e=typeof this.options.content=="function"?this.options.content.call(this.$element[0]):this.options.content;return e||this.$element.attr("data-content")},t.prototype.tip=function(){return this.$tip||(this.$tip=e(this.options.template)),this.$tip},t.prototype.destroy=function(){this.hide().$element.off("."+this.type).removeData(this.type)};var n=e.fn.popover;e.fn.popover=function(n){return this.each(function(){var r=e(this),i=r.data("bs-popover"),s=typeof n=="object"&&n;i||r.data("bs-popover",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.popover.Constructor=t,e.fn.popover.noConflict=function(){return e.fn.popover=n,this}}(window.jQuery),!function(e){"use strict";function t(n,r){var i,s=e.proxy(this.process,this),o=e(n).is("body")?e(window):e(n);this.$body=e("body"),this.$scrollElement=o.on("scroll.scroll-spy.data-api",s),this.options=e.extend({},t.DEFAULTS,r),this.selector=(this.options.target||(i=e(n).attr("href"))&&i.replace(/.*(?=#[^\s]+$)/,"")||"")+" .nav li > a",this.offsets=e([]),this.targets=e([]),this.activeTarget=null,this.refresh(),this.process()}t.DEFAULTS={offset:10},t.prototype.refresh=function(){this.offsets=e([]),this.targets=e([]);var t=this,n=this.$body.find(this.selector).map(function(){var n=e(this),r=n.data("target")||n.attr("href"),i=/^#\w/.test(r)&&e(r);return i&&i.length&&[[i.position().top+(!e.isWindow(t.$scrollElement.get(0))&&t.$scrollElement.scrollTop()),r]]||null}).sort(function(e,t){return e[0]-t[0]}).each(function(){t.offsets.push(this[0]),t.targets.push(this[1])})},t.prototype.process=function(){var e=this.$scrollElement.scrollTop()+this.options.offset,t=this.$scrollElement[0].scrollHeight||this.$body[0].scrollHeight,n=t-this.$scrollElement.height(),r=this.offsets,i=this.targets,s=this.activeTarget,o;if(e>=n)return s!=(o=i.last()[0])&&this.activate(o);for(o=r.length;o--;)s!=i[o]&&e>=r[o]&&(!r[o+1]||e<=r[o+1])&&this.activate(i[o])},t.prototype.activate=function(t){this.activeTarget=t,e(this.selector).parents(".active").removeClass("active");var n=this.selector+'[data-target="'+t+'"],'+this.selector+'[href="'+t+'"]',r=e(n).parents("li").addClass("active");r.parent(".dropdown-menu").length&&(r=r.closest("li.dropdown").addClass("active")),r.trigger("activate")};var n=e.fn.scrollspy;e.fn.scrollspy=function(n){return this.each(function(){var r=e(this),i=r.data("bs-scrollspy"),s=typeof n=="object"&&n;i||r.data("bs-scrollspy",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.scrollspy.Constructor=t,e.fn.scrollspy.noConflict=function(){return e.fn.scrollspy=n,this},e(window).on("load",function(){e('[data-spy="scroll"]').each(function(){var t=e(this);t.scrollspy(t.data())})})}(window.jQuery),!function(e){"use strict";var t=function(t){this.element=e(t)};t.prototype.show=function(){var t=this.element,n=t.closest("ul:not(.dropdown-menu)"),r=t.attr("data-target");r||(r=t.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,""));if(t.parent("li").hasClass("active"))return;var i=n.find(".active:last a")[0],s=e.Event("bs:tab:show",{relatedTarget:i});t.trigger(s);if(s.isDefaultPrevented())return;var o=e(r);this.activate(t.parent("li"),n),this.activate(o,o.parent(),function(){t.trigger({type:"bs:tab:shown",relatedTarget:i})})},t.prototype.activate=function(t,n,r){function o(){i.removeClass("active").find("> .dropdown-menu > .active").removeClass("active"),t.addClass("active"),s?(t[0].offsetWidth,t.addClass("in")):t.removeClass("fade"),t.parent(".dropdown-menu")&&t.closest("li.dropdown").addClass("active"),r&&r()}var i=n.find("> .active"),s=r&&e.support.transition&&i.hasClass("fade");s?i.one(e.support.transition.end,o):o(),i.removeClass("in")};var n=e.fn.tab;e.fn.tab=function(n){return this.each(function(){var r=e(this),i=r.data("bs-tab");i||r.data("bs-tab",i=new t(this)),typeof n=="string"&&i[n]()})},e.fn.tab.Constructor=t,e.fn.tab.noConflict=function(){return e.fn.tab=n,this},e(document).on("click.tab.data-api",'[data-toggle="tab"], [data-toggle="pill"]',function(t){t.preventDefault(),e(this).tab("show")})}(window.jQuery),!function(e){"use strict";var t=function(n,r){this.options=e.extend({},t.DEFAULTS,r),this.$window=e(window).on("scroll.bs-affix.bs-data-api",e.proxy(this.checkPosition,this)).on("click.bs-affix.bs-data-api",e.proxy(this.checkPositionWithEventLoop,this)),this.$element=e(n),this.affixed=this.unpin=null,this.checkPosition()};t.DEFAULTS={offset:0},t.prototype.checkPositionWithEventLoop=function(){setTimeout(e.proxy(this.checkPosition,this),1)},t.prototype.checkPosition=function(){if(!this.$element.is(":visible"))return;var t=e(document).height(),n=this.$window.scrollTop(),r=this.$element.offset(),i=this.options.offset,s=i.top,o=i.bottom,u="affix affix-top affix-bottom";typeof i!="object"&&(o=s=i),typeof s=="function"&&(s=i.top()),typeof o=="function"&&(o=i.bottom());var a=this.unpin!=null&&n+this.unpin<=r.top?!1:o!=null&&r.top+this.$element.height()>=t-o?"bottom":s!=null&&n<=s?"top":!1;if(this.affixed===a)return;this.affixed=a,this.unpin=a=="bottom"?r.top-n:null,this.$element.removeClass(u).addClass("affix"+(a?"-"+a:""))};var n=e.fn.affix;e.fn.affix=function(n){return this.each(function(){var r=e(this),i=r.data("bs-affix"),s=typeof n=="object"&&n;i||r.data("bs-affix",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.affix.Constructor=t,e.fn.affix.noConflict=function(){return e.fn.affix=n,this},e(window).on("load",function(){e('[data-spy="affix"]').each(function(){var t=e(this),n=t.data();n.offset=n.offset||{},n.offsetBottom&&(n.offset.bottom=n.offsetBottom),n.offsetTop&&(n.offset.top=n.offsetTop),t.affix(n)})})}(window.jQuery); \ No newline at end of file diff --git a/docs/assets/js/carousel.js b/docs/assets/js/carousel.js index 33b34af08..782f06a07 100644 --- a/docs/assets/js/carousel.js +++ b/docs/assets/js/carousel.js @@ -194,7 +194,7 @@ $target.carousel(options) if (slideIndex = $this.attr('data-slide-to')) { - $target.data('carousel').pause().to(slideIndex).cycle() + $target.data('bs-carousel').pause().to(slideIndex).cycle() } e.preventDefault() diff --git a/js/carousel.js b/js/carousel.js index 33b34af08..782f06a07 100644 --- a/js/carousel.js +++ b/js/carousel.js @@ -194,7 +194,7 @@ $target.carousel(options) if (slideIndex = $this.attr('data-slide-to')) { - $target.data('carousel').pause().to(slideIndex).cycle() + $target.data('bs-carousel').pause().to(slideIndex).cycle() } e.preventDefault() -- cgit v1.2.3 From d8b749a4d35b5a6f7a6ebba2bdac5651460aef27 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 16 May 2013 18:29:53 -0700 Subject: Fix z-index of carousel indicators --- docs/assets/css/bootstrap.css | 2 +- less/carousel.less | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index b9940b55e..bec7260c2 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -4980,7 +4980,7 @@ a.list-group-item.active > .badge, position: absolute; bottom: 20px; left: 50%; - z-index: 5; + z-index: 15; width: 100px; margin: 0 0 0 -50px; text-align: center; diff --git a/less/carousel.less b/less/carousel.less index 43bef87e1..c1b0e9b9a 100644 --- a/less/carousel.less +++ b/less/carousel.less @@ -128,7 +128,7 @@ position: absolute; bottom: 20px; left: 50%; - z-index: 5; + z-index: 15; width: 100px; margin: 0 0 0 -50px; list-style: none; -- cgit v1.2.3 From c072b6b2fc097db1fc369c377d0f0b7f7a7cf7e3 Mon Sep 17 00:00:00 2001 From: fat Date: Thu, 16 May 2013 18:34:51 -0700 Subject: remove dumb assets update makefile wassup --- Makefile | 7 +- docs/_includes/footer.html | 14 +- docs/assets/js/README.md | 106 ---------- docs/assets/js/affix.js | 120 ----------- docs/assets/js/alert.js | 96 --------- docs/assets/js/bootstrap-affix.js | 120 ----------- docs/assets/js/bootstrap-alert.js | 96 --------- docs/assets/js/bootstrap-button.js | 105 ---------- docs/assets/js/bootstrap-carousel.js | 202 ------------------ docs/assets/js/bootstrap-collapse.js | 167 --------------- docs/assets/js/bootstrap-dropdown.js | 165 --------------- docs/assets/js/bootstrap-modal.js | 251 ----------------------- docs/assets/js/bootstrap-popover.js | 114 ----------- docs/assets/js/bootstrap-scrollspy.js | 162 --------------- docs/assets/js/bootstrap-tab.js | 144 ------------- docs/assets/js/bootstrap-tooltip.js | 361 --------------------------------- docs/assets/js/bootstrap-transition.js | 50 ----- docs/assets/js/bootstrap-typeahead.js | 335 ------------------------------ docs/assets/js/button.js | 105 ---------- docs/assets/js/carousel.js | 203 ------------------ docs/assets/js/collapse.js | 153 -------------- docs/assets/js/dropdown.js | 145 ------------- docs/assets/js/modal.js | 242 ---------------------- docs/assets/js/popover.js | 109 ---------- docs/assets/js/scrollspy.js | 156 -------------- docs/assets/js/tab.js | 133 ------------ docs/assets/js/tooltip.js | 353 -------------------------------- docs/assets/js/transition.js | 47 ----- 28 files changed, 7 insertions(+), 4254 deletions(-) delete mode 100644 docs/assets/js/README.md delete mode 100644 docs/assets/js/affix.js delete mode 100644 docs/assets/js/alert.js delete mode 100644 docs/assets/js/bootstrap-affix.js delete mode 100644 docs/assets/js/bootstrap-alert.js delete mode 100644 docs/assets/js/bootstrap-button.js delete mode 100644 docs/assets/js/bootstrap-carousel.js delete mode 100644 docs/assets/js/bootstrap-collapse.js delete mode 100644 docs/assets/js/bootstrap-dropdown.js delete mode 100644 docs/assets/js/bootstrap-modal.js delete mode 100644 docs/assets/js/bootstrap-popover.js delete mode 100644 docs/assets/js/bootstrap-scrollspy.js delete mode 100644 docs/assets/js/bootstrap-tab.js delete mode 100644 docs/assets/js/bootstrap-tooltip.js delete mode 100644 docs/assets/js/bootstrap-transition.js delete mode 100644 docs/assets/js/bootstrap-typeahead.js delete mode 100644 docs/assets/js/button.js delete mode 100644 docs/assets/js/carousel.js delete mode 100644 docs/assets/js/collapse.js delete mode 100644 docs/assets/js/dropdown.js delete mode 100644 docs/assets/js/modal.js delete mode 100644 docs/assets/js/popover.js delete mode 100644 docs/assets/js/scrollspy.js delete mode 100644 docs/assets/js/tab.js delete mode 100644 docs/assets/js/tooltip.js delete mode 100644 docs/assets/js/transition.js diff --git a/Makefile b/Makefile index fb56a4b3c..107d1edce 100644 --- a/Makefile +++ b/Makefile @@ -23,7 +23,6 @@ build: @echo " ${CHECK}" @printf "Prepping documentation assets..." @cp fonts/* docs/assets/fonts/ - @cp js/*.js docs/assets/js/ @cp js/tests/vendor/jquery.js docs/assets/js/ @echo " ${CHECK}" @printf "Compiling and minifying JavaScript..." @@ -120,5 +119,11 @@ watch: echo "Watching less files..."; \ watchr -e "watch('less/.*\.less') { system 'make' }" +# +# BUILD AND START SERVER +# + +run: build + jekyll build && jekyll server .PHONY: docs watch gh-pages bootstrap-img bootstrap-css bootstrap-js diff --git a/docs/_includes/footer.html b/docs/_includes/footer.html index 8827ec2a7..a7bebc337 100644 --- a/docs/_includes/footer.html +++ b/docs/_includes/footer.html @@ -2,19 +2,7 @@ ================================================== --> - - - - - - - - - - - - - + diff --git a/docs/assets/js/README.md b/docs/assets/js/README.md deleted file mode 100644 index b72826a2b..000000000 --- a/docs/assets/js/README.md +++ /dev/null @@ -1,106 +0,0 @@ -## 2.0 BOOTSTRAP JS PHILOSOPHY -These are the high-level design rules which guide the development of Bootstrap's plugin apis. - ---- - -### DATA-ATTRIBUTE API - -We believe you should be able to use all plugins provided by Bootstrap purely through the markup API without writing a single line of javascript. - -We acknowledge that this isn't always the most performant and sometimes it may be desirable to turn this functionality off altogether. Therefore, as of 2.0 we provide the ability to disable the data attribute API by unbinding all events on the body namespaced with `'data-api'`. This looks like this: - - $('body').off('.data-api') - -To target a specific plugin, just include the plugins name as a namespace along with the data-api namespace like this: - - $('body').off('.alert.data-api') - ---- - -### PROGRAMMATIC API - -We also believe you should be able to use all plugins provided by Bootstrap purely through the JS API. - -All public APIs should be single, chainable methods, and return the collection acted upon. - - $(".btn.danger").button("toggle").addClass("fat") - -All methods should accept an optional options object, a string which targets a particular method, or null which initiates the default behavior: - - $("#myModal").modal() // initialized with defaults - $("#myModal").modal({ keyboard: false }) // initialized with now keyboard - $("#myModal").modal('show') // initializes and invokes show immediately afterqwe2 - ---- - -### OPTIONS - -Options should be sparse and add universal value. We should pick the right defaults. - -All plugins should have a default object which can be modified to effect all instance's default options. The defaults object should be available via `$.fn.plugin.defaults`. - - $.fn.modal.defaults = { … } - -An options definition should take the following form: - - *noun*: *adjective* - describes or modifies a quality of an instance - -examples: - - backdrop: true - keyboard: false - placement: 'top' - ---- - -### EVENTS - -All events should have an infinitive and past participle form. The infinitive is fired just before an action takes place, the past participle on completion of the action. - - show | shown - hide | hidden - ---- - -### CONSTRUCTORS - -Each plugin should expose it's raw constructor on a `Constructor` property -- accessed in the following way: - - - $.fn.popover.Constructor - ---- - -### DATA ACCESSOR - -Each plugin stores a copy of the invoked class on an object. This class instance can be accessed directly through jQuery's data API like this: - - $('[rel=popover]').data('popover') instanceof $.fn.popover.Constructor - ---- - -### DATA ATTRIBUTES - -Data attributes should take the following form: - -- data-{{verb}}={{plugin}} - defines main interaction -- data-target || href^=# - defined on "control" element (if element controls an element other than self) -- data-{{noun}} - defines class instance options - -examples: - - // control other targets - data-toggle="modal" data-target="#foo" - data-toggle="collapse" data-target="#foo" data-parent="#bar" - - // defined on element they control - data-spy="scroll" - - data-dismiss="modal" - data-dismiss="alert" - - data-toggle="dropdown" - - data-toggle="button" - data-toggle="buttons-checkbox" - data-toggle="buttons-radio" diff --git a/docs/assets/js/affix.js b/docs/assets/js/affix.js deleted file mode 100644 index c70718c6d..000000000 --- a/docs/assets/js/affix.js +++ /dev/null @@ -1,120 +0,0 @@ -/* ========================================================== - * Bootstrap: affix.js v3.0.0 - * http://twitter.github.com/bootstrap/javascript.html#affix - * ========================================================== - * Copyright 2012 Twitter, Inc. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - * ========================================================== */ - - -!function ($) { "use strict"; - - // AFFIX CLASS DEFINITION - // ====================== - - var Affix = function (element, options) { - this.options = $.extend({}, Affix.DEFAULTS, options) - this.$window = $(window) - .on('scroll.bs-affix.bs-data-api', $.proxy(this.checkPosition, this)) - .on('click.bs-affix.bs-data-api', $.proxy(this.checkPositionWithEventLoop, this)) - - this.$element = $(element) - this.affixed = - this.unpin = null - - this.checkPosition() - } - - Affix.DEFAULTS = { - offset: 0 - } - - Affix.prototype.checkPositionWithEventLoop = function () { - setTimeout($.proxy(this.checkPosition, this), 1) - } - - Affix.prototype.checkPosition = function () { - if (!this.$element.is(':visible')) return - - var scrollHeight = $(document).height() - var scrollTop = this.$window.scrollTop() - var position = this.$element.offset() - var offset = this.options.offset - var offsetTop = offset.top - var offsetBottom = offset.bottom - var reset = 'affix affix-top affix-bottom' - - if (typeof offset != 'object') offsetBottom = offsetTop = offset - if (typeof offsetTop == 'function') offsetTop = offset.top() - if (typeof offsetBottom == 'function') offsetBottom = offset.bottom() - - var affix = this.unpin != null && (scrollTop + this.unpin <= position.top) ? false : - offsetBottom != null && (position.top + this.$element.height() >= scrollHeight - offsetBottom) ? 'bottom' : - offsetTop != null && (scrollTop <= offsetTop) ? 'top' : false - - if (this.affixed === affix) return - - this.affixed = affix - this.unpin = affix == 'bottom' ? position.top - scrollTop : null - - this.$element.removeClass(reset).addClass('affix' + (affix ? '-' + affix : '')) - } - - - // AFFIX PLUGIN DEFINITION - // ======================= - - var old = $.fn.affix - - $.fn.affix = function (option) { - return this.each(function () { - var $this = $(this) - var data = $this.data('bs-affix') - var options = typeof option == 'object' && option - - if (!data) $this.data('bs-affix', (data = new Affix(this, options))) - if (typeof option == 'string') data[option]() - }) - } - - $.fn.affix.Constructor = Affix - - - // AFFIX NO CONFLICT - // ================= - - $.fn.affix.noConflict = function () { - $.fn.affix = old - return this - } - - - // AFFIX DATA-API - // ============== - - $(window).on('load', function () { - $('[data-spy="affix"]').each(function () { - var $spy = $(this) - var data = $spy.data() - - data.offset = data.offset || {} - - if (data.offsetBottom) data.offset.bottom = data.offsetBottom - if (data.offsetTop) data.offset.top = data.offsetTop - - $spy.affix(data) - }) - }) - -}(window.jQuery); diff --git a/docs/assets/js/alert.js b/docs/assets/js/alert.js deleted file mode 100644 index b841b4f5a..000000000 --- a/docs/assets/js/alert.js +++ /dev/null @@ -1,96 +0,0 @@ -/* ========================================================== - * Bootstrap: alert.js v3.0.0 - * http://twitter.github.com/bootstrap/javascript.html#alerts - * ========================================================== - * Copyright 2013 Twitter, Inc. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - * ========================================================== */ - - -!function ($) { "use strict"; - - // ALERT CLASS DEFINITION - // ====================== - - var dismiss = '[data-dismiss="alert"]' - var Alert = function (el) { - $(el).on('click', dismiss, this.close) - } - - Alert.prototype.close = function (e) { - var $this = $(this) - var selector = $this.attr('data-target') - - if (!selector) { - selector = $this.attr('href') - selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') // strip for ie7 - } - - var $parent = $(selector) - - if (e) e.preventDefault() - - if (!$parent.length) { - $parent = $this.hasClass('alert') ? $this : $this.parent() - } - - $parent.trigger(e = $.Event('bs:alert:close')) - - if (e.isDefaultPrevented()) return - - $parent.removeClass('in') - - function removeElement() { - $parent.trigger('bs-closed').remove() - } - - $.support.transition && $parent.hasClass('fade') ? - $parent.on($.support.transition.end, removeElement) : - removeElement() - } - - - // ALERT PLUGIN DEFINITION - // ======================= - - var old = $.fn.alert - - $.fn.alert = function (option) { - return this.each(function () { - var $this = $(this) - var data = $this.data('bs-alert') - - if (!data) $this.data('bs-alert', (data = new Alert(this))) - if (typeof option == 'string') data[option].call($this) - }) - } - - $.fn.alert.Constructor = Alert - - - // ALERT NO CONFLICT - // ================= - - $.fn.alert.noConflict = function () { - $.fn.alert = old - return this - } - - - // ALERT DATA-API - // ============== - - $(document).on('click.bs-alert.bs-data-api', dismiss, Alert.prototype.close) - -}(window.jQuery); diff --git a/docs/assets/js/bootstrap-affix.js b/docs/assets/js/bootstrap-affix.js deleted file mode 100644 index 26b5439eb..000000000 --- a/docs/assets/js/bootstrap-affix.js +++ /dev/null @@ -1,120 +0,0 @@ -/* ========================================================== - * affix.js v3.0.0 - * http://twitter.github.com/bootstrap/javascript.html#affix - * ========================================================== - * Copyright 2012 Twitter, Inc. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - * ========================================================== */ - - -!function ($) { "use strict"; - - // AFFIX CLASS DEFINITION - // ====================== - - var Affix = function (element, options) { - this.options = $.extend({}, Affix.DEFAULTS, options) - this.$window = $(window) - .on('scroll.bs-affix.bs-data-api', $.proxy(this.checkPosition, this)) - .on('click.bs-affix.bs-data-api', $.proxy(this.checkPositionWithEventLoop, this)) - - this.$element = $(element) - this.affixed = - this.unpin = null - - this.checkPosition() - } - - Affix.DEFAULTS = { - offset: 0 - } - - Affix.prototype.checkPositionWithEventLoop = function () { - setTimeout($.proxy(this.checkPosition, this), 1) - } - - Affix.prototype.checkPosition = function () { - if (!this.$element.is(':visible')) return - - var scrollHeight = $(document).height() - var scrollTop = this.$window.scrollTop() - var position = this.$element.offset() - var offset = this.options.offset - var offsetTop = offset.top - var offsetBottom = offset.bottom - var reset = 'affix affix-top affix-bottom' - - if (typeof offset != 'object') offsetBottom = offsetTop = offset - if (typeof offsetTop == 'function') offsetTop = offset.top() - if (typeof offsetBottom == 'function') offsetBottom = offset.bottom() - - var affix = this.unpin != null && (scrollTop + this.unpin <= position.top) ? false : - offsetBottom != null && (position.top + this.$element.height() >= scrollHeight - offsetBottom) ? 'bottom' : - offsetTop != null && (scrollTop <= offsetTop) ? 'top' : false - - if (this.affixed === affix) return - - this.affixed = affix - this.unpin = affix == 'bottom' ? position.top - scrollTop : null - - this.$element.removeClass(reset).addClass('affix' + (affix ? '-' + affix : '')) - } - - - // AFFIX PLUGIN DEFINITION - // ======================= - - var old = $.fn.affix - - $.fn.affix = function (option) { - return this.each(function () { - var $this = $(this) - var data = $this.data('bs-affix') - var options = typeof option == 'object' && option - - if (!data) $this.data('bs-affix', (data = new Affix(this, options))) - if (typeof option == 'string') data[option]() - }) - } - - $.fn.affix.Constructor = Affix - - - // AFFIX NO CONFLICT - // ================= - - $.fn.affix.noConflict = function () { - $.fn.affix = old - return this - } - - - // AFFIX DATA-API - // ============== - - $(window).on('load', function () { - $('[data-spy="affix"]').each(function () { - var $spy = $(this) - var data = $spy.data() - - data.offset = data.offset || {} - - if (data.offsetBottom) data.offset.bottom = data.offsetBottom - if (data.offsetTop) data.offset.top = data.offsetTop - - $spy.affix(data) - }) - }) - -}(window.jQuery); diff --git a/docs/assets/js/bootstrap-alert.js b/docs/assets/js/bootstrap-alert.js deleted file mode 100644 index 7acee7f8f..000000000 --- a/docs/assets/js/bootstrap-alert.js +++ /dev/null @@ -1,96 +0,0 @@ -/* ========================================================== - * alert.js v3.0.0 - * http://twitter.github.com/bootstrap/javascript.html#alerts - * ========================================================== - * Copyright 2013 Twitter, Inc. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - * ========================================================== */ - - -!function ($) { "use strict"; - - // ALERT CLASS DEFINITION - // ====================== - - var dismiss = '[data-dismiss="alert"]' - var Alert = function (el) { - $(el).on('click', dismiss, this.close) - } - - Alert.prototype.close = function (e) { - var $this = $(this) - var selector = $this.attr('data-target') - - if (!selector) { - selector = $this.attr('href') - selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') // strip for ie7 - } - - var $parent = $(selector) - - if (e) e.preventDefault() - - if (!$parent.length) { - $parent = $this.hasClass('alert') ? $this : $this.parent() - } - - $parent.trigger(e = $.Event('bs-close')) - - if (e.isDefaultPrevented()) return - - $parent.removeClass('in') - - function removeElement() { - $parent.trigger('bs-closed').remove() - } - - $.support.transition && $parent.hasClass('fade') ? - $parent.on($.support.transition.end, removeElement) : - removeElement() - } - - - // ALERT PLUGIN DEFINITION - // ======================= - - var old = $.fn.alert - - $.fn.alert = function (option) { - return this.each(function () { - var $this = $(this) - var data = $this.data('bs-alert') - - if (!data) $this.data('bs-alert', (data = new Alert(this))) - if (typeof option == 'string') data[option].call($this) - }) - } - - $.fn.alert.Constructor = Alert - - - /* ALERT NO CONFLICT - * ================= */ - - $.fn.alert.noConflict = function () { - $.fn.alert = old - return this - } - - - // ALERT DATA-API - // ============== */ - - $(document).on('click.bs-alert.bs-data-api', dismiss, Alert.prototype.close) - -}(window.jQuery); diff --git a/docs/assets/js/bootstrap-button.js b/docs/assets/js/bootstrap-button.js deleted file mode 100644 index 119b89880..000000000 --- a/docs/assets/js/bootstrap-button.js +++ /dev/null @@ -1,105 +0,0 @@ -/* ============================================================ - * button.js v3.0.0 - * http://twitter.github.com/bootstrap/javascript.html#buttons - * ============================================================ - * Copyright 2013 Twitter, Inc. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - * ============================================================ */ - - -!function ($) { "use strict"; - - // BUTTON PUBLIC CLASS DEFINITION - // ============================== - - var Button = function (element, options) { - this.$element = $(element) - this.options = $.extend({}, Button.DEFAULTS, options) - } - - Button.DEFAULTS = { - loadingText: 'loading...' - } - - Button.prototype.setState = function (state) { - var d = 'disabled' - var $el = this.$element - var val = $el.is('input') ? 'val' : 'html' - var data = $el.data() - - state = state + 'Text' - - if (!data.resetText) $el.data('resetText', $el[val]()) - - $el[val](data[state] || this.options[state]) - - // push to event loop to allow forms to submit - setTimeout(function () { - state == 'loadingText' ? - $el.addClass(d).attr(d, d) : - $el.removeClass(d).removeAttr(d); - }, 0) - } - - Button.prototype.toggle = function () { - var $parent = this.$element.closest('[data-toggle="buttons-radio"]') - - if ($parent) { - $parent.find('.active').removeClass('active') - } - - this.$element.toggleClass('active') - } - - - // BUTTON PLUGIN DEFINITION - // ======================== - - var old = $.fn.button - - $.fn.button = function (option) { - return this.each(function () { - var $this = $(this) - var data = $this.data('button') - var options = typeof option == 'object' && option - - if (!data) $this.data('bs-button', (data = new Button(this, options))) - - if (option == 'toggle') data.toggle() - else if (option) data.setState(option) - }) - } - - $.fn.button.Constructor = Button - - - // BUTTON NO CONFLICT - // ================== - - $.fn.button.noConflict = function () { - $.fn.button = old - return this - } - - - // BUTTON DATA-API - // =============== - - $(document).on('click.bs-button.bs-data-api', '[data-toggle^=button]', function (e) { - var $btn = $(e.target) - if (!$btn.hasClass('btn')) $btn = $btn.closest('.btn') - $btn.button('toggle') - }) - -}(window.jQuery); diff --git a/docs/assets/js/bootstrap-carousel.js b/docs/assets/js/bootstrap-carousel.js deleted file mode 100644 index 52f446802..000000000 --- a/docs/assets/js/bootstrap-carousel.js +++ /dev/null @@ -1,202 +0,0 @@ -/* ========================================================== - * carousel.js v3.0.0 - * http://twitter.github.com/bootstrap/javascript.html#carousel - * ========================================================== - * Copyright 2012 Twitter, Inc. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - * ========================================================== */ - - -!function ($) { "use strict"; - - // CAROUSEL CLASS DEFINITION - // ========================= - - var Carousel = function (element, options) { - this.$indicators = this.$element.find('.carousel-indicators') - this.$element = $(element) - this.options = options - this.paused = - this.sliding = - this.interval = - this.$active = - this.$items = null - - this.options.pause == 'hover' && this.$element - .on('mouseenter', $.proxy(this.pause, this)) - .on('mouseleave', $.proxy(this.cycle, this)) - } - - Carousel.DEFAULTS = { - interval: 5000 - , pause: 'hover' - } - - Carousel.prototype.cycle = function (e) { - e || (this.paused = false) - - this.interval && clearInterval(this.interval) - - this.options.interval - && !this.paused - && (this.interval = setInterval($.proxy(this.next, this), this.options.interval)) - - return this - } - - Carousel.prototype.getActiveIndex = function () { - this.$active = this.$element.find('.item.active') - this.$items = this.$active.parent().children() - - return this.$items.index(this.$active) - } - - Carousel.prototype.to = function (pos) { - var that = this - var activeIndex = this.getActiveIndex() - - if (pos > (this.$items.length - 1) || pos < 0) return - - if (this.sliding) return this.$element.one('slid', function () { that.to(pos) }) - if (activeIndex == pos) return this.pause().cycle() - - return this.slide(pos > activeIndex ? 'next' : 'prev', $(this.$items[pos])) - } - - Carousel.prototype.pause = function (e) { - e || (this.paused = true) - - if (this.$element.find('.next, .prev').length && $.support.transition.end) { - this.$element.trigger($.support.transition.end) - this.cycle(true) - } - - this.interval = clearInterval(this.interval) - - return this - } - - Carousel.prototype.next = function () { - if (this.sliding) return - return this.slide('next') - } - - Carousel.prototype.prev = function () { - if (this.sliding) return - return this.slide('prev') - } - - Carousel.prototype.slide = function (type, next) { - var $active = this.$element.find('.item.active') - var $next = next || $active[type]() - var isCycling = this.interval - var direction = type == 'next' ? 'left' : 'right' - var fallback = type == 'next' ? 'first' : 'last' - var that = this - - this.sliding = true - - isCycling && this.pause() - - $next = $next.length ? $next : this.$element.find('.item')[fallback]() - - var e = $.Event('slide', { relatedTarget: $next[0], direction: direction }) - - if ($next.hasClass('active')) return - - if (this.$indicators.length) { - this.$indicators.find('.active').removeClass('active') - this.$element.one('slid', function () { - var $nextIndicator = $(that.$indicators.children()[that.getActiveIndex()]) - $nextIndicator && $nextIndicator.addClass('active') - }) - } - - if ($.support.transition && this.$element.hasClass('slide')) { - this.$element.trigger(e) - if (e.isDefaultPrevented()) return - $next.addClass(type) - $next[0].offsetWidth // force reflow - $active.addClass(direction) - $next.addClass(direction) - this.$element.one($.support.transition.end, function () { - $next.removeClass([type, direction].join(' ')).addClass('active') - $active.removeClass(['active', direction].join(' ')) - that.sliding = false - setTimeout(function () { that.$element.trigger('slid') }, 0) - }) - } else { - this.$element.trigger(e) - if (e.isDefaultPrevented()) return - $active.removeClass('active') - $next.addClass('active') - this.sliding = false - this.$element.trigger('slid') - } - - isCycling && this.cycle() - - return this - } - - - // CAROUSEL PLUGIN DEFINITION - // ========================== - - var old = $.fn.carousel - - $.fn.carousel = function (option) { - return this.each(function () { - var $this = $(this) - var data = $this.data('carousel') - var options = $.extend({}, Carousel.DEFAULTS, typeof option == 'object' && option) - var action = typeof option == 'string' ? option : options.slide - - if (!data) $this.data('carousel', (data = new Carousel(this, options))) - if (typeof option == 'number') data.to(option) - else if (action) data[action]() - else if (options.interval) data.pause().cycle() - }) - } - - $.fn.carousel.Constructor = Carousel - - - // CAROUSEL NO CONFLICT - // ==================== - - $.fn.carousel.noConflict = function () { - $.fn.carousel = old - return this - } - - // CAROUSEL DATA-API - // ================= - - $(document).on('click.carousel.data-api', '[data-slide], [data-slide-to]', function (e) { - var $this = $(this), href - var $target = $($this.attr('data-target') || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7 - var options = $.extend({}, $target.data(), $this.data()) - var slideIndex - - $target.carousel(options) - - if (slideIndex = $this.attr('data-slide-to')) { - $target.data('carousel').pause().to(slideIndex).cycle() - } - - e.preventDefault() - }) - -}(window.jQuery); diff --git a/docs/assets/js/bootstrap-collapse.js b/docs/assets/js/bootstrap-collapse.js deleted file mode 100644 index 37535550d..000000000 --- a/docs/assets/js/bootstrap-collapse.js +++ /dev/null @@ -1,167 +0,0 @@ -/* ============================================================= - * collapse.js v3.0.0 - * http://twitter.github.com/bootstrap/javascript.html#collapse - * ============================================================= - * Copyright 2012 Twitter, Inc. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - * ============================================================ */ - - -!function ($) { - - "use strict"; // jshint ;_; - - - /* COLLAPSE PUBLIC CLASS DEFINITION - * ================================ */ - - var Collapse = function (element, options) { - this.$element = $(element) - this.options = $.extend({}, $.fn.collapse.defaults, options) - - if (this.options.parent) { - this.$parent = $(this.options.parent) - } - - this.options.toggle && this.toggle() - } - - Collapse.prototype = { - - constructor: Collapse - - , dimension: function () { - var hasWidth = this.$element.hasClass('width') - return hasWidth ? 'width' : 'height' - } - - , show: function () { - var dimension - , scroll - , actives - , hasData - - if (this.transitioning || this.$element.hasClass('in')) return - - dimension = this.dimension() - scroll = $.camelCase(['scroll', dimension].join('-')) - actives = this.$parent && this.$parent.find('> .accordion-group > .in') - - if (actives && actives.length) { - hasData = actives.data('collapse') - if (hasData && hasData.transitioning) return - actives.collapse('hide') - hasData || actives.data('collapse', null) - } - - this.$element[dimension](0) - this.transition('addClass', $.Event('show'), 'shown') - $.support.transition && this.$element[dimension](this.$element[0][scroll]) - } - - , hide: function () { - var dimension - if (this.transitioning || !this.$element.hasClass('in')) return - dimension = this.dimension() - this.reset(this.$element[dimension]()) - this.transition('removeClass', $.Event('hide'), 'hidden') - this.$element[dimension](0) - } - - , reset: function (size) { - var dimension = this.dimension() - - this.$element - .removeClass('collapse') - [dimension](size || 'auto') - [0].offsetWidth - - this.$element[size !== null ? 'addClass' : 'removeClass']('collapse') - - return this - } - - , transition: function (method, startEvent, completeEvent) { - var that = this - , complete = function () { - if (startEvent.type == 'show') that.reset() - that.transitioning = 0 - that.$element.trigger(completeEvent) - } - - this.$element.trigger(startEvent) - - if (startEvent.isDefaultPrevented()) return - - this.transitioning = 1 - - this.$element[method]('in') - - $.support.transition && this.$element.hasClass('collapse') ? - this.$element.one($.support.transition.end, complete) : - complete() - } - - , toggle: function () { - this[this.$element.hasClass('in') ? 'hide' : 'show']() - } - - } - - - /* COLLAPSE PLUGIN DEFINITION - * ========================== */ - - var old = $.fn.collapse - - $.fn.collapse = function (option) { - return this.each(function () { - var $this = $(this) - , data = $this.data('collapse') - , options = $.extend({}, $.fn.collapse.defaults, $this.data(), typeof option == 'object' && option) - if (!data) $this.data('collapse', (data = new Collapse(this, options))) - if (typeof option == 'string') data[option]() - }) - } - - $.fn.collapse.defaults = { - toggle: true - } - - $.fn.collapse.Constructor = Collapse - - - /* COLLAPSE NO CONFLICT - * ==================== */ - - $.fn.collapse.noConflict = function () { - $.fn.collapse = old - return this - } - - - /* COLLAPSE DATA-API - * ================= */ - - $(document).on('click.collapse.data-api', '[data-toggle=collapse]', function (e) { - var $this = $(this), href - , target = $this.attr('data-target') - || e.preventDefault() - || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '') //strip for ie7 - , option = $(target).data('collapse') ? 'toggle' : $this.data() - $this[$(target).hasClass('in') ? 'addClass' : 'removeClass']('collapsed') - $(target).collapse(option) - }) - -}(window.jQuery); diff --git a/docs/assets/js/bootstrap-dropdown.js b/docs/assets/js/bootstrap-dropdown.js deleted file mode 100644 index 23696a9d7..000000000 --- a/docs/assets/js/bootstrap-dropdown.js +++ /dev/null @@ -1,165 +0,0 @@ -/* ============================================================ - * dropdown.js v3.0.0 - * http://twitter.github.com/bootstrap/javascript.html#dropdowns - * ============================================================ - * Copyright 2012 Twitter, Inc. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - * ============================================================ */ - - -!function ($) { - - "use strict"; // jshint ;_; - - - /* DROPDOWN CLASS DEFINITION - * ========================= */ - - var toggle = '[data-toggle=dropdown]' - , Dropdown = function (element) { - var $el = $(element).on('click.dropdown.data-api', this.toggle) - $('html').on('click.dropdown.data-api', function () { - $el.parent().removeClass('open') - }) - } - - Dropdown.prototype = { - - constructor: Dropdown - - , toggle: function (e) { - var $this = $(this) - , $parent - , isActive - - if ($this.is('.disabled, :disabled')) return - - $parent = getParent($this) - - isActive = $parent.hasClass('open') - - clearMenus() - - if (!isActive) { - $parent.toggleClass('open') - } - - $this.focus() - - return false - } - - , keydown: function (e) { - var $this - , $items - , $active - , $parent - , isActive - , index - - if (!/(38|40|27)/.test(e.keyCode)) return - - $this = $(this) - - e.preventDefault() - e.stopPropagation() - - if ($this.is('.disabled, :disabled')) return - - $parent = getParent($this) - - isActive = $parent.hasClass('open') - - if (!isActive || (isActive && e.keyCode == 27)) { - if (e.which == 27) $parent.find(toggle).focus() - return $this.click() - } - - $items = $('[role=menu] li:not(.divider):visible a', $parent) - - if (!$items.length) return - - index = $items.index($items.filter(':focus')) - - if (e.keyCode == 38 && index > 0) index-- // up - if (e.keyCode == 40 && index < $items.length - 1) index++ // down - if (!~index) index = 0 - - $items - .eq(index) - .focus() - } - - } - - function clearMenus() { - $(toggle).each(function () { - getParent($(this)).removeClass('open') - }) - } - - function getParent($this) { - var selector = $this.attr('data-target') - , $parent - - if (!selector) { - selector = $this.attr('href') - selector = selector && /#/.test(selector) && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7 - } - - $parent = selector && $(selector) - - if (!$parent || !$parent.length) $parent = $this.parent() - - return $parent - } - - - /* DROPDOWN PLUGIN DEFINITION - * ========================== */ - - var old = $.fn.dropdown - - $.fn.dropdown = function (option) { - return this.each(function () { - var $this = $(this) - , data = $this.data('dropdown') - if (!data) $this.data('dropdown', (data = new Dropdown(this))) - if (typeof option == 'string') data[option].call($this) - }) - } - - $.fn.dropdown.Constructor = Dropdown - - - /* DROPDOWN NO CONFLICT - * ==================== */ - - $.fn.dropdown.noConflict = function () { - $.fn.dropdown = old - return this - } - - - /* APPLY TO STANDARD DROPDOWN ELEMENTS - * =================================== */ - - $(document) - .on('click.dropdown.data-api', clearMenus) - .on('click.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() }) - .on('click.dropdown-menu', function (e) { e.stopPropagation() }) - .on('click.dropdown.data-api' , toggle, Dropdown.prototype.toggle) - .on('keydown.dropdown.data-api', toggle + ', [role=menu]' , Dropdown.prototype.keydown) - -}(window.jQuery); diff --git a/docs/assets/js/bootstrap-modal.js b/docs/assets/js/bootstrap-modal.js deleted file mode 100644 index 790f954c7..000000000 --- a/docs/assets/js/bootstrap-modal.js +++ /dev/null @@ -1,251 +0,0 @@ -/* ========================================================= - * modal.js v3.0.0 - * http://twitter.github.com/bootstrap/javascript.html#modals - * ========================================================= - * Copyright 2012 Twitter, Inc. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - * ========================================================= */ - - -!function ($) { - - "use strict"; // jshint ;_; - - - /* MODAL CLASS DEFINITION - * ====================== */ - - var Modal = function (element, options) { - this.options = options - this.$element = $(element) - .delegate('[data-dismiss="modal"]', 'click.dismiss.modal', $.proxy(this.hide, this)) - this.options.remote && this.$element.find('.modal-body').load(this.options.remote) - } - - Modal.prototype = { - - constructor: Modal - - , toggle: function () { - return this[!this.isShown ? 'show' : 'hide']() - } - - , show: function () { - var that = this - , e = $.Event('show') - - this.$element.trigger(e) - - if (this.isShown || e.isDefaultPrevented()) return - - this.isShown = true - - this.escape() - - this.backdrop(function () { - var transition = $.support.transition && that.$element.hasClass('fade') - - if (!that.$element.parent().length) { - that.$element.appendTo(document.body) //don't move modals dom position - } - - that.$element.show() - - if (transition) { - that.$element[0].offsetWidth // force reflow - } - - that.$element - .addClass('in') - .attr('aria-hidden', false) - - that.enforceFocus() - - transition ? - that.$element.one($.support.transition.end, function () { that.$element.focus().trigger('shown') }) : - that.$element.focus().trigger('shown') - - }) - } - - , hide: function (e) { - e && e.preventDefault() - - var that = this - - e = $.Event('hide') - - this.$element.trigger(e) - - if (!this.isShown || e.isDefaultPrevented()) return - - this.isShown = false - - this.escape() - - $(document).off('focusin.modal') - - this.$element - .removeClass('in') - .attr('aria-hidden', true) - - $.support.transition && this.$element.hasClass('fade') ? - this.hideWithTransition() : - this.hideModal() - } - - , enforceFocus: function () { - var that = this - $(document).on('focusin.modal', function (e) { - if (that.$element[0] !== e.target && !that.$element.has(e.target).length) { - that.$element.focus() - } - }) - } - - , escape: function () { - var that = this - if (this.isShown && this.options.keyboard) { - this.$element.on('keyup.dismiss.modal', function ( e ) { - e.which == 27 && that.hide() - }) - } else if (!this.isShown) { - this.$element.off('keyup.dismiss.modal') - } - } - - , hideWithTransition: function () { - var that = this - , timeout = setTimeout(function () { - that.$element.off($.support.transition.end) - that.hideModal() - }, 500) - - this.$element.one($.support.transition.end, function () { - clearTimeout(timeout) - that.hideModal() - }) - } - - , hideModal: function () { - var that = this - this.$element.hide() - this.backdrop(function () { - that.removeBackdrop() - that.$element.trigger('hidden') - }) - } - - , removeBackdrop: function () { - this.$backdrop && this.$backdrop.remove() - this.$backdrop = null - } - - , backdrop: function (callback) { - var that = this - , animate = this.$element.hasClass('fade') ? 'fade' : '' - - if (this.isShown && this.options.backdrop) { - var doAnimate = $.support.transition && animate - - this.$backdrop = $('
                  ') - .appendTo(document.body) - - this.$backdrop.click( - this.options.backdrop == 'static' ? - $.proxy(this.$element[0].focus, this.$element[0]) - : $.proxy(this.hide, this) - ) - - if (doAnimate) this.$backdrop[0].offsetWidth // force reflow - - this.$backdrop.addClass('in') - - if (!callback) return - - doAnimate ? - this.$backdrop.one($.support.transition.end, callback) : - callback() - - } else if (!this.isShown && this.$backdrop) { - this.$backdrop.removeClass('in') - - $.support.transition && this.$element.hasClass('fade')? - this.$backdrop.one($.support.transition.end, callback) : - callback() - - } else if (callback) { - callback() - } - } - } - - - /* MODAL PLUGIN DEFINITION - * ======================= */ - - var old = $.fn.modal - - $.fn.modal = function (option) { - return this.each(function () { - var $this = $(this) - , data = $this.data('modal') - , options = $.extend({}, $.fn.modal.defaults, $this.data(), typeof option == 'object' && option) - if (!data) $this.data('modal', (data = new Modal(this, options))) - if (typeof option == 'string') data[option]() - else if (options.show) data.show() - }) - } - - $.fn.modal.defaults = { - backdrop: true - , keyboard: true - , show: true - } - - $.fn.modal.Constructor = Modal - - - /* MODAL NO CONFLICT - * ================= */ - - $.fn.modal.noConflict = function () { - $.fn.modal = old - return this - } - - - /* MODAL DATA-API - * ============== */ - - $(document).on('click.modal.data-api', '[data-toggle="modal"]', function (e) { - var $this = $(this) - , href = $this.attr('href') - , $target = $($this.attr('data-target') || (href && href.replace(/.*(?=#[^\s]+$)/, ''))) //strip for ie7 - , option = $target.data('modal') ? 'toggle' : $.extend({ remote:!/#/.test(href) && href }, $target.data(), $this.data()) - - e.preventDefault() - - $target - .modal(option) - .one('hide', function () { - $this.focus() - }) - }) - - var $body = $(document.body) - .on('shown', '.modal', function () { $body.addClass('modal-open') }) - .on('hidden', '.modal', function () { $body.removeClass('modal-open') }) - -}(window.jQuery); diff --git a/docs/assets/js/bootstrap-popover.js b/docs/assets/js/bootstrap-popover.js deleted file mode 100644 index c48f78edf..000000000 --- a/docs/assets/js/bootstrap-popover.js +++ /dev/null @@ -1,114 +0,0 @@ -/* =========================================================== - * popover.js v3.0.0 - * http://twitter.github.com/bootstrap/javascript.html#popovers - * =========================================================== - * Copyright 2012 Twitter, Inc. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - * =========================================================== */ - - -!function ($) { - - "use strict"; // jshint ;_; - - - /* POPOVER PUBLIC CLASS DEFINITION - * =============================== */ - - var Popover = function (element, options) { - this.init('popover', element, options) - } - - - /* NOTE: POPOVER EXTENDS tooltip.js - ========================================== */ - - Popover.prototype = $.extend({}, $.fn.tooltip.Constructor.prototype, { - - constructor: Popover - - , setContent: function () { - var $tip = this.tip() - , title = this.getTitle() - , content = this.getContent() - - $tip.find('.popover-title')[this.options.html ? 'html' : 'text'](title) - $tip.find('.popover-content')[this.options.html ? 'html' : 'text'](content) - - $tip.removeClass('fade top bottom left right in') - } - - , hasContent: function () { - return this.getTitle() || this.getContent() - } - - , getContent: function () { - var content - , $e = this.$element - , o = this.options - - content = (typeof o.content == 'function' ? o.content.call($e[0]) : o.content) - || $e.attr('data-content') - - return content - } - - , tip: function () { - if (!this.$tip) { - this.$tip = $(this.options.template) - } - return this.$tip - } - - , destroy: function () { - this.hide().$element.off('.' + this.type).removeData(this.type) - } - - }) - - - /* POPOVER PLUGIN DEFINITION - * ======================= */ - - var old = $.fn.popover - - $.fn.popover = function (option) { - return this.each(function () { - var $this = $(this) - , data = $this.data('popover') - , options = typeof option == 'object' && option - if (!data) $this.data('popover', (data = new Popover(this, options))) - if (typeof option == 'string') data[option]() - }) - } - - $.fn.popover.Constructor = Popover - - $.fn.popover.defaults = $.extend({} , $.fn.tooltip.defaults, { - placement: 'right' - , trigger: 'click' - , content: '' - , template: '

                  ' - }) - - - /* POPOVER NO CONFLICT - * =================== */ - - $.fn.popover.noConflict = function () { - $.fn.popover = old - return this - } - -}(window.jQuery); diff --git a/docs/assets/js/bootstrap-scrollspy.js b/docs/assets/js/bootstrap-scrollspy.js deleted file mode 100644 index d080fd2db..000000000 --- a/docs/assets/js/bootstrap-scrollspy.js +++ /dev/null @@ -1,162 +0,0 @@ -/* ============================================================= - * scrollspy.js v3.0.0 - * http://twitter.github.com/bootstrap/javascript.html#scrollspy - * ============================================================= - * Copyright 2012 Twitter, Inc. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - * ============================================================== */ - - -!function ($) { - - "use strict"; // jshint ;_; - - - /* SCROLLSPY CLASS DEFINITION - * ========================== */ - - function ScrollSpy(element, options) { - var process = $.proxy(this.process, this) - , $element = $(element).is('body') ? $(window) : $(element) - , href - this.options = $.extend({}, $.fn.scrollspy.defaults, options) - this.$scrollElement = $element.on('scroll.scroll-spy.data-api', process) - this.selector = (this.options.target - || ((href = $(element).attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7 - || '') + ' .nav li > a' - this.$body = $('body') - this.refresh() - this.process() - } - - ScrollSpy.prototype = { - - constructor: ScrollSpy - - , refresh: function () { - var self = this - , $targets - - this.offsets = $([]) - this.targets = $([]) - - $targets = this.$body - .find(this.selector) - .map(function () { - var $el = $(this) - , href = $el.data('target') || $el.attr('href') - , $href = /^#\w/.test(href) && $(href) - return ( $href - && $href.length - && [[ $href.position().top + (!$.isWindow(self.$scrollElement.get(0)) && self.$scrollElement.scrollTop()), href ]] ) || null - }) - .sort(function (a, b) { return a[0] - b[0] }) - .each(function () { - self.offsets.push(this[0]) - self.targets.push(this[1]) - }) - } - - , process: function () { - var scrollTop = this.$scrollElement.scrollTop() + this.options.offset - , scrollHeight = this.$scrollElement[0].scrollHeight || this.$body[0].scrollHeight - , maxScroll = scrollHeight - this.$scrollElement.height() - , offsets = this.offsets - , targets = this.targets - , activeTarget = this.activeTarget - , i - - if (scrollTop >= maxScroll) { - return activeTarget != (i = targets.last()[0]) - && this.activate ( i ) - } - - for (i = offsets.length; i--;) { - activeTarget != targets[i] - && scrollTop >= offsets[i] - && (!offsets[i + 1] || scrollTop <= offsets[i + 1]) - && this.activate( targets[i] ) - } - } - - , activate: function (target) { - var active - , selector - - this.activeTarget = target - - $(this.selector) - .parents('.active') - .removeClass('active') - - selector = this.selector - + '[data-target="' + target + '"],' - + this.selector + '[href="' + target + '"]' - - active = $(selector) - .parents('li') - .addClass('active') - - if (active.parent('.dropdown-menu').length) { - active = active.closest('li.dropdown').addClass('active') - } - - active.trigger('activate') - } - - } - - - /* SCROLLSPY PLUGIN DEFINITION - * =========================== */ - - var old = $.fn.scrollspy - - $.fn.scrollspy = function (option) { - return this.each(function () { - var $this = $(this) - , data = $this.data('scrollspy') - , options = typeof option == 'object' && option - if (!data) $this.data('scrollspy', (data = new ScrollSpy(this, options))) - if (typeof option == 'string') data[option]() - }) - } - - $.fn.scrollspy.Constructor = ScrollSpy - - $.fn.scrollspy.defaults = { - offset: 10 - } - - - /* SCROLLSPY NO CONFLICT - * ===================== */ - - $.fn.scrollspy.noConflict = function () { - $.fn.scrollspy = old - return this - } - - - /* SCROLLSPY DATA-API - * ================== */ - - $(window).on('load', function () { - $('[data-spy="scroll"]').each(function () { - var $spy = $(this) - $spy.scrollspy($spy.data()) - }) - }) - -}(window.jQuery); diff --git a/docs/assets/js/bootstrap-tab.js b/docs/assets/js/bootstrap-tab.js deleted file mode 100644 index b32958292..000000000 --- a/docs/assets/js/bootstrap-tab.js +++ /dev/null @@ -1,144 +0,0 @@ -/* ======================================================== - * tab.js v3.0.0 - * http://twitter.github.com/bootstrap/javascript.html#tabs - * ======================================================== - * Copyright 2012 Twitter, Inc. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - * ======================================================== */ - - -!function ($) { - - "use strict"; // jshint ;_; - - - /* TAB CLASS DEFINITION - * ==================== */ - - var Tab = function (element) { - this.element = $(element) - } - - Tab.prototype = { - - constructor: Tab - - , show: function () { - var $this = this.element - , $ul = $this.closest('ul:not(.dropdown-menu)') - , selector = $this.attr('data-target') - , previous - , $target - , e - - if (!selector) { - selector = $this.attr('href') - selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7 - } - - if ( $this.parent('li').hasClass('active') ) return - - previous = $ul.find('.active:last a')[0] - - e = $.Event('show', { - relatedTarget: previous - }) - - $this.trigger(e) - - if (e.isDefaultPrevented()) return - - $target = $(selector) - - this.activate($this.parent('li'), $ul) - this.activate($target, $target.parent(), function () { - $this.trigger({ - type: 'shown' - , relatedTarget: previous - }) - }) - } - - , activate: function ( element, container, callback) { - var $active = container.find('> .active') - , transition = callback - && $.support.transition - && $active.hasClass('fade') - - function next() { - $active - .removeClass('active') - .find('> .dropdown-menu > .active') - .removeClass('active') - - element.addClass('active') - - if (transition) { - element[0].offsetWidth // reflow for transition - element.addClass('in') - } else { - element.removeClass('fade') - } - - if ( element.parent('.dropdown-menu') ) { - element.closest('li.dropdown').addClass('active') - } - - callback && callback() - } - - transition ? - $active.one($.support.transition.end, next) : - next() - - $active.removeClass('in') - } - } - - - /* TAB PLUGIN DEFINITION - * ===================== */ - - var old = $.fn.tab - - $.fn.tab = function ( option ) { - return this.each(function () { - var $this = $(this) - , data = $this.data('tab') - if (!data) $this.data('tab', (data = new Tab(this))) - if (typeof option == 'string') data[option]() - }) - } - - $.fn.tab.Constructor = Tab - - - /* TAB NO CONFLICT - * =============== */ - - $.fn.tab.noConflict = function () { - $.fn.tab = old - return this - } - - - /* TAB DATA-API - * ============ */ - - $(document).on('click.tab.data-api', '[data-toggle="tab"], [data-toggle="pill"]', function (e) { - e.preventDefault() - $(this).tab('show') - }) - -}(window.jQuery); diff --git a/docs/assets/js/bootstrap-tooltip.js b/docs/assets/js/bootstrap-tooltip.js deleted file mode 100644 index 8388325a7..000000000 --- a/docs/assets/js/bootstrap-tooltip.js +++ /dev/null @@ -1,361 +0,0 @@ -/* =========================================================== - * tooltip.js v3.0.0 - * http://twitter.github.com/bootstrap/javascript.html#tooltips - * Inspired by the original jQuery.tipsy by Jason Frame - * =========================================================== - * Copyright 2012 Twitter, Inc. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - * ========================================================== */ - - -!function ($) { - - "use strict"; // jshint ;_; - - - /* TOOLTIP PUBLIC CLASS DEFINITION - * =============================== */ - - var Tooltip = function (element, options) { - this.init('tooltip', element, options) - } - - Tooltip.prototype = { - - constructor: Tooltip - - , init: function (type, element, options) { - var eventIn - , eventOut - , triggers - , trigger - , i - - this.type = type - this.$element = $(element) - this.options = this.getOptions(options) - this.enabled = true - - triggers = this.options.trigger.split(' ') - - for (i = triggers.length; i--;) { - trigger = triggers[i] - if (trigger == 'click') { - this.$element.on('click.' + this.type, this.options.selector, $.proxy(this.toggle, this)) - } else if (trigger != 'manual') { - eventIn = trigger == 'hover' ? 'mouseenter' : 'focus' - eventOut = trigger == 'hover' ? 'mouseleave' : 'blur' - this.$element.on(eventIn + '.' + this.type, this.options.selector, $.proxy(this.enter, this)) - this.$element.on(eventOut + '.' + this.type, this.options.selector, $.proxy(this.leave, this)) - } - } - - this.options.selector ? - (this._options = $.extend({}, this.options, { trigger: 'manual', selector: '' })) : - this.fixTitle() - } - - , getOptions: function (options) { - options = $.extend({}, $.fn[this.type].defaults, this.$element.data(), options) - - if (options.delay && typeof options.delay == 'number') { - options.delay = { - show: options.delay - , hide: options.delay - } - } - - return options - } - - , enter: function (e) { - var defaults = $.fn[this.type].defaults - , options = {} - , self - - this._options && $.each(this._options, function (key, value) { - if (defaults[key] != value) options[key] = value - }, this) - - self = $(e.currentTarget)[this.type](options).data(this.type) - - if (!self.options.delay || !self.options.delay.show) return self.show() - - clearTimeout(this.timeout) - self.hoverState = 'in' - this.timeout = setTimeout(function() { - if (self.hoverState == 'in') self.show() - }, self.options.delay.show) - } - - , leave: function (e) { - var self = $(e.currentTarget)[this.type](this._options).data(this.type) - - if (this.timeout) clearTimeout(this.timeout) - if (!self.options.delay || !self.options.delay.hide) return self.hide() - - self.hoverState = 'out' - this.timeout = setTimeout(function() { - if (self.hoverState == 'out') self.hide() - }, self.options.delay.hide) - } - - , show: function () { - var $tip - , pos - , actualWidth - , actualHeight - , placement - , tp - , e = $.Event('show') - - if (this.hasContent() && this.enabled) { - this.$element.trigger(e) - if (e.isDefaultPrevented()) return - $tip = this.tip() - this.setContent() - - if (this.options.animation) { - $tip.addClass('fade') - } - - placement = typeof this.options.placement == 'function' ? - this.options.placement.call(this, $tip[0], this.$element[0]) : - this.options.placement - - $tip - .detach() - .css({ top: 0, left: 0, display: 'block' }) - - this.options.container ? $tip.appendTo(this.options.container) : $tip.insertAfter(this.$element) - - pos = this.getPosition() - - actualWidth = $tip[0].offsetWidth - actualHeight = $tip[0].offsetHeight - - switch (placement) { - case 'bottom': - tp = {top: pos.top + pos.height, left: pos.left + pos.width / 2 - actualWidth / 2} - break - case 'top': - tp = {top: pos.top - actualHeight, left: pos.left + pos.width / 2 - actualWidth / 2} - break - case 'left': - tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth} - break - case 'right': - tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width} - break - } - - this.applyPlacement(tp, placement) - this.$element.trigger('shown') - } - } - - , applyPlacement: function(offset, placement){ - var $tip = this.tip() - , width = $tip[0].offsetWidth - , height = $tip[0].offsetHeight - , actualWidth - , actualHeight - , delta - , replace - - $tip - .offset(offset) - .addClass(placement) - .addClass('in') - - actualWidth = $tip[0].offsetWidth - actualHeight = $tip[0].offsetHeight - - if (placement == 'top' && actualHeight != height) { - offset.top = offset.top + height - actualHeight - replace = true - } - - if (placement == 'bottom' || placement == 'top') { - delta = 0 - - if (offset.left < 0){ - delta = offset.left * -2 - offset.left = 0 - $tip.offset(offset) - actualWidth = $tip[0].offsetWidth - actualHeight = $tip[0].offsetHeight - } - - this.replaceArrow(delta - width + actualWidth, actualWidth, 'left') - } else { - this.replaceArrow(actualHeight - height, actualHeight, 'top') - } - - if (replace) $tip.offset(offset) - } - - , replaceArrow: function(delta, dimension, position){ - this - .arrow() - .css(position, delta ? (50 * (1 - delta / dimension) + "%") : '') - } - - , setContent: function () { - var $tip = this.tip() - , title = this.getTitle() - - $tip.find('.tooltip-inner')[this.options.html ? 'html' : 'text'](title) - $tip.removeClass('fade in top bottom left right') - } - - , hide: function () { - var that = this - , $tip = this.tip() - , e = $.Event('hide') - - this.$element.trigger(e) - if (e.isDefaultPrevented()) return - - $tip.removeClass('in') - - function removeWithAnimation() { - var timeout = setTimeout(function () { - $tip.off($.support.transition.end).detach() - }, 500) - - $tip.one($.support.transition.end, function () { - clearTimeout(timeout) - $tip.detach() - }) - } - - $.support.transition && this.$tip.hasClass('fade') ? - removeWithAnimation() : - $tip.detach() - - this.$element.trigger('hidden') - - return this - } - - , fixTitle: function () { - var $e = this.$element - if ($e.attr('title') || typeof($e.attr('data-original-title')) != 'string') { - $e.attr('data-original-title', $e.attr('title') || '').attr('title', '') - } - } - - , hasContent: function () { - return this.getTitle() - } - - , getPosition: function () { - var el = this.$element[0] - return $.extend({}, (typeof el.getBoundingClientRect == 'function') ? el.getBoundingClientRect() : { - width: el.offsetWidth - , height: el.offsetHeight - }, this.$element.offset()) - } - - , getTitle: function () { - var title - , $e = this.$element - , o = this.options - - title = $e.attr('data-original-title') - || (typeof o.title == 'function' ? o.title.call($e[0]) : o.title) - - return title - } - - , tip: function () { - return this.$tip = this.$tip || $(this.options.template) - } - - , arrow: function(){ - return this.$arrow = this.$arrow || this.tip().find(".tooltip-arrow") - } - - , validate: function () { - if (!this.$element[0].parentNode) { - this.hide() - this.$element = null - this.options = null - } - } - - , enable: function () { - this.enabled = true - } - - , disable: function () { - this.enabled = false - } - - , toggleEnabled: function () { - this.enabled = !this.enabled - } - - , toggle: function (e) { - var self = e ? $(e.currentTarget)[this.type](this._options).data(this.type) : this - self.tip().hasClass('in') ? self.hide() : self.show() - } - - , destroy: function () { - this.hide().$element.off('.' + this.type).removeData(this.type) - } - - } - - - /* TOOLTIP PLUGIN DEFINITION - * ========================= */ - - var old = $.fn.tooltip - - $.fn.tooltip = function ( option ) { - return this.each(function () { - var $this = $(this) - , data = $this.data('tooltip') - , options = typeof option == 'object' && option - if (!data) $this.data('tooltip', (data = new Tooltip(this, options))) - if (typeof option == 'string') data[option]() - }) - } - - $.fn.tooltip.Constructor = Tooltip - - $.fn.tooltip.defaults = { - animation: true - , placement: 'top' - , selector: false - , template: '
                  ' - , trigger: 'hover focus' - , title: '' - , delay: 0 - , html: false - , container: false - } - - - /* TOOLTIP NO CONFLICT - * =================== */ - - $.fn.tooltip.noConflict = function () { - $.fn.tooltip = old - return this - } - -}(window.jQuery); diff --git a/docs/assets/js/bootstrap-transition.js b/docs/assets/js/bootstrap-transition.js deleted file mode 100644 index f70cb9dd9..000000000 --- a/docs/assets/js/bootstrap-transition.js +++ /dev/null @@ -1,50 +0,0 @@ -/* =================================================== - * transition.js v3.0.0 - * http://twitter.github.com/bootstrap/javascript.html#transitions - * =================================================== - * Copyright 2013 Twitter, Inc. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - * ========================================================== */ - - -!function ($) { - - "use strict"; - - - /* CSS TRANSITION SUPPORT (Shoutout: http://www.modernizr.com/) - * ======================================================= */ - - function transitionEnd() { - var el = document.createElement('bootstrap'); - - var transEndEventNames = { - 'WebkitTransition' : 'webkitTransitionEnd' - , 'MozTransition' : 'transitionend' - , 'OTransition' : 'oTransitionEnd otransitionend' - , 'transition' : 'transitionend' - }; - - for (var name in transEndEventNames) { - if (el.style[name] !== undefined) { - return { end: transEndEventNames[name] }; - } - } - } - - $(function () { - $.support.transition = transitionEnd(); - }); - -}(window.jQuery); diff --git a/docs/assets/js/bootstrap-typeahead.js b/docs/assets/js/bootstrap-typeahead.js deleted file mode 100644 index 51f02911d..000000000 --- a/docs/assets/js/bootstrap-typeahead.js +++ /dev/null @@ -1,335 +0,0 @@ -/* ============================================================= - * typeahead.js v3.0.0 - * http://twitter.github.com/bootstrap/javascript.html#typeahead - * ============================================================= - * Copyright 2012 Twitter, Inc. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - * ============================================================ */ - - -!function($){ - - "use strict"; // jshint ;_; - - - /* TYPEAHEAD PUBLIC CLASS DEFINITION - * ================================= */ - - var Typeahead = function (element, options) { - this.$element = $(element) - this.options = $.extend({}, $.fn.typeahead.defaults, options) - this.matcher = this.options.matcher || this.matcher - this.sorter = this.options.sorter || this.sorter - this.highlighter = this.options.highlighter || this.highlighter - this.updater = this.options.updater || this.updater - this.source = this.options.source - this.$menu = $(this.options.menu) - this.shown = false - this.listen() - } - - Typeahead.prototype = { - - constructor: Typeahead - - , select: function () { - var val = this.$menu.find('.active').attr('data-value') - this.$element - .val(this.updater(val)) - .change() - return this.hide() - } - - , updater: function (item) { - return item - } - - , show: function () { - var pos = $.extend({}, this.$element.position(), { - height: this.$element[0].offsetHeight - }) - - this.$menu - .insertAfter(this.$element) - .css({ - top: pos.top + pos.height - , left: pos.left - }) - .show() - - this.shown = true - return this - } - - , hide: function () { - this.$menu.hide() - this.shown = false - return this - } - - , lookup: function (event) { - var items - - this.query = this.$element.val() - - if (!this.query || this.query.length < this.options.minLength) { - return this.shown ? this.hide() : this - } - - items = $.isFunction(this.source) ? this.source(this.query, $.proxy(this.process, this)) : this.source - - return items ? this.process(items) : this - } - - , process: function (items) { - var that = this - - items = $.grep(items, function (item) { - return that.matcher(item) - }) - - items = this.sorter(items) - - if (!items.length) { - return this.shown ? this.hide() : this - } - - return this.render(items.slice(0, this.options.items)).show() - } - - , matcher: function (item) { - return ~item.toLowerCase().indexOf(this.query.toLowerCase()) - } - - , sorter: function (items) { - var beginswith = [] - , caseSensitive = [] - , caseInsensitive = [] - , item - - while (item = items.shift()) { - if (!item.toLowerCase().indexOf(this.query.toLowerCase())) beginswith.push(item) - else if (~item.indexOf(this.query)) caseSensitive.push(item) - else caseInsensitive.push(item) - } - - return beginswith.concat(caseSensitive, caseInsensitive) - } - - , highlighter: function (item) { - var query = this.query.replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g, '\\$&') - return item.replace(new RegExp('(' + query + ')', 'ig'), function ($1, match) { - return '' + match + '' - }) - } - - , render: function (items) { - var that = this - - items = $(items).map(function (i, item) { - i = $(that.options.item).attr('data-value', item) - i.find('a').html(that.highlighter(item)) - return i[0] - }) - - items.first().addClass('active') - this.$menu.html(items) - return this - } - - , next: function (event) { - var active = this.$menu.find('.active').removeClass('active') - , next = active.next() - - if (!next.length) { - next = $(this.$menu.find('li')[0]) - } - - next.addClass('active') - } - - , prev: function (event) { - var active = this.$menu.find('.active').removeClass('active') - , prev = active.prev() - - if (!prev.length) { - prev = this.$menu.find('li').last() - } - - prev.addClass('active') - } - - , listen: function () { - this.$element - .on('focus', $.proxy(this.focus, this)) - .on('blur', $.proxy(this.blur, this)) - .on('keypress', $.proxy(this.keypress, this)) - .on('keyup', $.proxy(this.keyup, this)) - - if (this.eventSupported('keydown')) { - this.$element.on('keydown', $.proxy(this.keydown, this)) - } - - this.$menu - .on('click', $.proxy(this.click, this)) - .on('mouseenter', 'li', $.proxy(this.mouseenter, this)) - .on('mouseleave', 'li', $.proxy(this.mouseleave, this)) - } - - , eventSupported: function(eventName) { - var isSupported = eventName in this.$element - if (!isSupported) { - this.$element.setAttribute(eventName, 'return;') - isSupported = typeof this.$element[eventName] === 'function' - } - return isSupported - } - - , move: function (e) { - if (!this.shown) return - - switch(e.keyCode) { - case 9: // tab - case 13: // enter - case 27: // escape - e.preventDefault() - break - - case 38: // up arrow - e.preventDefault() - this.prev() - break - - case 40: // down arrow - e.preventDefault() - this.next() - break - } - - e.stopPropagation() - } - - , keydown: function (e) { - this.suppressKeyPressRepeat = ~$.inArray(e.keyCode, [40,38,9,13,27]) - this.move(e) - } - - , keypress: function (e) { - if (this.suppressKeyPressRepeat) return - this.move(e) - } - - , keyup: function (e) { - switch(e.keyCode) { - case 40: // down arrow - case 38: // up arrow - case 16: // shift - case 17: // ctrl - case 18: // alt - break - - case 9: // tab - case 13: // enter - if (!this.shown) return - this.select() - break - - case 27: // escape - if (!this.shown) return - this.hide() - break - - default: - this.lookup() - } - - e.stopPropagation() - e.preventDefault() - } - - , focus: function (e) { - this.focused = true - } - - , blur: function (e) { - this.focused = false - if (!this.mousedover && this.shown) this.hide() - } - - , click: function (e) { - e.stopPropagation() - e.preventDefault() - this.select() - this.$element.focus() - } - - , mouseenter: function (e) { - this.mousedover = true - this.$menu.find('.active').removeClass('active') - $(e.currentTarget).addClass('active') - } - - , mouseleave: function (e) { - this.mousedover = false - if (!this.focused && this.shown) this.hide() - } - - } - - - /* TYPEAHEAD PLUGIN DEFINITION - * =========================== */ - - var old = $.fn.typeahead - - $.fn.typeahead = function (option) { - return this.each(function () { - var $this = $(this) - , data = $this.data('typeahead') - , options = typeof option == 'object' && option - if (!data) $this.data('typeahead', (data = new Typeahead(this, options))) - if (typeof option == 'string') data[option]() - }) - } - - $.fn.typeahead.defaults = { - source: [] - , items: 8 - , menu: '
                    ' - , item: '
                    • ' - , minLength: 1 - } - - $.fn.typeahead.Constructor = Typeahead - - - /* TYPEAHEAD NO CONFLICT - * =================== */ - - $.fn.typeahead.noConflict = function () { - $.fn.typeahead = old - return this - } - - - /* TYPEAHEAD DATA-API - * ================== */ - - $(document).on('focus.typeahead.data-api', '[data-provide="typeahead"]', function (e) { - var $this = $(this) - if ($this.data('typeahead')) return - $this.typeahead($this.data()) - }) - -}(window.jQuery); diff --git a/docs/assets/js/button.js b/docs/assets/js/button.js deleted file mode 100644 index f43bba18f..000000000 --- a/docs/assets/js/button.js +++ /dev/null @@ -1,105 +0,0 @@ -/* ============================================================ - * Bootstrap: button.js v3.0.0 - * http://twitter.github.com/bootstrap/javascript.html#buttons - * ============================================================ - * Copyright 2013 Twitter, Inc. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - * ============================================================ */ - - -!function ($) { "use strict"; - - // BUTTON PUBLIC CLASS DEFINITION - // ============================== - - var Button = function (element, options) { - this.$element = $(element) - this.options = $.extend({}, Button.DEFAULTS, options) - } - - Button.DEFAULTS = { - loadingText: 'loading...' - } - - Button.prototype.setState = function (state) { - var d = 'disabled' - var $el = this.$element - var val = $el.is('input') ? 'val' : 'html' - var data = $el.data() - - state = state + 'Text' - - if (!data.resetText) $el.data('resetText', $el[val]()) - - $el[val](data[state] || this.options[state]) - - // push to event loop to allow forms to submit - setTimeout(function () { - state == 'loadingText' ? - $el.addClass(d).attr(d, d) : - $el.removeClass(d).removeAttr(d); - }, 0) - } - - Button.prototype.toggle = function () { - var $parent = this.$element.closest('[data-toggle="buttons-radio"]') - - if ($parent) { - $parent.find('.active').removeClass('active') - } - - this.$element.toggleClass('active') - } - - - // BUTTON PLUGIN DEFINITION - // ======================== - - var old = $.fn.button - - $.fn.button = function (option) { - return this.each(function () { - var $this = $(this) - var data = $this.data('button') - var options = typeof option == 'object' && option - - if (!data) $this.data('bs-button', (data = new Button(this, options))) - - if (option == 'toggle') data.toggle() - else if (option) data.setState(option) - }) - } - - $.fn.button.Constructor = Button - - - // BUTTON NO CONFLICT - // ================== - - $.fn.button.noConflict = function () { - $.fn.button = old - return this - } - - - // BUTTON DATA-API - // =============== - - $(document).on('click.bs-button.bs-data-api', '[data-toggle^=button]', function (e) { - var $btn = $(e.target) - if (!$btn.hasClass('btn')) $btn = $btn.closest('.btn') - $btn.button('toggle') - }) - -}(window.jQuery); diff --git a/docs/assets/js/carousel.js b/docs/assets/js/carousel.js deleted file mode 100644 index 782f06a07..000000000 --- a/docs/assets/js/carousel.js +++ /dev/null @@ -1,203 +0,0 @@ -/* ========================================================== - * Bootstrap: carousel.js v3.0.0 - * http://twitter.github.com/bootstrap/javascript.html#carousel - * ========================================================== - * Copyright 2012 Twitter, Inc. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - * ========================================================== */ - - -!function ($) { "use strict"; - - // CAROUSEL CLASS DEFINITION - // ========================= - - var Carousel = function (element, options) { - this.$element = $(element) - this.$indicators = this.$element.find('.carousel-indicators') - this.options = options - this.paused = - this.sliding = - this.interval = - this.$active = - this.$items = null - - this.options.pause == 'hover' && this.$element - .on('mouseenter', $.proxy(this.pause, this)) - .on('mouseleave', $.proxy(this.cycle, this)) - } - - Carousel.DEFAULTS = { - interval: 5000 - , pause: 'hover' - } - - Carousel.prototype.cycle = function (e) { - e || (this.paused = false) - - this.interval && clearInterval(this.interval) - - this.options.interval - && !this.paused - && (this.interval = setInterval($.proxy(this.next, this), this.options.interval)) - - return this - } - - Carousel.prototype.getActiveIndex = function () { - this.$active = this.$element.find('.item.active') - this.$items = this.$active.parent().children() - - return this.$items.index(this.$active) - } - - Carousel.prototype.to = function (pos) { - var that = this - var activeIndex = this.getActiveIndex() - - if (pos > (this.$items.length - 1) || pos < 0) return - - if (this.sliding) return this.$element.one('slid', function () { that.to(pos) }) - if (activeIndex == pos) return this.pause().cycle() - - return this.slide(pos > activeIndex ? 'next' : 'prev', $(this.$items[pos])) - } - - Carousel.prototype.pause = function (e) { - e || (this.paused = true) - - if (this.$element.find('.next, .prev').length && $.support.transition.end) { - this.$element.trigger($.support.transition.end) - this.cycle(true) - } - - this.interval = clearInterval(this.interval) - - return this - } - - Carousel.prototype.next = function () { - if (this.sliding) return - return this.slide('next') - } - - Carousel.prototype.prev = function () { - if (this.sliding) return - return this.slide('prev') - } - - Carousel.prototype.slide = function (type, next) { - var $active = this.$element.find('.item.active') - var $next = next || $active[type]() - var isCycling = this.interval - var direction = type == 'next' ? 'left' : 'right' - var fallback = type == 'next' ? 'first' : 'last' - var that = this - - this.sliding = true - - isCycling && this.pause() - - $next = $next.length ? $next : this.$element.find('.item')[fallback]() - - var e = $.Event('bs:carousel:slide', { relatedTarget: $next[0], direction: direction }) - - if ($next.hasClass('active')) return - - if (this.$indicators.length) { - this.$indicators.find('.active').removeClass('active') - this.$element.one('slid', function () { - var $nextIndicator = $(that.$indicators.children()[that.getActiveIndex()]) - $nextIndicator && $nextIndicator.addClass('active') - }) - } - - if ($.support.transition && this.$element.hasClass('slide')) { - this.$element.trigger(e) - if (e.isDefaultPrevented()) return - $next.addClass(type) - $next[0].offsetWidth // force reflow - $active.addClass(direction) - $next.addClass(direction) - this.$element.one($.support.transition.end, function () { - $next.removeClass([type, direction].join(' ')).addClass('active') - $active.removeClass(['active', direction].join(' ')) - that.sliding = false - setTimeout(function () { that.$element.trigger('slid') }, 0) - }) - } else { - this.$element.trigger(e) - if (e.isDefaultPrevented()) return - $active.removeClass('active') - $next.addClass('active') - this.sliding = false - this.$element.trigger('slid') - } - - isCycling && this.cycle() - - return this - } - - - // CAROUSEL PLUGIN DEFINITION - // ========================== - - var old = $.fn.carousel - - $.fn.carousel = function (option) { - return this.each(function () { - var $this = $(this) - var data = $this.data('bs-carousel') - var options = $.extend({}, Carousel.DEFAULTS, typeof option == 'object' && option) - var action = typeof option == 'string' ? option : options.slide - - if (!data) $this.data('bs-carousel', (data = new Carousel(this, options))) - if (typeof option == 'number') data.to(option) - else if (action) data[action]() - else if (options.interval) data.pause().cycle() - }) - } - - $.fn.carousel.Constructor = Carousel - - - // CAROUSEL NO CONFLICT - // ==================== - - $.fn.carousel.noConflict = function () { - $.fn.carousel = old - return this - } - - - // CAROUSEL DATA-API - // ================= - - $(document).on('click.carousel.data-api', '[data-slide], [data-slide-to]', function (e) { - var $this = $(this), href - var $target = $($this.attr('data-target') || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7 - var options = $.extend({}, $target.data(), $this.data()) - var slideIndex - - $target.carousel(options) - - if (slideIndex = $this.attr('data-slide-to')) { - $target.data('bs-carousel').pause().to(slideIndex).cycle() - } - - e.preventDefault() - }) - -}(window.jQuery); diff --git a/docs/assets/js/collapse.js b/docs/assets/js/collapse.js deleted file mode 100644 index 95c91c299..000000000 --- a/docs/assets/js/collapse.js +++ /dev/null @@ -1,153 +0,0 @@ -/* ============================================================= - * Bootstrap: collapse.js v3.0.0 - * http://twitter.github.com/bootstrap/javascript.html#collapse - * ============================================================= - * Copyright 2012 Twitter, Inc. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - * ============================================================ */ - - -!function ($) { "use strict"; - - // COLLAPSE PUBLIC CLASS DEFINITION - // ================================ - - var Collapse = function (element, options) { - this.$element = $(element) - this.options = $.extend({}, Collapse.DEFAULTS, options) - this.transitioning = null - - if (this.options.parent) this.$parent = $(this.options.parent) - if (this.options.toggle) this.toggle() - } - - Collapse.DEFAULTS = { - toggle: true - } - - Collapse.prototype.dimension = function () { - var hasWidth = this.$element.hasClass('width') - return hasWidth ? 'width' : 'height' - } - - Collapse.prototype.show = function () { - if (this.transitioning || this.$element.hasClass('in')) return - - var dimension = this.dimension() - var scroll = $.camelCase(['scroll', dimension].join('-')) - var actives = this.$parent && this.$parent.find('> .accordion-group > .in') - - if (actives && actives.length) { - var hasData = actives.data('collapse') - if (hasData && hasData.transitioning) return - actives.collapse('hide') - hasData || actives.data('collapse', null) - } - - this.$element[dimension](0) - this.transition('addClass', $.Event('bs:collapse:show'), 'bs:collapse:shown') - - if ($.support.transition) this.$element[dimension](this.$element[0][scroll]) - } - - Collapse.prototype.hide = function () { - if (this.transitioning || !this.$element.hasClass('in')) return - var dimension = this.dimension() - this.reset(this.$element[dimension]()) - this.transition('removeClass', $.Event('bs:collapse:hide'), 'hidden') - this.$element[dimension](0) - } - - Collapse.prototype.reset = function (size) { - var dimension = this.dimension() - - this.$element - .removeClass('collapse') - [dimension](size || 'auto') - [0].offsetWidth - - this.$element[size !== null ? 'addClass' : 'removeClass']('collapse') - - return this - } - - Collapse.prototype.transition = function (method, startEvent, completeEvent) { - var that = this - var complete = function () { - if (startEvent.type == 'bs:collapse:show') that.reset() - that.transitioning = 0 - that.$element.trigger(completeEvent) - } - - this.$element.trigger(startEvent) - - if (startEvent.isDefaultPrevented()) return - - this.transitioning = 1 - - this.$element[method]('in') - - $.support.transition && this.$element.hasClass('collapse') ? - this.$element.one($.support.transition.end, complete) : - complete() - } - - Collapse.prototype.toggle = function () { - this[this.$element.hasClass('in') ? 'hide' : 'show']() - } - - - // COLLAPSE PLUGIN DEFINITION - // ========================== - - var old = $.fn.collapse - - $.fn.collapse = function (option) { - return this.each(function () { - var $this = $(this) - var data = $this.data('collapse') - var options = $.extend({}, Collapse.DEFAULTS, $this.data(), typeof option == 'object' && option) - - if (!data) $this.data('collapse', (data = new Collapse(this, options))) - if (typeof option == 'string') data[option]() - }) - } - - $.fn.collapse.Constructor = Collapse - - - // COLLAPSE NO CONFLICT - // ==================== - - $.fn.collapse.noConflict = function () { - $.fn.collapse = old - return this - } - - - // COLLAPSE DATA-API - // ================= - - $(document).on('click.collapse.data-api', '[data-toggle=collapse]', function (e) { - var $this = $(this), href - var target = $this.attr('data-target') - || e.preventDefault() - || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '') //strip for ie7 - var option = $(target).data('collapse') ? 'toggle' : $this.data() - - $this[$(target).hasClass('in') ? 'addClass' : 'removeClass']('collapsed') - $(target).collapse(option) - }) - -}(window.jQuery); diff --git a/docs/assets/js/dropdown.js b/docs/assets/js/dropdown.js deleted file mode 100644 index d9acdd2e8..000000000 --- a/docs/assets/js/dropdown.js +++ /dev/null @@ -1,145 +0,0 @@ -/* ============================================================ - * Bootstrap: dropdown.js v3.0.0 - * http://twitter.github.com/bootstrap/javascript.html#dropdowns - * ============================================================ - * Copyright 2012 Twitter, Inc. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - * ============================================================ */ - - -!function ($) { "use strict"; - - // DROPDOWN CLASS DEFINITION - // ========================= - - var backdrop = '.dropdown-backdrop' - var toggle = '[data-toggle=dropdown]' - var Dropdown = function (element) { - var $el = $(element).on('click.dropdown.data-api', this.toggle) - $('html').on('click.dropdown.data-api', function () { - $el.parent().removeClass('open') - }) - } - - Dropdown.prototype.toggle = function (e) { - var $this = $(this) - - if ($this.is('.disabled, :disabled')) return - - var $parent = getParent($this) - var isActive = $parent.hasClass('open') - - clearMenus() - - if (!isActive) { - if ('ontouchstart' in document.documentElement) { - // if mobile we we use a backdrop because click events don't delegate - $('
                    ').insertBefore($(this)).on('click', clearMenus) - } - $parent.toggleClass('open') - } - - $this.focus() - - return false - } - - Dropdown.prototype.keydown = function (e) { - if (!/(38|40|27)/.test(e.keyCode)) return - - var $this = $(this) - - e.preventDefault() - e.stopPropagation() - - if ($this.is('.disabled, :disabled')) return - - var $parent = getParent($this) - var isActive = $parent.hasClass('open') - - if (!isActive || (isActive && e.keyCode == 27)) { - if (e.which == 27) $parent.find(toggle).focus() - return $this.click() - } - - var $items = $('[role=menu] li:not(.divider):visible a', $parent) - - if (!$items.length) return - - var index = $items.index($items.filter(':focus')) - - if (e.keyCode == 38 && index > 0) index-- // up - if (e.keyCode == 40 && index < $items.length - 1) index++ // down - if (!~index) index=0 - - $items.eq(index).focus() - } - - function clearMenus() { - $(backdrop).remove() - $(toggle).each(function () { getParent($(this)).removeClass('open') }) - } - - function getParent($this) { - var selector = $this.attr('data-target') - - if (!selector) { - selector = $this.attr('href') - selector = selector && /#/.test(selector) && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7 - } - - var $parent = selector && $(selector) - - return $parent && $parent.length ? $parent : $this.parent() - } - - - // DROPDOWN PLUGIN DEFINITION - // ========================== - - var old = $.fn.dropdown - - $.fn.dropdown = function (option) { - return this.each(function () { - var $this = $(this) - var data = $this.data('dropdown') - - if (!data) $this.data('dropdown', (data = new Dropdown(this))) - if (typeof option == 'string') data[option].call($this) - }) - } - - $.fn.dropdown.Constructor = Dropdown - - - // DROPDOWN NO CONFLICT - // ==================== - - $.fn.dropdown.noConflict = function () { - $.fn.dropdown = old - return this - } - - - // APPLY TO STANDARD DROPDOWN ELEMENTS - // =================================== - - - $(document) - .on('click.dropdown.data-api', clearMenus) - .on('click.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() }) - .on('click.dropdown.data-api' , toggle, Dropdown.prototype.toggle) - .on('keydown.dropdown.data-api', toggle + ', [role=menu]' , Dropdown.prototype.keydown) - -}(window.jQuery); diff --git a/docs/assets/js/modal.js b/docs/assets/js/modal.js deleted file mode 100644 index f58f2000e..000000000 --- a/docs/assets/js/modal.js +++ /dev/null @@ -1,242 +0,0 @@ -/* ========================================================= - * Bootstrap: modal.js v3.0.0 - * http://twitter.github.com/bootstrap/javascript.html#modals - * ========================================================= - * Copyright 2012 Twitter, Inc. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - * ========================================================= */ - - -!function ($) { "use strict"; - - // MODAL CLASS DEFINITION - // ====================== - - var Modal = function (element, options) { - this.options = options - this.$element = $(element).delegate('[data-dismiss="modal"]', 'click.dismiss.modal', $.proxy(this.hide, this)) - this.$backdrop = - this.isShown = null - - if (this.options.remote) this.$element.find('.modal-body').load(this.options.remote) - } - - Modal.DEFAULTS = { - backdrop: true - , keyboard: true - , show: true - } - - Modal.prototype.toggle = function () { - return this[!this.isShown ? 'show' : 'hide']() - } - - Modal.prototype.show = function () { - var that = this - var e = $.Event('bs:modal:show') - - this.$element.trigger(e) - - if (this.isShown || e.isDefaultPrevented()) return - - this.isShown = true - - this.escape() - - this.backdrop(function () { - var transition = $.support.transition && that.$element.hasClass('fade') - - if (!that.$element.parent().length) { - that.$element.appendTo(document.body) //don't move modals dom position - } - - that.$element.show() - - if (transition) { - that.$element[0].offsetWidth // force reflow - } - - that.$element - .addClass('in') - .attr('aria-hidden', false) - - that.enforceFocus() - - transition ? - that.$element.one($.support.transition.end, function () { that.$element.focus().trigger('bs:modal:shown') }) : - that.$element.focus().trigger('bs:modal:shown') - - }) - } - - Modal.prototype.hide = function (e) { - if (e) e.preventDefault() - - e = $.Event('bs:modal:hide') - - this.$element.trigger(e) - - if (!this.isShown || e.isDefaultPrevented()) return - - this.isShown = false - - this.escape() - - $(document).off('focusin.modal') - - this.$element - .removeClass('in') - .attr('aria-hidden', true) - - $.support.transition && this.$element.hasClass('fade') ? - this.hideWithTransition() : - this.hideModal() - } - - Modal.prototype.enforceFocus = function () { - $(document).on('focusin.modal', function (e) { - if (this.$element[0] !== e.target && !this.$element.has(e.target).length) { - this.$element.focus() - } - }, this) - } - - Modal.prototype.escape = function () { - if (this.isShown && this.options.keyboard) { - this.$element.on('keyup.dismiss.modal', function ( e ) { - e.which == 27 && this.hide() - }, this) - } else if (!this.isShown) { - this.$element.off('keyup.dismiss.modal') - } - } - - Modal.prototype.hideWithTransition = function () { - var that = this - var timeout = setTimeout(function () { - that.$element.off($.support.transition.end) - that.hideModal() - }, 500) - - this.$element.one($.support.transition.end, function () { - clearTimeout(timeout) - that.hideModal() - }) - } - - Modal.prototype.hideModal = function () { - var that = this - this.$element.hide() - this.backdrop(function () { - that.removeBackdrop() - that.$element.trigger('bs:modal:hidden') - }) - } - - Modal.prototype.removeBackdrop = function () { - this.$backdrop && this.$backdrop.remove() - this.$backdrop = null - } - - Modal.prototype.backdrop = function (callback) { - var that = this - var animate = this.$element.hasClass('fade') ? 'fade' : '' - - if (this.isShown && this.options.backdrop) { - var doAnimate = $.support.transition && animate - - this.$backdrop = $('
                    ') - .appendTo(document.body) - - this.$backdrop.click( - this.options.backdrop == 'static' ? - $.proxy(this.$element[0].focus, this.$element[0]) - : $.proxy(this.hide, this) - ) - - if (doAnimate) this.$backdrop[0].offsetWidth // force reflow - - this.$backdrop.addClass('in') - - if (!callback) return - - doAnimate ? - this.$backdrop.one($.support.transition.end, callback) : - callback() - - } else if (!this.isShown && this.$backdrop) { - this.$backdrop.removeClass('in') - - $.support.transition && this.$element.hasClass('fade')? - this.$backdrop.one($.support.transition.end, callback) : - callback() - - } else if (callback) { - callback() - } - } - - - // MODAL PLUGIN DEFINITION - // ======================= - - var old = $.fn.modal - - $.fn.modal = function (option) { - return this.each(function () { - var $this = $(this) - var data = $this.data('bs-modal') - var options = $.extend({}, Modal.DEFAULTS, $this.data(), typeof option == 'object' && option) - - if (!data) $this.data('bs-modal', (data = new Modal(this, options))) - if (typeof option == 'string') data[option]() - else if (options.show) data.show() - }) - } - - $.fn.modal.Constructor = Modal - - - // MODAL NO CONFLICT - // ================= - - $.fn.modal.noConflict = function () { - $.fn.modal = old - return this - } - - - // MODAL DATA-API - // ============== - - $(document).on('click.modal.data-api', '[data-toggle="modal"]', function (e) { - var $this = $(this) - var href = $this.attr('href') - var $target = $($this.attr('data-target') || (href && href.replace(/.*(?=#[^\s]+$)/, ''))) //strip for ie7 - var option = $target.data('modal') ? 'toggle' : $.extend({ remote:!/#/.test(href) && href }, $target.data(), $this.data()) - - e.preventDefault() - - $target - .modal(option) - .one('hide', function () { - $this.focus() - }) - }) - - var $body = $(document.body) - .on('bs:modal:shown', '.modal', function () { $body.addClass('modal-open') }) - .on('bs:modal:hidden', '.modal', function () { $body.removeClass('modal-open') }) - -}(window.jQuery); diff --git a/docs/assets/js/popover.js b/docs/assets/js/popover.js deleted file mode 100644 index 20bbaf1a4..000000000 --- a/docs/assets/js/popover.js +++ /dev/null @@ -1,109 +0,0 @@ -/* =========================================================== - * Bootstrap: popover.js v3.0.0 - * http://twitter.github.com/bootstrap/javascript.html#popovers - * =========================================================== - * Copyright 2012 Twitter, Inc. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - * =========================================================== */ - - -!function ($) { "use strict"; - - // POPOVER PUBLIC CLASS DEFINITION - // =============================== - - var Popover = function (element, options) { - this.init('popover', element, options) - } - - Popover.DEFAULTS = $.extend({} , $.fn.tooltip.Constructor.DEFAULTS, { - placement: 'right' - , trigger: 'click' - , content: '' - , template: '

                    ' - }) - - - // NOTE: POPOVER EXTENDS tooltip.js - // ================================ - - Popover.prototype = $.extend({}, $.fn.tooltip.Constructor.prototype) - - Popover.prototype.constructor = Popover - - Popover.prototype.getDefaults = function () { - return Popover.DEFAULTS - } - - Popover.prototype.setContent = function () { - var $tip = this.tip() - var title = this.getTitle() - var content = this.getContent() - - $tip.find('.popover-title')[this.options.html ? 'html' : 'text'](title) - $tip.find('.popover-content')[this.options.html ? 'html' : 'text'](content) - - $tip.removeClass('fade top bottom left right in') - } - - Popover.prototype.hasContent = function () { - return this.getTitle() || this.getContent() - } - - Popover.prototype.getContent = function () { - var content = typeof this.options.content == 'function' ? - this.options.content.call(this.$element[0]) : - this.options.content - - return content || this.$element.attr('data-content') - } - - Popover.prototype.tip = function () { - if (!this.$tip) this.$tip = $(this.options.template) - return this.$tip - } - - Popover.prototype.destroy = function () { - this.hide().$element.off('.' + this.type).removeData(this.type) - } - - - // POPOVER PLUGIN DEFINITION - // ========================= - - var old = $.fn.popover - - $.fn.popover = function (option) { - return this.each(function () { - var $this = $(this) - var data = $this.data('bs-popover') - var options = typeof option == 'object' && option - - if (!data) $this.data('bs-popover', (data = new Popover(this, options))) - if (typeof option == 'string') data[option]() - }) - } - - $.fn.popover.Constructor = Popover - - - // POPOVER NO CONFLICT - // =================== - - $.fn.popover.noConflict = function () { - $.fn.popover = old - return this - } - -}(window.jQuery); diff --git a/docs/assets/js/scrollspy.js b/docs/assets/js/scrollspy.js deleted file mode 100644 index cb257b2ca..000000000 --- a/docs/assets/js/scrollspy.js +++ /dev/null @@ -1,156 +0,0 @@ -/* ============================================================= - * Bootstrap: scrollspy.js v3.0.0 - * http://twitter.github.com/bootstrap/javascript.html#scrollspy - * ============================================================= - * Copyright 2012 Twitter, Inc. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - * ============================================================== */ - - -!function ($) { "use strict"; - - // SCROLLSPY CLASS DEFINITION - // ========================== - - function ScrollSpy(element, options) { - var href - var process = $.proxy(this.process, this) - var $element = $(element).is('body') ? $(window) : $(element) - - this.$body = $('body') - this.$scrollElement = $element.on('scroll.scroll-spy.data-api', process) - this.options = $.extend({}, ScrollSpy.DEFAULTS, options) - this.selector = (this.options.target - || ((href = $(element).attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7 - || '') + ' .nav li > a' - this.offsets = $([]) - this.targets = $([]) - this.activeTarget = null - - this.refresh() - this.process() - } - - ScrollSpy.DEFAULTS = { - offset: 10 - } - - ScrollSpy.prototype.refresh = function () { - this.offsets = $([]) - this.targets = $([]) - - var self = this - var $targets = this.$body - .find(this.selector) - .map(function () { - var $el = $(this) - var href = $el.data('target') || $el.attr('href') - var $href = /^#\w/.test(href) && $(href) - - return ($href - && $href.length - && [[ $href.position().top + (!$.isWindow(self.$scrollElement.get(0)) && self.$scrollElement.scrollTop()), href ]]) || null - }) - .sort(function (a, b) { return a[0] - b[0] }) - .each(function () { - self.offsets.push(this[0]) - self.targets.push(this[1]) - }) - } - - ScrollSpy.prototype.process = function () { - var scrollTop = this.$scrollElement.scrollTop() + this.options.offset - var scrollHeight = this.$scrollElement[0].scrollHeight || this.$body[0].scrollHeight - var maxScroll = scrollHeight - this.$scrollElement.height() - var offsets = this.offsets - var targets = this.targets - var activeTarget = this.activeTarget - var i - - if (scrollTop >= maxScroll) { - return activeTarget != (i = targets.last()[0]) && this.activate(i) - } - - for (i = offsets.length; i--;) { - activeTarget != targets[i] - && scrollTop >= offsets[i] - && (!offsets[i + 1] || scrollTop <= offsets[i + 1]) - && this.activate( targets[i] ) - } - } - - ScrollSpy.prototype.activate = function (target) { - this.activeTarget = target - - $(this.selector) - .parents('.active') - .removeClass('active') - - var selector = this.selector - + '[data-target="' + target + '"],' - + this.selector + '[href="' + target + '"]' - - var active = $(selector) - .parents('li') - .addClass('active') - - if (active.parent('.dropdown-menu').length) { - active = active - .closest('li.dropdown') - .addClass('active') - } - - active.trigger('activate') - } - - - // SCROLLSPY PLUGIN DEFINITION - // =========================== - - var old = $.fn.scrollspy - - $.fn.scrollspy = function (option) { - return this.each(function () { - var $this = $(this) - var data = $this.data('bs-scrollspy') - var options = typeof option == 'object' && option - - if (!data) $this.data('bs-scrollspy', (data = new ScrollSpy(this, options))) - if (typeof option == 'string') data[option]() - }) - } - - $.fn.scrollspy.Constructor = ScrollSpy - - - // SCROLLSPY NO CONFLICT - // ===================== - - $.fn.scrollspy.noConflict = function () { - $.fn.scrollspy = old - return this - } - - - // SCROLLSPY DATA-API - // ================== - - $(window).on('load', function () { - $('[data-spy="scroll"]').each(function () { - var $spy = $(this) - $spy.scrollspy($spy.data()) - }) - }) - -}(window.jQuery); diff --git a/docs/assets/js/tab.js b/docs/assets/js/tab.js deleted file mode 100644 index 80d6f2618..000000000 --- a/docs/assets/js/tab.js +++ /dev/null @@ -1,133 +0,0 @@ -/* ======================================================== - * Bootstrap: tab.js v3.0.0 - * http://twitter.github.com/bootstrap/javascript.html#tabs - * ======================================================== - * Copyright 2012 Twitter, Inc. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - * ======================================================== */ - - -!function ($) { "use strict"; - - // TAB CLASS DEFINITION - // ==================== - - var Tab = function (element) { - this.element = $(element) - } - - Tab.prototype.show = function () { - var $this = this.element - var $ul = $this.closest('ul:not(.dropdown-menu)') - var selector = $this.attr('data-target') - - if (!selector) { - selector = $this.attr('href') - selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7 - } - - if ($this.parent('li').hasClass('active')) return - - var previous = $ul.find('.active:last a')[0] - var e = $.Event('bs:tab:show', { - relatedTarget: previous - }) - - $this.trigger(e) - - if (e.isDefaultPrevented()) return - - var $target = $(selector) - - this.activate($this.parent('li'), $ul) - this.activate($target, $target.parent(), function () { - $this.trigger({ - type: 'bs:tab:shown' - , relatedTarget: previous - }) - }) - } - - Tab.prototype.activate = function (element, container, callback) { - var $active = container.find('> .active') - var transition = callback - && $.support.transition - && $active.hasClass('fade') - - function next() { - $active - .removeClass('active') - .find('> .dropdown-menu > .active') - .removeClass('active') - - element.addClass('active') - - if (transition) { - element[0].offsetWidth // reflow for transition - element.addClass('in') - } else { - element.removeClass('fade') - } - - if (element.parent('.dropdown-menu')) { - element.closest('li.dropdown').addClass('active') - } - - callback && callback() - } - - transition ? - $active.one($.support.transition.end, next) : - next() - - $active.removeClass('in') - } - - - // TAB PLUGIN DEFINITION - // ===================== - - var old = $.fn.tab - - $.fn.tab = function ( option ) { - return this.each(function () { - var $this = $(this) - var data = $this.data('bs-tab') - - if (!data) $this.data('bs-tab', (data = new Tab(this))) - if (typeof option == 'string') data[option]() - }) - } - - $.fn.tab.Constructor = Tab - - - // TAB NO CONFLICT - // =============== - - $.fn.tab.noConflict = function () { - $.fn.tab = old - return this - } - - - // TAB DATA-API - // ============ - - $(document).on('click.tab.data-api', '[data-toggle="tab"], [data-toggle="pill"]', function (e) { - e.preventDefault() - $(this).tab('show') - }) - -}(window.jQuery); diff --git a/docs/assets/js/tooltip.js b/docs/assets/js/tooltip.js deleted file mode 100644 index a40d242fc..000000000 --- a/docs/assets/js/tooltip.js +++ /dev/null @@ -1,353 +0,0 @@ -/* =========================================================== - * Bootstrap: tooltip.js v3.0.0 - * http://twitter.github.com/bootstrap/javascript.html#tooltips - * Inspired by the original jQuery.tipsy by Jason Frame - * =========================================================== - * Copyright 2012 Twitter, Inc. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - * ========================================================== */ - - -!function ($) { "use strict"; - - // TOOLTIP PUBLIC CLASS DEFINITION - // =============================== - - var Tooltip = function (element, options) { - this.type = - this.options = - this.enabled = - this.timeout = - this.hoverState = - this.$element = null - - this.init('tooltip', element, options) - } - - Tooltip.DEFAULTS = { - animation: true - , placement: 'top' - , selector: false - , template: '
                    ' - , trigger: 'hover focus' - , title: '' - , delay: 0 - , html: false - , container: false - } - - Tooltip.prototype.init = function (type, element, options) { - this.enabled = true - this.type = type - this.$element = $(element) - this.options = this.getOptions(options) - - var triggers = this.options.trigger.split(' ') - - for (var i = triggers.length; i--;) { - var trigger = triggers[i] - - if (trigger == 'click') { - this.$element.on('click.' + this.type, this.options.selector, $.proxy(this.toggle, this)) - } else if (trigger != 'manual') { - var eventIn = trigger == 'hover' ? 'mouseenter' : 'focus' - var eventOut = trigger == 'hover' ? 'mouseleave' : 'blur' - - this.$element.on(eventIn + '.' + this.type, this.options.selector, $.proxy(this.enter, this)) - this.$element.on(eventOut + '.' + this.type, this.options.selector, $.proxy(this.leave, this)) - } - } - - this.options.selector ? - (this._options = $.extend({}, this.options, { trigger: 'manual', selector: '' })) : - this.fixTitle() - } - - Tooltip.prototype.getDefaults = function () { - return Tooltip.DEFAULTS - } - - Tooltip.prototype.getOptions = function (options) { - options = $.extend({}, this.getDefaults(), this.$element.data(), options) - - if (options.delay && typeof options.delay == 'number') { - options.delay = { - show: options.delay - , hide: options.delay - } - } - - return options - } - - Tooltip.prototype.enter = function (e) { - var defaults = $.fn[this.type].defaults - var options = {} - - this._options && $.each(this._options, function (key, value) { - if (defaults[key] != value) options[key] = value - }, this) - - var self = $(e.currentTarget)[this.type](options).data('bs-' + this.type) - - if (!self.options.delay || !self.options.delay.show) return self.show() - - clearTimeout(this.timeout) - - self.hoverState = 'in' - this.timeout = setTimeout(function() { - if (self.hoverState == 'in') self.show() - }, self.options.delay.show) - } - - Tooltip.prototype.leave = function (e) { - var self = $(e.currentTarget)[this.type](this._options).data('bs-' + this.type) - - if (this.timeout) clearTimeout(this.timeout) - if (!self.options.delay || !self.options.delay.hide) return self.hide() - - self.hoverState = 'out' - this.timeout = setTimeout(function() { - if (self.hoverState == 'out') self.hide() - }, self.options.delay.hide) - } - - Tooltip.prototype.show = function () { - var e = $.Event('bs:'+ this.type + ':show') - - if (this.hasContent() && this.enabled) { - this.$element.trigger(e) - - if (e.isDefaultPrevented()) return - - var $tip = this.tip() - - this.setContent() - - if (this.options.animation) $tip.addClass('fade') - - var placement = typeof this.options.placement == 'function' ? - this.options.placement.call(this, $tip[0], this.$element[0]) : - this.options.placement - - $tip - .detach() - .css({ top: 0, left: 0, display: 'block' }) - - this.options.container ? $tip.appendTo(this.options.container) : $tip.insertAfter(this.$element) - - var tp - var pos = this.getPosition() - var actualWidth = $tip[0].offsetWidth - var actualHeight = $tip[0].offsetHeight - - switch (placement) { - case 'bottom': - tp = {top: pos.top + pos.height, left: pos.left + pos.width / 2 - actualWidth / 2} - break - case 'top': - tp = {top: pos.top - actualHeight, left: pos.left + pos.width / 2 - actualWidth / 2} - break - case 'left': - tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth} - break - case 'right': - tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width} - break - } - - this.applyPlacement(tp, placement) - this.$element.trigger('bs:' + this.type + ':shown') - } - } - - Tooltip.prototype.applyPlacement = function(offset, placement) { - var replace - var $tip = this.tip() - var width = $tip[0].offsetWidth - var height = $tip[0].offsetHeight - - $tip - .offset(offset) - .addClass(placement) - .addClass('in') - - var actualWidth = $tip[0].offsetWidth - var actualHeight = $tip[0].offsetHeight - - if (placement == 'top' && actualHeight != height) { - replace = true - offset.top = offset.top + height - actualHeight - } - - if (placement == 'bottom' || placement == 'top') { - var delta = 0 - - if (offset.left < 0){ - delta = offset.left * -2 - offset.left = 0 - - $tip.offset(offset) - - actualWidth = $tip[0].offsetWidth - actualHeight = $tip[0].offsetHeight - } - - this.replaceArrow(delta - width + actualWidth, actualWidth, 'left') - } else { - this.replaceArrow(actualHeight - height, actualHeight, 'top') - } - - if (replace) $tip.offset(offset) - } - - Tooltip.prototype.replaceArrow = function(delta, dimension, position) { - this.arrow().css(position, delta ? (50 * (1 - delta / dimension) + "%") : '') - } - - Tooltip.prototype.setContent = function () { - var $tip = this.tip() - var title = this.getTitle() - - $tip.find('.tooltip-inner')[this.options.html ? 'html' : 'text'](title) - $tip.removeClass('fade in top bottom left right') - } - - Tooltip.prototype.hide = function () { - var that = this - var $tip = this.tip() - var e = $.Event('bs:' + this.type + ':hide') - - this.$element.trigger(e) - - if (e.isDefaultPrevented()) return - - $tip.removeClass('in') - - function removeWithAnimation() { - var timeout = setTimeout(function () { - $tip.off($.support.transition.end).detach() - }, 500) - - $tip.one($.support.transition.end, function () { - clearTimeout(timeout) - $tip.detach() - }) - } - - $.support.transition && this.$tip.hasClass('fade') ? - removeWithAnimation() : - $tip.detach() - - this.$element.trigger('bs:' + this.type + ':hidden') - - return this - } - - Tooltip.prototype.fixTitle = function () { - var $e = this.$element - if ($e.attr('title') || typeof($e.attr('data-original-title')) != 'string') { - $e.attr('data-original-title', $e.attr('title') || '').attr('title', '') - } - } - - Tooltip.prototype.hasContent = function () { - return this.getTitle() - } - - Tooltip.prototype.getPosition = function () { - var el = this.$element[0] - return $.extend({}, (typeof el.getBoundingClientRect == 'function') ? el.getBoundingClientRect() : { - width: el.offsetWidth - , height: el.offsetHeight - }, this.$element.offset()) - } - - Tooltip.prototype.getTitle = function () { - var title - var $e = this.$element - var o = this.options - - title = $e.attr('data-original-title') - || (typeof o.title == 'function' ? o.title.call($e[0]) : o.title) - - return title - } - - Tooltip.prototype.tip = function () { - return this.$tip = this.$tip || $(this.options.template) - } - - Tooltip.prototype.arrow =function(){ - return this.$arrow = this.$arrow || this.tip().find(".tooltip-arrow") - } - - Tooltip.prototype.validate = function () { - if (!this.$element[0].parentNode) { - this.hide() - this.$element = null - this.options = null - } - } - - Tooltip.prototype.enable = function () { - this.enabled = true - } - - Tooltip.prototype.disable = function () { - this.enabled = false - } - - Tooltip.prototype.toggleEnabled = function () { - this.enabled = !this.enabled - } - - Tooltip.prototype.toggle = function (e) { - var self = e ? $(e.currentTarget)[this.type](this._options).data('bs-' + this.type) : this - self.tip().hasClass('in') ? self.hide() : self.show() - } - - Tooltip.prototype.destroy = function () { - this.hide().$element.off('.' + this.type).removeData('bs-' + this.type) - } - - - // TOOLTIP PLUGIN DEFINITION - // ========================= - - var old = $.fn.tooltip - - $.fn.tooltip = function (option) { - return this.each(function () { - var $this = $(this) - var data = $this.data('bs-tooltip') - var options = typeof option == 'object' && option - - if (!data) $this.data('bs-tooltip', (data = new Tooltip(this, options))) - if (typeof option == 'string') data[option]() - }) - } - - $.fn.tooltip.Constructor = Tooltip - - - // TOOLTIP NO CONFLICT - // =================== - - $.fn.tooltip.noConflict = function () { - $.fn.tooltip = old - return this - } - -}(window.jQuery); diff --git a/docs/assets/js/transition.js b/docs/assets/js/transition.js deleted file mode 100644 index 11f20e9b2..000000000 --- a/docs/assets/js/transition.js +++ /dev/null @@ -1,47 +0,0 @@ -/* =================================================== - * Bootstrap: transition.js v3.0.0 - * http://twitter.github.com/bootstrap/javascript.html#transitions - * =================================================== - * Copyright 2013 Twitter, Inc. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - * ========================================================== */ - - -!function ($) { "use strict"; - - // CSS TRANSITION SUPPORT (Shoutout: http://www.modernizr.com/) - // ============================================================ - - function transitionEnd() { - var el = document.createElement('bootstrap') - - var transEndEventNames = { - 'WebkitTransition' : 'webkitTransitionEnd' - , 'MozTransition' : 'transitionend' - , 'OTransition' : 'oTransitionEnd otransitionend' - , 'transition' : 'transitionend' - } - - for (var name in transEndEventNames) { - if (el.style[name] !== undefined) { - return { end: transEndEventNames[name] } - } - } - } - - $(function () { - $.support.transition = transitionEnd() - }) - -}(window.jQuery); -- cgit v1.2.3 From 94dec1bbd2e12eb6ef1c8b4f277041a8acbb278e Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 16 May 2013 18:37:00 -0700 Subject: Update readme link to Bower per #7790 --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index b76a8da23..cc7011ea5 100644 --- a/README.md +++ b/README.md @@ -12,7 +12,7 @@ Three quick start options are available: * [Download the latest release](https://github.com/twitter/bootstrap/zipball/master). * Clone the repo: `git clone git://github.com/twitter/bootstrap.git`. -* Install with Twitter's [Bower](http://github.com/bower/bower): `bower install bootstrap`. +* Install with Twitter's [Bower](http://bower.io): `bower install bootstrap`. Read the [Getting Started page](http://getbootstrap.com/getting-started/) for information on the framework contents, basic template guidelines, and more. -- cgit v1.2.3 From d2b588b10eafc8b1d36ff23cf59f0f46d5f5e31e Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 16 May 2013 18:38:09 -0700 Subject: nuke unfinished readme section --- README.md | 9 --------- 1 file changed, 9 deletions(-) diff --git a/README.md b/README.md index cc7011ea5..35e9295eb 100644 --- a/README.md +++ b/README.md @@ -17,15 +17,6 @@ Three quick start options are available: Read the [Getting Started page](http://getbootstrap.com/getting-started/) for information on the framework contents, basic template guidelines, and more. -## Bootstrap elsewhere - -Beyond getting started with the Bootstrap core, there are ways to use Bootstrap in other tools and services: - -* [Roots WordPress theme](https://github.com/retlehs/roots) - A WordPress starter theme based on HTML5 Boilerplate & Bootstrap from Twitter. - -Have suggestions? Let us know with a [new issue](https://github.com/twitter/bootstrap/issues). - - ## Bugs and feature requests -- cgit v1.2.3 From 5ab72f76878a85f105702a24096268fea73fba2d Mon Sep 17 00:00:00 2001 From: fat Date: Thu, 16 May 2013 18:45:53 -0700 Subject: fix tooltip defaults --- docs/_includes/footer.html | 2 +- docs/assets/js/bootstrap.js | 2 +- docs/assets/js/bootstrap.min.js | 2 +- js/tooltip.js | 2 +- 4 files changed, 4 insertions(+), 4 deletions(-) diff --git a/docs/_includes/footer.html b/docs/_includes/footer.html index a7bebc337..fcfc7c482 100644 --- a/docs/_includes/footer.html +++ b/docs/_includes/footer.html @@ -2,7 +2,7 @@ ================================================== --> - + diff --git a/docs/assets/js/bootstrap.js b/docs/assets/js/bootstrap.js index 9bfee0806..4d7eae267 100644 --- a/docs/assets/js/bootstrap.js +++ b/docs/assets/js/bootstrap.js @@ -1083,7 +1083,7 @@ } Tooltip.prototype.enter = function (e) { - var defaults = $.fn[this.type].defaults + var defaults = this.getDefaults() var options = {} this._options && $.each(this._options, function (key, value) { diff --git a/docs/assets/js/bootstrap.min.js b/docs/assets/js/bootstrap.min.js index c57922f1b..1f5f4cfad 100644 --- a/docs/assets/js/bootstrap.min.js +++ b/docs/assets/js/bootstrap.min.js @@ -3,4 +3,4 @@ * Copyright 2012 Twitter, Inc. * http://www.apache.org/licenses/LICENSE-2.0.txt */ -!function(e){"use strict";function t(){var e=document.createElement("bootstrap"),t={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var n in t)if(e.style[n]!==undefined)return{end:t[n]}}e(function(){e.support.transition=t()})}(window.jQuery),!function(e){"use strict";var t='[data-dismiss="alert"]',n=function(n){e(n).on("click",t,this.close)};n.prototype.close=function(t){function s(){i.trigger("bs-closed").remove()}var n=e(this),r=n.attr("data-target");r||(r=n.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,""));var i=e(r);t&&t.preventDefault(),i.length||(i=n.hasClass("alert")?n:n.parent()),i.trigger(t=e.Event("bs:alert:close"));if(t.isDefaultPrevented())return;i.removeClass("in"),e.support.transition&&i.hasClass("fade")?i.on(e.support.transition.end,s):s()};var r=e.fn.alert;e.fn.alert=function(t){return this.each(function(){var r=e(this),i=r.data("bs-alert");i||r.data("bs-alert",i=new n(this)),typeof t=="string"&&i[t].call(r)})},e.fn.alert.Constructor=n,e.fn.alert.noConflict=function(){return e.fn.alert=r,this},e(document).on("click.bs-alert.bs-data-api",t,n.prototype.close)}(window.jQuery),!function(e){"use strict";var t=function(n,r){this.$element=e(n),this.options=e.extend({},t.DEFAULTS,r)};t.DEFAULTS={loadingText:"loading..."},t.prototype.setState=function(e){var t="disabled",n=this.$element,r=n.is("input")?"val":"html",i=n.data();e+="Text",i.resetText||n.data("resetText",n[r]()),n[r](i[e]||this.options[e]),setTimeout(function(){e=="loadingText"?n.addClass(t).attr(t,t):n.removeClass(t).removeAttr(t)},0)},t.prototype.toggle=function(){var e=this.$element.closest('[data-toggle="buttons-radio"]');e&&e.find(".active").removeClass("active"),this.$element.toggleClass("active")};var n=e.fn.button;e.fn.button=function(n){return this.each(function(){var r=e(this),i=r.data("button"),s=typeof n=="object"&&n;i||r.data("bs-button",i=new t(this,s)),n=="toggle"?i.toggle():n&&i.setState(n)})},e.fn.button.Constructor=t,e.fn.button.noConflict=function(){return e.fn.button=n,this},e(document).on("click.bs-button.bs-data-api","[data-toggle^=button]",function(t){var n=e(t.target);n.hasClass("btn")||(n=n.closest(".btn")),n.button("toggle")})}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.$element=e(t),this.$indicators=this.$element.find(".carousel-indicators"),this.options=n,this.paused=this.sliding=this.interval=this.$active=this.$items=null,this.options.pause=="hover"&&this.$element.on("mouseenter",e.proxy(this.pause,this)).on("mouseleave",e.proxy(this.cycle,this))};t.DEFAULTS={interval:5e3,pause:"hover"},t.prototype.cycle=function(t){return t||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(e.proxy(this.next,this),this.options.interval)),this},t.prototype.getActiveIndex=function(){return this.$active=this.$element.find(".item.active"),this.$items=this.$active.parent().children(),this.$items.index(this.$active)},t.prototype.to=function(t){var n=this,r=this.getActiveIndex();if(t>this.$items.length-1||t<0)return;return this.sliding?this.$element.one("slid",function(){n.to(t)}):r==t?this.pause().cycle():this.slide(t>r?"next":"prev",e(this.$items[t]))},t.prototype.pause=function(t){return t||(this.paused=!0),this.$element.find(".next, .prev").length&&e.support.transition.end&&(this.$element.trigger(e.support.transition.end),this.cycle(!0)),this.interval=clearInterval(this.interval),this},t.prototype.next=function(){if(this.sliding)return;return this.slide("next")},t.prototype.prev=function(){if(this.sliding)return;return this.slide("prev")},t.prototype.slide=function(t,n){var r=this.$element.find(".item.active"),i=n||r[t](),s=this.interval,o=t=="next"?"left":"right",u=t=="next"?"first":"last",a=this;this.sliding=!0,s&&this.pause(),i=i.length?i:this.$element.find(".item")[u]();var f=e.Event("bs:carousel:slide",{relatedTarget:i[0],direction:o});if(i.hasClass("active"))return;this.$indicators.length&&(this.$indicators.find(".active").removeClass("active"),this.$element.one("slid",function(){var t=e(a.$indicators.children()[a.getActiveIndex()]);t&&t.addClass("active")}));if(e.support.transition&&this.$element.hasClass("slide")){this.$element.trigger(f);if(f.isDefaultPrevented())return;i.addClass(t),i[0].offsetWidth,r.addClass(o),i.addClass(o),this.$element.one(e.support.transition.end,function(){i.removeClass([t,o].join(" ")).addClass("active"),r.removeClass(["active",o].join(" ")),a.sliding=!1,setTimeout(function(){a.$element.trigger("slid")},0)})}else{this.$element.trigger(f);if(f.isDefaultPrevented())return;r.removeClass("active"),i.addClass("active"),this.sliding=!1,this.$element.trigger("slid")}return s&&this.cycle(),this};var n=e.fn.carousel;e.fn.carousel=function(n){return this.each(function(){var r=e(this),i=r.data("bs-carousel"),s=e.extend({},t.DEFAULTS,typeof n=="object"&&n),o=typeof n=="string"?n:s.slide;i||r.data("bs-carousel",i=new t(this,s)),typeof n=="number"?i.to(n):o?i[o]():s.interval&&i.pause().cycle()})},e.fn.carousel.Constructor=t,e.fn.carousel.noConflict=function(){return e.fn.carousel=n,this},e(document).on("click.carousel.data-api","[data-slide], [data-slide-to]",function(t){var n=e(this),r,i=e(n.attr("data-target")||(r=n.attr("href"))&&r.replace(/.*(?=#[^\s]+$)/,"")),s=e.extend({},i.data(),n.data()),o;i.carousel(s),(o=n.attr("data-slide-to"))&&i.data("bs-carousel").pause().to(o).cycle(),t.preventDefault()})}(window.jQuery),!function(e){"use strict";var t=function(n,r){this.$element=e(n),this.options=e.extend({},t.DEFAULTS,r),this.transitioning=null,this.options.parent&&(this.$parent=e(this.options.parent)),this.options.toggle&&this.toggle()};t.DEFAULTS={toggle:!0},t.prototype.dimension=function(){var e=this.$element.hasClass("width");return e?"width":"height"},t.prototype.show=function(){if(this.transitioning||this.$element.hasClass("in"))return;var t=this.dimension(),n=e.camelCase(["scroll",t].join("-")),r=this.$parent&&this.$parent.find("> .accordion-group > .in");if(r&&r.length){var i=r.data("collapse");if(i&&i.transitioning)return;r.collapse("hide"),i||r.data("collapse",null)}this.$element[t](0),this.transition("addClass",e.Event("bs:collapse:show"),"bs:collapse:shown"),e.support.transition&&this.$element[t](this.$element[0][n])},t.prototype.hide=function(){if(this.transitioning||!this.$element.hasClass("in"))return;var t=this.dimension();this.reset(this.$element[t]()),this.transition("removeClass",e.Event("bs:collapse:hide"),"hidden"),this.$element[t](0)},t.prototype.reset=function(e){var t=this.dimension();return this.$element.removeClass("collapse")[t](e||"auto")[0].offsetWidth,this.$element[e!==null?"addClass":"removeClass"]("collapse"),this},t.prototype.transition=function(t,n,r){var i=this,s=function(){n.type=="bs:collapse:show"&&i.reset(),i.transitioning=0,i.$element.trigger(r)};this.$element.trigger(n);if(n.isDefaultPrevented())return;this.transitioning=1,this.$element[t]("in"),e.support.transition&&this.$element.hasClass("collapse")?this.$element.one(e.support.transition.end,s):s()},t.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()};var n=e.fn.collapse;e.fn.collapse=function(n){return this.each(function(){var r=e(this),i=r.data("collapse"),s=e.extend({},t.DEFAULTS,r.data(),typeof n=="object"&&n);i||r.data("collapse",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.collapse.Constructor=t,e.fn.collapse.noConflict=function(){return e.fn.collapse=n,this},e(document).on("click.collapse.data-api","[data-toggle=collapse]",function(t){var n=e(this),r,i=n.attr("data-target")||t.preventDefault()||(r=n.attr("href"))&&r.replace(/.*(?=#[^\s]+$)/,""),s=e(i).data("collapse")?"toggle":n.data();n[e(i).hasClass("in")?"addClass":"removeClass"]("collapsed"),e(i).collapse(s)})}(window.jQuery),!function(e){"use strict";function i(){e(t).remove(),e(n).each(function(){s(e(this)).removeClass("open")})}function s(t){var n=t.attr("data-target");n||(n=t.attr("href"),n=n&&/#/.test(n)&&n.replace(/.*(?=#[^\s]*$)/,""));var r=n&&e(n);return r&&r.length?r:t.parent()}var t=".dropdown-backdrop",n="[data-toggle=dropdown]",r=function(t){var n=e(t).on("click.dropdown.data-api",this.toggle);e("html").on("click.dropdown.data-api",function(){n.parent().removeClass("open")})};r.prototype.toggle=function(t){var n=e(this);if(n.is(".disabled, :disabled"))return;var r=s(n),o=r.hasClass("open");return i(),o||("ontouchstart"in document.documentElement&&e('
                    ').insertBefore(e(this)).on("click",i),r.toggleClass("open")),n.focus(),!1},r.prototype.keydown=function(t){if(!/(38|40|27)/.test(t.keyCode))return;var r=e(this);t.preventDefault(),t.stopPropagation();if(r.is(".disabled, :disabled"))return;var i=s(r),o=i.hasClass("open");if(!o||o&&t.keyCode==27)return t.which==27&&i.find(n).focus(),r.click();var u=e("[role=menu] li:not(.divider):visible a",i);if(!u.length)return;var a=u.index(u.filter(":focus"));t.keyCode==38&&a>0&&a--,t.keyCode==40&&a').appendTo(document.body),this.$backdrop.click(this.options.backdrop=="static"?e.proxy(this.$element[0].focus,this.$element[0]):e.proxy(this.hide,this)),i&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in");if(!t)return;i?this.$backdrop.one(e.support.transition.end,t):t()}else!this.isShown&&this.$backdrop?(this.$backdrop.removeClass("in"),e.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one(e.support.transition.end,t):t()):t&&t()};var n=e.fn.modal;e.fn.modal=function(n){return this.each(function(){var r=e(this),i=r.data("bs-modal"),s=e.extend({},t.DEFAULTS,r.data(),typeof n=="object"&&n);i||r.data("bs-modal",i=new t(this,s)),typeof n=="string"?i[n]():s.show&&i.show()})},e.fn.modal.Constructor=t,e.fn.modal.noConflict=function(){return e.fn.modal=n,this},e(document).on("click.modal.data-api",'[data-toggle="modal"]',function(t){var n=e(this),r=n.attr("href"),i=e(n.attr("data-target")||r&&r.replace(/.*(?=#[^\s]+$)/,"")),s=i.data("modal")?"toggle":e.extend({remote:!/#/.test(r)&&r},i.data(),n.data());t.preventDefault(),i.modal(s).one("hide",function(){n.focus()})});var r=e(document.body).on("bs:modal:shown",".modal",function(){r.addClass("modal-open")}).on("bs:modal:hidden",".modal",function(){r.removeClass("modal-open")})}(window.jQuery),!function(e){"use strict";var t=function(e,t){this.type=this.options=this.enabled=this.timeout=this.hoverState=this.$element=null,this.init("tooltip",e,t)};t.DEFAULTS={animation:!0,placement:"top",selector:!1,template:'
                    ',trigger:"hover focus",title:"",delay:0,html:!1,container:!1},t.prototype.init=function(t,n,r){this.enabled=!0,this.type=t,this.$element=e(n),this.options=this.getOptions(r);var i=this.options.trigger.split(" ");for(var s=i.length;s--;){var o=i[s];if(o=="click")this.$element.on("click."+this.type,this.options.selector,e.proxy(this.toggle,this));else if(o!="manual"){var u=o=="hover"?"mouseenter":"focus",a=o=="hover"?"mouseleave":"blur";this.$element.on(u+"."+this.type,this.options.selector,e.proxy(this.enter,this)),this.$element.on(a+"."+this.type,this.options.selector,e.proxy(this.leave,this))}}this.options.selector?this._options=e.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},t.prototype.getDefaults=function(){return t.DEFAULTS},t.prototype.getOptions=function(t){return t=e.extend({},this.getDefaults(),this.$element.data(),t),t.delay&&typeof t.delay=="number"&&(t.delay={show:t.delay,hide:t.delay}),t},t.prototype.enter=function(t){var n=e.fn[this.type].defaults,r={};this._options&&e.each(this._options,function(e,t){n[e]!=t&&(r[e]=t)},this);var i=e(t.currentTarget)[this.type](r).data("bs-"+this.type);if(!i.options.delay||!i.options.delay.show)return i.show();clearTimeout(this.timeout),i.hoverState="in",this.timeout=setTimeout(function(){i.hoverState=="in"&&i.show()},i.options.delay.show)},t.prototype.leave=function(t){var n=e(t.currentTarget)[this.type](this._options).data("bs-"+this.type);this.timeout&&clearTimeout(this.timeout);if(!n.options.delay||!n.options.delay.hide)return n.hide();n.hoverState="out",this.timeout=setTimeout(function(){n.hoverState=="out"&&n.hide()},n.options.delay.hide)},t.prototype.show=function(){var t=e.Event("bs:"+this.type+":show");if(this.hasContent()&&this.enabled){this.$element.trigger(t);if(t.isDefaultPrevented())return;var n=this.tip();this.setContent(),this.options.animation&&n.addClass("fade");var r=typeof this.options.placement=="function"?this.options.placement.call(this,n[0],this.$element[0]):this.options.placement;n.detach().css({top:0,left:0,display:"block"}),this.options.container?n.appendTo(this.options.container):n.insertAfter(this.$element);var i,s=this.getPosition(),o=n[0].offsetWidth,u=n[0].offsetHeight;switch(r){case"bottom":i={top:s.top+s.height,left:s.left+s.width/2-o/2};break;case"top":i={top:s.top-u,left:s.left+s.width/2-o/2};break;case"left":i={top:s.top+s.height/2-u/2,left:s.left-o};break;case"right":i={top:s.top+s.height/2-u/2,left:s.left+s.width}}this.applyPlacement(i,r),this.$element.trigger("bs:"+this.type+":shown")}},t.prototype.applyPlacement=function(e,t){var n,r=this.tip(),i=r[0].offsetWidth,s=r[0].offsetHeight;r.offset(e).addClass(t).addClass("in");var o=r[0].offsetWidth,u=r[0].offsetHeight;t=="top"&&u!=s&&(n=!0,e.top=e.top+s-u);if(t=="bottom"||t=="top"){var a=0;e.left<0&&(a=e.left*-2,e.left=0,r.offset(e),o=r[0].offsetWidth,u=r[0].offsetHeight),this.replaceArrow(a-i+o,o,"left")}else this.replaceArrow(u-s,u,"top");n&&r.offset(e)},t.prototype.replaceArrow=function(e,t,n){this.arrow().css(n,e?50*(1-e/t)+"%":"")},t.prototype.setContent=function(){var e=this.tip(),t=this.getTitle();e.find(".tooltip-inner")[this.options.html?"html":"text"](t),e.removeClass("fade in top bottom left right")},t.prototype.hide=function(){function i(){var t=setTimeout(function(){n.off(e.support.transition.end).detach()},500);n.one(e.support.transition.end,function(){clearTimeout(t),n.detach()})}var t=this,n=this.tip(),r=e.Event("bs:"+this.type+":hide");this.$element.trigger(r);if(r.isDefaultPrevented())return;return n.removeClass("in"),e.support.transition&&this.$tip.hasClass("fade")?i():n.detach(),this.$element.trigger("bs:"+this.type+":hidden"),this},t.prototype.fixTitle=function(){var e=this.$element;(e.attr("title")||typeof e.attr("data-original-title")!="string")&&e.attr("data-original-title",e.attr("title")||"").attr("title","")},t.prototype.hasContent=function(){return this.getTitle()},t.prototype.getPosition=function(){var t=this.$element[0];return e.extend({},typeof t.getBoundingClientRect=="function"?t.getBoundingClientRect():{width:t.offsetWidth,height:t.offsetHeight},this.$element.offset())},t.prototype.getTitle=function(){var e,t=this.$element,n=this.options;return e=t.attr("data-original-title")||(typeof n.title=="function"?n.title.call(t[0]):n.title),e},t.prototype.tip=function(){return this.$tip=this.$tip||e(this.options.template)},t.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".tooltip-arrow")},t.prototype.validate=function(){this.$element[0].parentNode||(this.hide(),this.$element=null,this.options=null)},t.prototype.enable=function(){this.enabled=!0},t.prototype.disable=function(){this.enabled=!1},t.prototype.toggleEnabled=function(){this.enabled=!this.enabled},t.prototype.toggle=function(t){var n=t?e(t.currentTarget)[this.type](this._options).data("bs-"+this.type):this;n.tip().hasClass("in")?n.hide():n.show()},t.prototype.destroy=function(){this.hide().$element.off("."+this.type).removeData("bs-"+this.type)};var n=e.fn.tooltip;e.fn.tooltip=function(n){return this.each(function(){var r=e(this),i=r.data("bs-tooltip"),s=typeof n=="object"&&n;i||r.data("bs-tooltip",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.tooltip.Constructor=t,e.fn.tooltip.noConflict=function(){return e.fn.tooltip=n,this}}(window.jQuery),!function(e){"use strict";var t=function(e,t){this.init("popover",e,t)};t.DEFAULTS=e.extend({},e.fn.tooltip.Constructor.DEFAULTS,{placement:"right",trigger:"click",content:"",template:'

                    '}),t.prototype=e.extend({},e.fn.tooltip.Constructor.prototype),t.prototype.constructor=t,t.prototype.getDefaults=function(){return t.DEFAULTS},t.prototype.setContent=function(){var e=this.tip(),t=this.getTitle(),n=this.getContent();e.find(".popover-title")[this.options.html?"html":"text"](t),e.find(".popover-content")[this.options.html?"html":"text"](n),e.removeClass("fade top bottom left right in")},t.prototype.hasContent=function(){return this.getTitle()||this.getContent()},t.prototype.getContent=function(){var e=typeof this.options.content=="function"?this.options.content.call(this.$element[0]):this.options.content;return e||this.$element.attr("data-content")},t.prototype.tip=function(){return this.$tip||(this.$tip=e(this.options.template)),this.$tip},t.prototype.destroy=function(){this.hide().$element.off("."+this.type).removeData(this.type)};var n=e.fn.popover;e.fn.popover=function(n){return this.each(function(){var r=e(this),i=r.data("bs-popover"),s=typeof n=="object"&&n;i||r.data("bs-popover",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.popover.Constructor=t,e.fn.popover.noConflict=function(){return e.fn.popover=n,this}}(window.jQuery),!function(e){"use strict";function t(n,r){var i,s=e.proxy(this.process,this),o=e(n).is("body")?e(window):e(n);this.$body=e("body"),this.$scrollElement=o.on("scroll.scroll-spy.data-api",s),this.options=e.extend({},t.DEFAULTS,r),this.selector=(this.options.target||(i=e(n).attr("href"))&&i.replace(/.*(?=#[^\s]+$)/,"")||"")+" .nav li > a",this.offsets=e([]),this.targets=e([]),this.activeTarget=null,this.refresh(),this.process()}t.DEFAULTS={offset:10},t.prototype.refresh=function(){this.offsets=e([]),this.targets=e([]);var t=this,n=this.$body.find(this.selector).map(function(){var n=e(this),r=n.data("target")||n.attr("href"),i=/^#\w/.test(r)&&e(r);return i&&i.length&&[[i.position().top+(!e.isWindow(t.$scrollElement.get(0))&&t.$scrollElement.scrollTop()),r]]||null}).sort(function(e,t){return e[0]-t[0]}).each(function(){t.offsets.push(this[0]),t.targets.push(this[1])})},t.prototype.process=function(){var e=this.$scrollElement.scrollTop()+this.options.offset,t=this.$scrollElement[0].scrollHeight||this.$body[0].scrollHeight,n=t-this.$scrollElement.height(),r=this.offsets,i=this.targets,s=this.activeTarget,o;if(e>=n)return s!=(o=i.last()[0])&&this.activate(o);for(o=r.length;o--;)s!=i[o]&&e>=r[o]&&(!r[o+1]||e<=r[o+1])&&this.activate(i[o])},t.prototype.activate=function(t){this.activeTarget=t,e(this.selector).parents(".active").removeClass("active");var n=this.selector+'[data-target="'+t+'"],'+this.selector+'[href="'+t+'"]',r=e(n).parents("li").addClass("active");r.parent(".dropdown-menu").length&&(r=r.closest("li.dropdown").addClass("active")),r.trigger("activate")};var n=e.fn.scrollspy;e.fn.scrollspy=function(n){return this.each(function(){var r=e(this),i=r.data("bs-scrollspy"),s=typeof n=="object"&&n;i||r.data("bs-scrollspy",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.scrollspy.Constructor=t,e.fn.scrollspy.noConflict=function(){return e.fn.scrollspy=n,this},e(window).on("load",function(){e('[data-spy="scroll"]').each(function(){var t=e(this);t.scrollspy(t.data())})})}(window.jQuery),!function(e){"use strict";var t=function(t){this.element=e(t)};t.prototype.show=function(){var t=this.element,n=t.closest("ul:not(.dropdown-menu)"),r=t.attr("data-target");r||(r=t.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,""));if(t.parent("li").hasClass("active"))return;var i=n.find(".active:last a")[0],s=e.Event("bs:tab:show",{relatedTarget:i});t.trigger(s);if(s.isDefaultPrevented())return;var o=e(r);this.activate(t.parent("li"),n),this.activate(o,o.parent(),function(){t.trigger({type:"bs:tab:shown",relatedTarget:i})})},t.prototype.activate=function(t,n,r){function o(){i.removeClass("active").find("> .dropdown-menu > .active").removeClass("active"),t.addClass("active"),s?(t[0].offsetWidth,t.addClass("in")):t.removeClass("fade"),t.parent(".dropdown-menu")&&t.closest("li.dropdown").addClass("active"),r&&r()}var i=n.find("> .active"),s=r&&e.support.transition&&i.hasClass("fade");s?i.one(e.support.transition.end,o):o(),i.removeClass("in")};var n=e.fn.tab;e.fn.tab=function(n){return this.each(function(){var r=e(this),i=r.data("bs-tab");i||r.data("bs-tab",i=new t(this)),typeof n=="string"&&i[n]()})},e.fn.tab.Constructor=t,e.fn.tab.noConflict=function(){return e.fn.tab=n,this},e(document).on("click.tab.data-api",'[data-toggle="tab"], [data-toggle="pill"]',function(t){t.preventDefault(),e(this).tab("show")})}(window.jQuery),!function(e){"use strict";var t=function(n,r){this.options=e.extend({},t.DEFAULTS,r),this.$window=e(window).on("scroll.bs-affix.bs-data-api",e.proxy(this.checkPosition,this)).on("click.bs-affix.bs-data-api",e.proxy(this.checkPositionWithEventLoop,this)),this.$element=e(n),this.affixed=this.unpin=null,this.checkPosition()};t.DEFAULTS={offset:0},t.prototype.checkPositionWithEventLoop=function(){setTimeout(e.proxy(this.checkPosition,this),1)},t.prototype.checkPosition=function(){if(!this.$element.is(":visible"))return;var t=e(document).height(),n=this.$window.scrollTop(),r=this.$element.offset(),i=this.options.offset,s=i.top,o=i.bottom,u="affix affix-top affix-bottom";typeof i!="object"&&(o=s=i),typeof s=="function"&&(s=i.top()),typeof o=="function"&&(o=i.bottom());var a=this.unpin!=null&&n+this.unpin<=r.top?!1:o!=null&&r.top+this.$element.height()>=t-o?"bottom":s!=null&&n<=s?"top":!1;if(this.affixed===a)return;this.affixed=a,this.unpin=a=="bottom"?r.top-n:null,this.$element.removeClass(u).addClass("affix"+(a?"-"+a:""))};var n=e.fn.affix;e.fn.affix=function(n){return this.each(function(){var r=e(this),i=r.data("bs-affix"),s=typeof n=="object"&&n;i||r.data("bs-affix",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.affix.Constructor=t,e.fn.affix.noConflict=function(){return e.fn.affix=n,this},e(window).on("load",function(){e('[data-spy="affix"]').each(function(){var t=e(this),n=t.data();n.offset=n.offset||{},n.offsetBottom&&(n.offset.bottom=n.offsetBottom),n.offsetTop&&(n.offset.top=n.offsetTop),t.affix(n)})})}(window.jQuery); \ No newline at end of file +!function(e){"use strict";function t(){var e=document.createElement("bootstrap"),t={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var n in t)if(e.style[n]!==undefined)return{end:t[n]}}e(function(){e.support.transition=t()})}(window.jQuery),!function(e){"use strict";var t='[data-dismiss="alert"]',n=function(n){e(n).on("click",t,this.close)};n.prototype.close=function(t){function s(){i.trigger("bs-closed").remove()}var n=e(this),r=n.attr("data-target");r||(r=n.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,""));var i=e(r);t&&t.preventDefault(),i.length||(i=n.hasClass("alert")?n:n.parent()),i.trigger(t=e.Event("bs:alert:close"));if(t.isDefaultPrevented())return;i.removeClass("in"),e.support.transition&&i.hasClass("fade")?i.on(e.support.transition.end,s):s()};var r=e.fn.alert;e.fn.alert=function(t){return this.each(function(){var r=e(this),i=r.data("bs-alert");i||r.data("bs-alert",i=new n(this)),typeof t=="string"&&i[t].call(r)})},e.fn.alert.Constructor=n,e.fn.alert.noConflict=function(){return e.fn.alert=r,this},e(document).on("click.bs-alert.bs-data-api",t,n.prototype.close)}(window.jQuery),!function(e){"use strict";var t=function(n,r){this.$element=e(n),this.options=e.extend({},t.DEFAULTS,r)};t.DEFAULTS={loadingText:"loading..."},t.prototype.setState=function(e){var t="disabled",n=this.$element,r=n.is("input")?"val":"html",i=n.data();e+="Text",i.resetText||n.data("resetText",n[r]()),n[r](i[e]||this.options[e]),setTimeout(function(){e=="loadingText"?n.addClass(t).attr(t,t):n.removeClass(t).removeAttr(t)},0)},t.prototype.toggle=function(){var e=this.$element.closest('[data-toggle="buttons-radio"]');e&&e.find(".active").removeClass("active"),this.$element.toggleClass("active")};var n=e.fn.button;e.fn.button=function(n){return this.each(function(){var r=e(this),i=r.data("button"),s=typeof n=="object"&&n;i||r.data("bs-button",i=new t(this,s)),n=="toggle"?i.toggle():n&&i.setState(n)})},e.fn.button.Constructor=t,e.fn.button.noConflict=function(){return e.fn.button=n,this},e(document).on("click.bs-button.bs-data-api","[data-toggle^=button]",function(t){var n=e(t.target);n.hasClass("btn")||(n=n.closest(".btn")),n.button("toggle")})}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.$element=e(t),this.$indicators=this.$element.find(".carousel-indicators"),this.options=n,this.paused=this.sliding=this.interval=this.$active=this.$items=null,this.options.pause=="hover"&&this.$element.on("mouseenter",e.proxy(this.pause,this)).on("mouseleave",e.proxy(this.cycle,this))};t.DEFAULTS={interval:5e3,pause:"hover"},t.prototype.cycle=function(t){return t||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(e.proxy(this.next,this),this.options.interval)),this},t.prototype.getActiveIndex=function(){return this.$active=this.$element.find(".item.active"),this.$items=this.$active.parent().children(),this.$items.index(this.$active)},t.prototype.to=function(t){var n=this,r=this.getActiveIndex();if(t>this.$items.length-1||t<0)return;return this.sliding?this.$element.one("slid",function(){n.to(t)}):r==t?this.pause().cycle():this.slide(t>r?"next":"prev",e(this.$items[t]))},t.prototype.pause=function(t){return t||(this.paused=!0),this.$element.find(".next, .prev").length&&e.support.transition.end&&(this.$element.trigger(e.support.transition.end),this.cycle(!0)),this.interval=clearInterval(this.interval),this},t.prototype.next=function(){if(this.sliding)return;return this.slide("next")},t.prototype.prev=function(){if(this.sliding)return;return this.slide("prev")},t.prototype.slide=function(t,n){var r=this.$element.find(".item.active"),i=n||r[t](),s=this.interval,o=t=="next"?"left":"right",u=t=="next"?"first":"last",a=this;this.sliding=!0,s&&this.pause(),i=i.length?i:this.$element.find(".item")[u]();var f=e.Event("bs:carousel:slide",{relatedTarget:i[0],direction:o});if(i.hasClass("active"))return;this.$indicators.length&&(this.$indicators.find(".active").removeClass("active"),this.$element.one("slid",function(){var t=e(a.$indicators.children()[a.getActiveIndex()]);t&&t.addClass("active")}));if(e.support.transition&&this.$element.hasClass("slide")){this.$element.trigger(f);if(f.isDefaultPrevented())return;i.addClass(t),i[0].offsetWidth,r.addClass(o),i.addClass(o),this.$element.one(e.support.transition.end,function(){i.removeClass([t,o].join(" ")).addClass("active"),r.removeClass(["active",o].join(" ")),a.sliding=!1,setTimeout(function(){a.$element.trigger("slid")},0)})}else{this.$element.trigger(f);if(f.isDefaultPrevented())return;r.removeClass("active"),i.addClass("active"),this.sliding=!1,this.$element.trigger("slid")}return s&&this.cycle(),this};var n=e.fn.carousel;e.fn.carousel=function(n){return this.each(function(){var r=e(this),i=r.data("bs-carousel"),s=e.extend({},t.DEFAULTS,typeof n=="object"&&n),o=typeof n=="string"?n:s.slide;i||r.data("bs-carousel",i=new t(this,s)),typeof n=="number"?i.to(n):o?i[o]():s.interval&&i.pause().cycle()})},e.fn.carousel.Constructor=t,e.fn.carousel.noConflict=function(){return e.fn.carousel=n,this},e(document).on("click.carousel.data-api","[data-slide], [data-slide-to]",function(t){var n=e(this),r,i=e(n.attr("data-target")||(r=n.attr("href"))&&r.replace(/.*(?=#[^\s]+$)/,"")),s=e.extend({},i.data(),n.data()),o;i.carousel(s),(o=n.attr("data-slide-to"))&&i.data("bs-carousel").pause().to(o).cycle(),t.preventDefault()})}(window.jQuery),!function(e){"use strict";var t=function(n,r){this.$element=e(n),this.options=e.extend({},t.DEFAULTS,r),this.transitioning=null,this.options.parent&&(this.$parent=e(this.options.parent)),this.options.toggle&&this.toggle()};t.DEFAULTS={toggle:!0},t.prototype.dimension=function(){var e=this.$element.hasClass("width");return e?"width":"height"},t.prototype.show=function(){if(this.transitioning||this.$element.hasClass("in"))return;var t=this.dimension(),n=e.camelCase(["scroll",t].join("-")),r=this.$parent&&this.$parent.find("> .accordion-group > .in");if(r&&r.length){var i=r.data("collapse");if(i&&i.transitioning)return;r.collapse("hide"),i||r.data("collapse",null)}this.$element[t](0),this.transition("addClass",e.Event("bs:collapse:show"),"bs:collapse:shown"),e.support.transition&&this.$element[t](this.$element[0][n])},t.prototype.hide=function(){if(this.transitioning||!this.$element.hasClass("in"))return;var t=this.dimension();this.reset(this.$element[t]()),this.transition("removeClass",e.Event("bs:collapse:hide"),"hidden"),this.$element[t](0)},t.prototype.reset=function(e){var t=this.dimension();return this.$element.removeClass("collapse")[t](e||"auto")[0].offsetWidth,this.$element[e!==null?"addClass":"removeClass"]("collapse"),this},t.prototype.transition=function(t,n,r){var i=this,s=function(){n.type=="bs:collapse:show"&&i.reset(),i.transitioning=0,i.$element.trigger(r)};this.$element.trigger(n);if(n.isDefaultPrevented())return;this.transitioning=1,this.$element[t]("in"),e.support.transition&&this.$element.hasClass("collapse")?this.$element.one(e.support.transition.end,s):s()},t.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()};var n=e.fn.collapse;e.fn.collapse=function(n){return this.each(function(){var r=e(this),i=r.data("collapse"),s=e.extend({},t.DEFAULTS,r.data(),typeof n=="object"&&n);i||r.data("collapse",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.collapse.Constructor=t,e.fn.collapse.noConflict=function(){return e.fn.collapse=n,this},e(document).on("click.collapse.data-api","[data-toggle=collapse]",function(t){var n=e(this),r,i=n.attr("data-target")||t.preventDefault()||(r=n.attr("href"))&&r.replace(/.*(?=#[^\s]+$)/,""),s=e(i).data("collapse")?"toggle":n.data();n[e(i).hasClass("in")?"addClass":"removeClass"]("collapsed"),e(i).collapse(s)})}(window.jQuery),!function(e){"use strict";function i(){e(t).remove(),e(n).each(function(){s(e(this)).removeClass("open")})}function s(t){var n=t.attr("data-target");n||(n=t.attr("href"),n=n&&/#/.test(n)&&n.replace(/.*(?=#[^\s]*$)/,""));var r=n&&e(n);return r&&r.length?r:t.parent()}var t=".dropdown-backdrop",n="[data-toggle=dropdown]",r=function(t){var n=e(t).on("click.dropdown.data-api",this.toggle);e("html").on("click.dropdown.data-api",function(){n.parent().removeClass("open")})};r.prototype.toggle=function(t){var n=e(this);if(n.is(".disabled, :disabled"))return;var r=s(n),o=r.hasClass("open");return i(),o||("ontouchstart"in document.documentElement&&e('
                    ').insertBefore(e(this)).on("click",i),r.toggleClass("open")),n.focus(),!1},r.prototype.keydown=function(t){if(!/(38|40|27)/.test(t.keyCode))return;var r=e(this);t.preventDefault(),t.stopPropagation();if(r.is(".disabled, :disabled"))return;var i=s(r),o=i.hasClass("open");if(!o||o&&t.keyCode==27)return t.which==27&&i.find(n).focus(),r.click();var u=e("[role=menu] li:not(.divider):visible a",i);if(!u.length)return;var a=u.index(u.filter(":focus"));t.keyCode==38&&a>0&&a--,t.keyCode==40&&a').appendTo(document.body),this.$backdrop.click(this.options.backdrop=="static"?e.proxy(this.$element[0].focus,this.$element[0]):e.proxy(this.hide,this)),i&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in");if(!t)return;i?this.$backdrop.one(e.support.transition.end,t):t()}else!this.isShown&&this.$backdrop?(this.$backdrop.removeClass("in"),e.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one(e.support.transition.end,t):t()):t&&t()};var n=e.fn.modal;e.fn.modal=function(n){return this.each(function(){var r=e(this),i=r.data("bs-modal"),s=e.extend({},t.DEFAULTS,r.data(),typeof n=="object"&&n);i||r.data("bs-modal",i=new t(this,s)),typeof n=="string"?i[n]():s.show&&i.show()})},e.fn.modal.Constructor=t,e.fn.modal.noConflict=function(){return e.fn.modal=n,this},e(document).on("click.modal.data-api",'[data-toggle="modal"]',function(t){var n=e(this),r=n.attr("href"),i=e(n.attr("data-target")||r&&r.replace(/.*(?=#[^\s]+$)/,"")),s=i.data("modal")?"toggle":e.extend({remote:!/#/.test(r)&&r},i.data(),n.data());t.preventDefault(),i.modal(s).one("hide",function(){n.focus()})});var r=e(document.body).on("bs:modal:shown",".modal",function(){r.addClass("modal-open")}).on("bs:modal:hidden",".modal",function(){r.removeClass("modal-open")})}(window.jQuery),!function(e){"use strict";var t=function(e,t){this.type=this.options=this.enabled=this.timeout=this.hoverState=this.$element=null,this.init("tooltip",e,t)};t.DEFAULTS={animation:!0,placement:"top",selector:!1,template:'
                    ',trigger:"hover focus",title:"",delay:0,html:!1,container:!1},t.prototype.init=function(t,n,r){this.enabled=!0,this.type=t,this.$element=e(n),this.options=this.getOptions(r);var i=this.options.trigger.split(" ");for(var s=i.length;s--;){var o=i[s];if(o=="click")this.$element.on("click."+this.type,this.options.selector,e.proxy(this.toggle,this));else if(o!="manual"){var u=o=="hover"?"mouseenter":"focus",a=o=="hover"?"mouseleave":"blur";this.$element.on(u+"."+this.type,this.options.selector,e.proxy(this.enter,this)),this.$element.on(a+"."+this.type,this.options.selector,e.proxy(this.leave,this))}}this.options.selector?this._options=e.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},t.prototype.getDefaults=function(){return t.DEFAULTS},t.prototype.getOptions=function(t){return t=e.extend({},this.getDefaults(),this.$element.data(),t),t.delay&&typeof t.delay=="number"&&(t.delay={show:t.delay,hide:t.delay}),t},t.prototype.enter=function(t){var n=this.getDefaults(),r={};this._options&&e.each(this._options,function(e,t){n[e]!=t&&(r[e]=t)},this);var i=e(t.currentTarget)[this.type](r).data("bs-"+this.type);if(!i.options.delay||!i.options.delay.show)return i.show();clearTimeout(this.timeout),i.hoverState="in",this.timeout=setTimeout(function(){i.hoverState=="in"&&i.show()},i.options.delay.show)},t.prototype.leave=function(t){var n=e(t.currentTarget)[this.type](this._options).data("bs-"+this.type);this.timeout&&clearTimeout(this.timeout);if(!n.options.delay||!n.options.delay.hide)return n.hide();n.hoverState="out",this.timeout=setTimeout(function(){n.hoverState=="out"&&n.hide()},n.options.delay.hide)},t.prototype.show=function(){var t=e.Event("bs:"+this.type+":show");if(this.hasContent()&&this.enabled){this.$element.trigger(t);if(t.isDefaultPrevented())return;var n=this.tip();this.setContent(),this.options.animation&&n.addClass("fade");var r=typeof this.options.placement=="function"?this.options.placement.call(this,n[0],this.$element[0]):this.options.placement;n.detach().css({top:0,left:0,display:"block"}),this.options.container?n.appendTo(this.options.container):n.insertAfter(this.$element);var i,s=this.getPosition(),o=n[0].offsetWidth,u=n[0].offsetHeight;switch(r){case"bottom":i={top:s.top+s.height,left:s.left+s.width/2-o/2};break;case"top":i={top:s.top-u,left:s.left+s.width/2-o/2};break;case"left":i={top:s.top+s.height/2-u/2,left:s.left-o};break;case"right":i={top:s.top+s.height/2-u/2,left:s.left+s.width}}this.applyPlacement(i,r),this.$element.trigger("bs:"+this.type+":shown")}},t.prototype.applyPlacement=function(e,t){var n,r=this.tip(),i=r[0].offsetWidth,s=r[0].offsetHeight;r.offset(e).addClass(t).addClass("in");var o=r[0].offsetWidth,u=r[0].offsetHeight;t=="top"&&u!=s&&(n=!0,e.top=e.top+s-u);if(t=="bottom"||t=="top"){var a=0;e.left<0&&(a=e.left*-2,e.left=0,r.offset(e),o=r[0].offsetWidth,u=r[0].offsetHeight),this.replaceArrow(a-i+o,o,"left")}else this.replaceArrow(u-s,u,"top");n&&r.offset(e)},t.prototype.replaceArrow=function(e,t,n){this.arrow().css(n,e?50*(1-e/t)+"%":"")},t.prototype.setContent=function(){var e=this.tip(),t=this.getTitle();e.find(".tooltip-inner")[this.options.html?"html":"text"](t),e.removeClass("fade in top bottom left right")},t.prototype.hide=function(){function i(){var t=setTimeout(function(){n.off(e.support.transition.end).detach()},500);n.one(e.support.transition.end,function(){clearTimeout(t),n.detach()})}var t=this,n=this.tip(),r=e.Event("bs:"+this.type+":hide");this.$element.trigger(r);if(r.isDefaultPrevented())return;return n.removeClass("in"),e.support.transition&&this.$tip.hasClass("fade")?i():n.detach(),this.$element.trigger("bs:"+this.type+":hidden"),this},t.prototype.fixTitle=function(){var e=this.$element;(e.attr("title")||typeof e.attr("data-original-title")!="string")&&e.attr("data-original-title",e.attr("title")||"").attr("title","")},t.prototype.hasContent=function(){return this.getTitle()},t.prototype.getPosition=function(){var t=this.$element[0];return e.extend({},typeof t.getBoundingClientRect=="function"?t.getBoundingClientRect():{width:t.offsetWidth,height:t.offsetHeight},this.$element.offset())},t.prototype.getTitle=function(){var e,t=this.$element,n=this.options;return e=t.attr("data-original-title")||(typeof n.title=="function"?n.title.call(t[0]):n.title),e},t.prototype.tip=function(){return this.$tip=this.$tip||e(this.options.template)},t.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".tooltip-arrow")},t.prototype.validate=function(){this.$element[0].parentNode||(this.hide(),this.$element=null,this.options=null)},t.prototype.enable=function(){this.enabled=!0},t.prototype.disable=function(){this.enabled=!1},t.prototype.toggleEnabled=function(){this.enabled=!this.enabled},t.prototype.toggle=function(t){var n=t?e(t.currentTarget)[this.type](this._options).data("bs-"+this.type):this;n.tip().hasClass("in")?n.hide():n.show()},t.prototype.destroy=function(){this.hide().$element.off("."+this.type).removeData("bs-"+this.type)};var n=e.fn.tooltip;e.fn.tooltip=function(n){return this.each(function(){var r=e(this),i=r.data("bs-tooltip"),s=typeof n=="object"&&n;i||r.data("bs-tooltip",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.tooltip.Constructor=t,e.fn.tooltip.noConflict=function(){return e.fn.tooltip=n,this}}(window.jQuery),!function(e){"use strict";var t=function(e,t){this.init("popover",e,t)};t.DEFAULTS=e.extend({},e.fn.tooltip.Constructor.DEFAULTS,{placement:"right",trigger:"click",content:"",template:'

                    '}),t.prototype=e.extend({},e.fn.tooltip.Constructor.prototype),t.prototype.constructor=t,t.prototype.getDefaults=function(){return t.DEFAULTS},t.prototype.setContent=function(){var e=this.tip(),t=this.getTitle(),n=this.getContent();e.find(".popover-title")[this.options.html?"html":"text"](t),e.find(".popover-content")[this.options.html?"html":"text"](n),e.removeClass("fade top bottom left right in")},t.prototype.hasContent=function(){return this.getTitle()||this.getContent()},t.prototype.getContent=function(){var e=typeof this.options.content=="function"?this.options.content.call(this.$element[0]):this.options.content;return e||this.$element.attr("data-content")},t.prototype.tip=function(){return this.$tip||(this.$tip=e(this.options.template)),this.$tip},t.prototype.destroy=function(){this.hide().$element.off("."+this.type).removeData(this.type)};var n=e.fn.popover;e.fn.popover=function(n){return this.each(function(){var r=e(this),i=r.data("bs-popover"),s=typeof n=="object"&&n;i||r.data("bs-popover",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.popover.Constructor=t,e.fn.popover.noConflict=function(){return e.fn.popover=n,this}}(window.jQuery),!function(e){"use strict";function t(n,r){var i,s=e.proxy(this.process,this),o=e(n).is("body")?e(window):e(n);this.$body=e("body"),this.$scrollElement=o.on("scroll.scroll-spy.data-api",s),this.options=e.extend({},t.DEFAULTS,r),this.selector=(this.options.target||(i=e(n).attr("href"))&&i.replace(/.*(?=#[^\s]+$)/,"")||"")+" .nav li > a",this.offsets=e([]),this.targets=e([]),this.activeTarget=null,this.refresh(),this.process()}t.DEFAULTS={offset:10},t.prototype.refresh=function(){this.offsets=e([]),this.targets=e([]);var t=this,n=this.$body.find(this.selector).map(function(){var n=e(this),r=n.data("target")||n.attr("href"),i=/^#\w/.test(r)&&e(r);return i&&i.length&&[[i.position().top+(!e.isWindow(t.$scrollElement.get(0))&&t.$scrollElement.scrollTop()),r]]||null}).sort(function(e,t){return e[0]-t[0]}).each(function(){t.offsets.push(this[0]),t.targets.push(this[1])})},t.prototype.process=function(){var e=this.$scrollElement.scrollTop()+this.options.offset,t=this.$scrollElement[0].scrollHeight||this.$body[0].scrollHeight,n=t-this.$scrollElement.height(),r=this.offsets,i=this.targets,s=this.activeTarget,o;if(e>=n)return s!=(o=i.last()[0])&&this.activate(o);for(o=r.length;o--;)s!=i[o]&&e>=r[o]&&(!r[o+1]||e<=r[o+1])&&this.activate(i[o])},t.prototype.activate=function(t){this.activeTarget=t,e(this.selector).parents(".active").removeClass("active");var n=this.selector+'[data-target="'+t+'"],'+this.selector+'[href="'+t+'"]',r=e(n).parents("li").addClass("active");r.parent(".dropdown-menu").length&&(r=r.closest("li.dropdown").addClass("active")),r.trigger("activate")};var n=e.fn.scrollspy;e.fn.scrollspy=function(n){return this.each(function(){var r=e(this),i=r.data("bs-scrollspy"),s=typeof n=="object"&&n;i||r.data("bs-scrollspy",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.scrollspy.Constructor=t,e.fn.scrollspy.noConflict=function(){return e.fn.scrollspy=n,this},e(window).on("load",function(){e('[data-spy="scroll"]').each(function(){var t=e(this);t.scrollspy(t.data())})})}(window.jQuery),!function(e){"use strict";var t=function(t){this.element=e(t)};t.prototype.show=function(){var t=this.element,n=t.closest("ul:not(.dropdown-menu)"),r=t.attr("data-target");r||(r=t.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,""));if(t.parent("li").hasClass("active"))return;var i=n.find(".active:last a")[0],s=e.Event("bs:tab:show",{relatedTarget:i});t.trigger(s);if(s.isDefaultPrevented())return;var o=e(r);this.activate(t.parent("li"),n),this.activate(o,o.parent(),function(){t.trigger({type:"bs:tab:shown",relatedTarget:i})})},t.prototype.activate=function(t,n,r){function o(){i.removeClass("active").find("> .dropdown-menu > .active").removeClass("active"),t.addClass("active"),s?(t[0].offsetWidth,t.addClass("in")):t.removeClass("fade"),t.parent(".dropdown-menu")&&t.closest("li.dropdown").addClass("active"),r&&r()}var i=n.find("> .active"),s=r&&e.support.transition&&i.hasClass("fade");s?i.one(e.support.transition.end,o):o(),i.removeClass("in")};var n=e.fn.tab;e.fn.tab=function(n){return this.each(function(){var r=e(this),i=r.data("bs-tab");i||r.data("bs-tab",i=new t(this)),typeof n=="string"&&i[n]()})},e.fn.tab.Constructor=t,e.fn.tab.noConflict=function(){return e.fn.tab=n,this},e(document).on("click.tab.data-api",'[data-toggle="tab"], [data-toggle="pill"]',function(t){t.preventDefault(),e(this).tab("show")})}(window.jQuery),!function(e){"use strict";var t=function(n,r){this.options=e.extend({},t.DEFAULTS,r),this.$window=e(window).on("scroll.bs-affix.bs-data-api",e.proxy(this.checkPosition,this)).on("click.bs-affix.bs-data-api",e.proxy(this.checkPositionWithEventLoop,this)),this.$element=e(n),this.affixed=this.unpin=null,this.checkPosition()};t.DEFAULTS={offset:0},t.prototype.checkPositionWithEventLoop=function(){setTimeout(e.proxy(this.checkPosition,this),1)},t.prototype.checkPosition=function(){if(!this.$element.is(":visible"))return;var t=e(document).height(),n=this.$window.scrollTop(),r=this.$element.offset(),i=this.options.offset,s=i.top,o=i.bottom,u="affix affix-top affix-bottom";typeof i!="object"&&(o=s=i),typeof s=="function"&&(s=i.top()),typeof o=="function"&&(o=i.bottom());var a=this.unpin!=null&&n+this.unpin<=r.top?!1:o!=null&&r.top+this.$element.height()>=t-o?"bottom":s!=null&&n<=s?"top":!1;if(this.affixed===a)return;this.affixed=a,this.unpin=a=="bottom"?r.top-n:null,this.$element.removeClass(u).addClass("affix"+(a?"-"+a:""))};var n=e.fn.affix;e.fn.affix=function(n){return this.each(function(){var r=e(this),i=r.data("bs-affix"),s=typeof n=="object"&&n;i||r.data("bs-affix",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.affix.Constructor=t,e.fn.affix.noConflict=function(){return e.fn.affix=n,this},e(window).on("load",function(){e('[data-spy="affix"]').each(function(){var t=e(this),n=t.data();n.offset=n.offset||{},n.offsetBottom&&(n.offset.bottom=n.offsetBottom),n.offsetTop&&(n.offset.top=n.offsetTop),t.affix(n)})})}(window.jQuery); \ No newline at end of file diff --git a/js/tooltip.js b/js/tooltip.js index a40d242fc..aa535d196 100644 --- a/js/tooltip.js +++ b/js/tooltip.js @@ -92,7 +92,7 @@ } Tooltip.prototype.enter = function (e) { - var defaults = $.fn[this.type].defaults + var defaults = this.getDefaults() var options = {} this._options && $.each(this._options, function (key, value) { -- cgit v1.2.3 From c73588b3132b8c848f10561ad8f946f8c58a636b Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 16 May 2013 18:46:12 -0700 Subject: Drop .form-actions --- docs/_includes/nav-css.html | 1 - docs/assets/css/bootstrap.css | 28 ---------------------------- docs/css.html | 15 --------------- less/forms.less | 13 ------------- 4 files changed, 57 deletions(-) diff --git a/docs/_includes/nav-css.html b/docs/_includes/nav-css.html index f1596f7ef..437b2e3bd 100644 --- a/docs/_includes/nav-css.html +++ b/docs/_includes/nav-css.html @@ -54,7 +54,6 @@
                  • Control states
                  • Input groups
                  • Control sizing
                    • -
                  • Form actions
                  • Help text
                  diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index bec7260c2..326ae4990 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1535,34 +1535,6 @@ select:focus:invalid:focus { box-shadow: 0 0 6px #f8b9b7; } -.form-actions { - padding: 20px 20px; - margin-top: 20px; - margin-bottom: 20px; - background-color: #f5f5f5; - border-top: 1px solid #e5e5e5; -} - -.form-actions:before, -.form-actions:after { - display: table; - content: " "; -} - -.form-actions:after { - clear: both; -} - -.form-actions:before, -.form-actions:after { - display: table; - content: " "; -} - -.form-actions:after { - clear: both; -} - .help-block { display: block; margin-top: 5px; diff --git a/docs/css.html b/docs/css.html index 36b5208e6..90f6f490f 100644 --- a/docs/css.html +++ b/docs/css.html @@ -1661,21 +1661,6 @@ For example, <section> should be wrapped as inline.
                -{% endhighlight %} - -

                Form actions

                -

                End a form with a group of actions (buttons). When placed within a .form-horizontal, the buttons will automatically indent to line up with the form controls.

                -
                -
                - - -
                -
                -{% highlight html %} -
                - - -
                {% endhighlight %}

                Help text

                diff --git a/less/forms.less b/less/forms.less index 2c696945d..4e028bf49 100644 --- a/less/forms.less +++ b/less/forms.less @@ -295,19 +295,6 @@ select:focus:invalid { -// FORM ACTIONS -// ------------ - -.form-actions { - padding: @line-height-computed 20px; - margin-top: @line-height-computed; - margin-bottom: @line-height-computed; - background-color: @form-actions-bg; - border-top: 1px solid #e5e5e5; - .clearfix(); // Adding clearfix to allow for .pull-right button containers -} - - // HELP TEXT // --------- -- cgit v1.2.3 From e5d6a40a7781daea884dc4472e5eb3f1705a8498 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 16 May 2013 19:13:58 -0700 Subject: Redo the responsive utilities stuff * Update docs language * Enforce display: block; on all utilities for now * Fix up docs CSS for the tests --- docs/_layouts/default.html | 2 +- docs/assets/css/bootstrap.css | 20 ++++++++++---------- docs/assets/css/docs.css | 18 ++++++++++-------- docs/css.html | 26 +++++++++++++------------- less/responsive-utilities.less | 20 ++++++++++---------- 5 files changed, 44 insertions(+), 42 deletions(-) diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html index 249088b99..638b5485e 100644 --- a/docs/_layouts/default.html +++ b/docs/_layouts/default.html @@ -41,7 +41,7 @@
                - + Back to top diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 326ae4990..9737e7771 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -5094,7 +5094,7 @@ a.list-group-item.active > .badge, } .visible-sm { - display: inherit !important; + display: block !important; } .visible-md { @@ -5110,11 +5110,11 @@ a.list-group-item.active > .badge, } .hidden-md { - display: inherit !important; + display: block !important; } .hidden-lg { - display: inherit !important; + display: block !important; } @media (min-width: 768px) and (max-width: 991px) { @@ -5122,19 +5122,19 @@ a.list-group-item.active > .badge, display: none !important; } .visible-md { - display: inherit !important; + display: block !important; } .visible-lg { display: none !important; } .hidden-sm { - display: inherit !important; + display: block !important; } .hidden-md { display: none !important; } .hidden-lg { - display: inherit !important; + display: block !important; } } @@ -5146,13 +5146,13 @@ a.list-group-item.active > .badge, display: none !important; } .visible-lg { - display: inherit !important; + display: block !important; } .hidden-sm { - display: inherit !important; + display: block !important; } .hidden-md { - display: inherit !important; + display: block !important; } .hidden-lg { display: none !important; @@ -5165,7 +5165,7 @@ a.list-group-item.active > .badge, @media print { .visible-print { - display: inherit !important; + display: block !important; } .hidden-print { display: none !important; diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 3cc4d97ec..fd40cdafb 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -510,16 +510,14 @@ body { position: relative; float: left; width: 25%; - height: 43px; + padding: 15px 10px; font-size: 14px; font-weight: bold; - line-height: 43px; + line-height: 1.1; color: #999; text-align: center; border: 1px solid #ddd; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + border-radius: 4px; } .responsive-utilities-test li + li { margin-left: 10px; @@ -530,9 +528,8 @@ body { left: -1px; right: -1px; bottom: -1px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + padding: 15px 10px; + border-radius: 4px; } .responsive-utilities-test span { color: #468847; @@ -646,6 +643,10 @@ input.focused { margin-bottom: 5px; } +/* Hide the top link initially */ +.bs-top { + display: none; +} /* Responsive variations @@ -673,6 +674,7 @@ input.focused { /* Back to top link */ .bs-top { + display: block; /* Unhide */ float: left; padding: 7px 15px; font-weight: 500; diff --git a/docs/css.html b/docs/css.html index 90f6f490f..69bb0dd7c 100644 --- a/docs/css.html +++ b/docs/css.html @@ -1927,9 +1927,9 @@ For example, <section> should be wrapped as inline. Class - Phones 767px and below - Tablets 979px to 768px - Desktops Default + Small devices Up to 768px + Medium devices 768px to 979px + Large devices 980px and up @@ -1997,23 +1997,23 @@ For example, <section> should be wrapped as inline.

                When to use

                -

                Use on a limited basis and avoid creating entirely different versions of the same site. Instead, use them to complement each device's presentation. Responsive utilities should not be used with tables, and as such are not supported.

                +

                Use on a limited basis and avoid creating entirely different versions of the same site. Instead, use them to complement each device's presentation. Responsive utilities are currently only available for block-level toggling, meaning display: none; or display: block;. Use with inline and table elements is currently not supported.

                Test case

                -

                Resize your browser or load on different devices to test the above classes.

                +

                Resize your browser or load on different devices to test the responsive utility classes.

                Visible on...

                -

                Green checkmarks indicate that class is visible in your current viewport.

                +

                Green checkmarks indicate the element is visible in your current viewport.

                  -
                • Phone✔ Phone
                  • -
                • Tablet✔ Tablet
                  • -
                • Desktop✔ Desktop
                  • +
                • Small✔ Visible on small
                  • +
                • Medium✔ Visible on medium
                  • +
                • Large✔ Visible on large

                Hidden on...

                -

                Here, green checkmarks indicate that class is hidden in your current viewport.

                +

                Here, green checkmarks indicate the element is hidden in your current viewport.

                  -
                • Phone
                  • -
                • Tablet✔ Tablet
                  • -
                • Desktop
                  • +
                • Small
                  • +
                • Medium✔ Hidden on medium
                  • +
                • Large
                diff --git a/less/responsive-utilities.less b/less/responsive-utilities.less index 09a0955f8..f319298f0 100644 --- a/less/responsive-utilities.less +++ b/less/responsive-utilities.less @@ -36,34 +36,34 @@ // Visibility utilities // For Phones -.visible-sm { display: inherit !important; } +.visible-sm { display: block !important; } .visible-md { display: none !important; } .visible-lg { display: none !important; } .hidden-sm { display: none !important; } -.hidden-md { display: inherit !important; } -.hidden-lg { display: inherit !important; } +.hidden-md { display: block !important; } +.hidden-lg { display: block !important; } // Tablets & small desktops only @media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) { .visible-sm { display: none !important; } - .visible-md { display: inherit !important; } + .visible-md { display: block !important; } .visible-lg { display: none !important; } - .hidden-sm { display: inherit !important; } + .hidden-sm { display: block !important; } .hidden-md { display: none !important; } - .hidden-lg { display: inherit !important; } + .hidden-lg { display: block !important; } } // For desktops @media (min-width: @screen-desktop) { .visible-sm { display: none !important; } .visible-md { display: none !important; } - .visible-lg { display: inherit !important; } + .visible-lg { display: block !important; } - .hidden-sm { display: inherit !important; } - .hidden-md { display: inherit !important; } + .hidden-sm { display: block !important; } + .hidden-md { display: block !important; } .hidden-lg { display: none !important; } } @@ -72,6 +72,6 @@ .hidden-print { } @media print { - .visible-print { display: inherit !important; } + .visible-print { display: block !important; } .hidden-print { display: none !important; } } -- cgit v1.2.3 From af0b9cb41a5d86726c622529c5b8f8a43cd18e45 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 16 May 2013 20:07:41 -0700 Subject: Simple responsive utilities test css --- docs/assets/css/docs.css | 25 +++++++++++-------------- docs/css.html | 32 +++++++++++++++++++++++++------- 2 files changed, 36 insertions(+), 21 deletions(-) diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index fd40cdafb..e389eaf6e 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -510,28 +510,25 @@ body { position: relative; float: left; width: 25%; - padding: 15px 10px; - font-size: 14px; - font-weight: bold; - line-height: 1.1; - color: #999; - text-align: center; - border: 1px solid #ddd; - border-radius: 4px; } .responsive-utilities-test li + li { margin-left: 10px; } .responsive-utilities-test span { - position: absolute; - top: -1px; - left: -1px; - right: -1px; - bottom: -1px; padding: 15px 10px; + font-size: 14px; + font-weight: bold; + line-height: 1.1; + text-align: center; border-radius: 4px; } -.responsive-utilities-test span { +.responsive-utilities-test.visible-on [class*="hidden"], +.responsive-utilities-test.hidden-on [class*="visible"] { + color: #999; + border: 1px solid #ddd; +} +.responsive-utilities-test.visible-on [class*="visible"], +.responsive-utilities-test.hidden-on [class*="hidden"] { color: #468847; background-color: #dff0d8; border: 1px solid #d6e9c6; diff --git a/docs/css.html b/docs/css.html index 69bb0dd7c..f599f799f 100644 --- a/docs/css.html +++ b/docs/css.html @@ -2003,17 +2003,35 @@ For example, <section> should be wrapped as inline.

                Resize your browser or load on different devices to test the responsive utility classes.

                Visible on...

                Green checkmarks indicate the element is visible in your current viewport.

                -
                  -
                • Small✔ Visible on small
                  • -
                • Medium✔ Visible on medium
                  • -
                • Large✔ Visible on large
                  • +
                    +
                  • + + ✔ Visible on small +
                    • +
                  • + Medium + ✔ Visible on medium +
                    • +
                  • + + ✔ Visible on large +

                  Hidden on...

                  Here, green checkmarks indicate the element is hidden in your current viewport.

                    -
                  • Small
                    • -
                  • Medium✔ Hidden on medium
                    • -
                  • Large
                    • +
                  • + Small + +
                    • +
                  • + Medium + ✔ Hidden on medium +
                    • +
                  • + Large + +
                -- cgit v1.2.3 From 55a1416789c9c9f448528926016d0fa97f233578 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 16 May 2013 20:07:48 -0700 Subject: remove prettyprint js mention --- docs/assets/js/application.js | 3 --- 1 file changed, 3 deletions(-) diff --git a/docs/assets/js/application.js b/docs/assets/js/application.js index 9467ea84c..02785a49c 100644 --- a/docs/assets/js/application.js +++ b/docs/assets/js/application.js @@ -27,9 +27,6 @@ $('.bs-top').affix() }, 100) - // make code pretty - window.prettyPrint && prettyPrint() - // add-ons $('.add-on :checkbox').on('click', function () { var $this = $(this) -- cgit v1.2.3 From 1983ca03ec4f84bf9076d9327bc966caffda4ea6 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 16 May 2013 20:17:42 -0700 Subject: Form validation and horizontal row update * changed .row-label to .control-label as used elsewhere already * changed .formFieldState mixin to .form-field-validation --- docs/assets/css/bootstrap.css | 4 ++-- docs/css.html | 8 ++++---- less/forms.less | 10 +++++----- less/mixins.less | 2 +- 4 files changed, 12 insertions(+), 12 deletions(-) diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 9737e7771..4542376d8 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1666,12 +1666,12 @@ select:focus:invalid:focus { margin-top: 15px; } -.form-horizontal .row-label { +.form-horizontal .control-label { padding-top: 6px; } @media (min-width: 768px) { - .form-horizontal .row-label { + .form-horizontal .control-label { text-align: right; } } diff --git a/docs/css.html b/docs/css.html index f599f799f..be4e13098 100644 --- a/docs/css.html +++ b/docs/css.html @@ -1077,13 +1077,13 @@ For example, <section> should be wrapped as inline.

                Use Bootstrap's predefined grid classes to align labels and groups of form controls in a horizontal layout.

                - +
                - +
                @@ -1100,13 +1100,13 @@ For example, <section> should be wrapped as inline. {% highlight html %}
                - +
                - +
                diff --git a/less/forms.less b/less/forms.less index 4e028bf49..303c3b617 100644 --- a/less/forms.less +++ b/less/forms.less @@ -268,15 +268,15 @@ input[type="checkbox"] { // Warning .has-warning { - .formFieldState(@state-warning-text, @state-warning-text, @state-warning-bg); + .form-field-validation(@state-warning-text, @state-warning-text, @state-warning-bg); } // Error .has-error { - .formFieldState(@state-danger-text, @state-danger-text, @state-danger-bg); + .form-field-validation(@state-danger-text, @state-danger-text, @state-danger-bg); } // Success .has-success { - .formFieldState(@state-success-text, @state-success-text, @state-success-bg); + .form-field-validation(@state-success-text, @state-success-text, @state-success-bg); } // HTML5 invalid states @@ -443,14 +443,14 @@ select:focus:invalid { .row + .row { margin-top: 15px; } - .row-label { + .control-label { padding-top: 6px; } } // Only right aline form labels here when the columns stop stacking @media (min-width: 768px) { - .form-horizontal .row-label { + .form-horizontal .control-label { text-align: right; } } diff --git a/less/mixins.less b/less/mixins.less index dcba39f85..a2338c184 100644 --- a/less/mixins.less +++ b/less/mixins.less @@ -531,7 +531,7 @@ } // Generate form validation states -.formFieldState(@text-color: #555, @border-color: #ccc, @background-color: #f5f5f5) { +.form-field-validation(@text-color: #555, @border-color: #ccc, @background-color: #f5f5f5) { // Color the label text .control-label { color: @text-color; -- cgit v1.2.3 From 5dd6dbd6240575db20f040fff8c112241adf8aea Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 16 May 2013 20:18:03 -0700 Subject: Nuke rem font-size mixin --- less/mixins.less | 8 -------- 1 file changed, 8 deletions(-) diff --git a/less/mixins.less b/less/mixins.less index a2338c184..b54b05c4e 100644 --- a/less/mixins.less +++ b/less/mixins.less @@ -522,14 +522,6 @@ // Framework mixins // -------------------------------------------------- -// Generate rem font-sizes with pixel fallbacks -// By default uses `@font-size-base` with an initial value of 14 (1.4rem or 14px) -.font-size(@font-size: @font-size-base) { - @rem-size: (@font-size / 10); - font-size: ~"@{font-size}px"; - font-size: ~"@{rem-size}rem"; -} - // Generate form validation states .form-field-validation(@text-color: #555, @border-color: #ccc, @background-color: #f5f5f5) { // Color the label text -- cgit v1.2.3 From 140ef2320bbb96ad90b73a884d83198706affaf9 Mon Sep 17 00:00:00 2001 From: fat Date: Thu, 16 May 2013 20:19:51 -0700 Subject: change namespace back to dot notation and someother js shizzle --- docs/javascript.html | 2 +- js/affix.js | 8 ++++---- js/alert.js | 10 +++++----- js/button.js | 4 ++-- js/carousel.js | 6 +++--- js/collapse.js | 6 +++--- js/modal.js | 28 ++++++++++++++-------------- js/popover.js | 4 ++-- js/scrollspy.js | 4 ++-- js/tab.js | 10 +++++----- js/tests/index.html | 1 + js/tests/unit/affix.js | 2 +- js/tests/unit/alert.js | 6 +++--- js/tests/unit/button.js | 2 +- js/tests/unit/carousel.js | 14 +++++++------- js/tests/unit/collapse.js | 12 ++++++------ js/tests/unit/dropdown.js | 7 ++++--- js/tests/unit/modal.js | 26 +++++++++++++------------- js/tests/unit/popover.js | 4 ++-- js/tests/unit/tab.js | 6 +++--- js/tests/unit/tooltip.js | 26 +++++++++++++------------- js/tooltip.js | 20 ++++++++++---------- 22 files changed, 105 insertions(+), 103 deletions(-) diff --git a/docs/javascript.html b/docs/javascript.html index 79d5b2c8e..359dc68c5 100644 --- a/docs/javascript.html +++ b/docs/javascript.html @@ -17,7 +17,7 @@ lead: "Bring Bootstrap's components to life with over a dozen custom jQuery plug

                Plugins can be included individually, or all at once. Do not attempt to include both. Both bootstrap.js and bootstrap.min.js contain all plugins in a single file.

                Plugin dependencies

                -

                Some plugins and CSS components depend on other plugins. If you include plugins individually, make sure to check for these dependencies in the docs (in notes like this one).

                +

                Some plugins and CSS components depend on other plugins. If you include plugins individually, make sure to check for these dependencies in the docs.

                Data attributes

                diff --git a/js/affix.js b/js/affix.js index c70718c6d..c85726a0c 100644 --- a/js/affix.js +++ b/js/affix.js @@ -26,8 +26,8 @@ var Affix = function (element, options) { this.options = $.extend({}, Affix.DEFAULTS, options) this.$window = $(window) - .on('scroll.bs-affix.bs-data-api', $.proxy(this.checkPosition, this)) - .on('click.bs-affix.bs-data-api', $.proxy(this.checkPositionWithEventLoop, this)) + .on('scroll.bs.affix.data-api', $.proxy(this.checkPosition, this)) + .on('click.bs.affix.data-api', $.proxy(this.checkPositionWithEventLoop, this)) this.$element = $(element) this.affixed = @@ -80,10 +80,10 @@ $.fn.affix = function (option) { return this.each(function () { var $this = $(this) - var data = $this.data('bs-affix') + var data = $this.data('bs.affix') var options = typeof option == 'object' && option - if (!data) $this.data('bs-affix', (data = new Affix(this, options))) + if (!data) $this.data('bs.affix', (data = new Affix(this, options))) if (typeof option == 'string') data[option]() }) } diff --git a/js/alert.js b/js/alert.js index b841b4f5a..64eb30ae6 100644 --- a/js/alert.js +++ b/js/alert.js @@ -45,14 +45,14 @@ $parent = $this.hasClass('alert') ? $this : $this.parent() } - $parent.trigger(e = $.Event('bs:alert:close')) + $parent.trigger(e = $.Event('close.bs.alert')) if (e.isDefaultPrevented()) return $parent.removeClass('in') function removeElement() { - $parent.trigger('bs-closed').remove() + $parent.trigger('closed.bs.alert').remove() } $.support.transition && $parent.hasClass('fade') ? @@ -69,9 +69,9 @@ $.fn.alert = function (option) { return this.each(function () { var $this = $(this) - var data = $this.data('bs-alert') + var data = $this.data('bs.alert') - if (!data) $this.data('bs-alert', (data = new Alert(this))) + if (!data) $this.data('bs.alert', (data = new Alert(this))) if (typeof option == 'string') data[option].call($this) }) } @@ -91,6 +91,6 @@ // ALERT DATA-API // ============== - $(document).on('click.bs-alert.bs-data-api', dismiss, Alert.prototype.close) + $(document).on('click.bs.alert.data-api', dismiss, Alert.prototype.close) }(window.jQuery); diff --git a/js/button.js b/js/button.js index f43bba18f..1dbef5ccd 100644 --- a/js/button.js +++ b/js/button.js @@ -74,7 +74,7 @@ var data = $this.data('button') var options = typeof option == 'object' && option - if (!data) $this.data('bs-button', (data = new Button(this, options))) + if (!data) $this.data('bs.button', (data = new Button(this, options))) if (option == 'toggle') data.toggle() else if (option) data.setState(option) @@ -96,7 +96,7 @@ // BUTTON DATA-API // =============== - $(document).on('click.bs-button.bs-data-api', '[data-toggle^=button]', function (e) { + $(document).on('click.bs.button.data-api', '[data-toggle^=button]', function (e) { var $btn = $(e.target) if (!$btn.hasClass('btn')) $btn = $btn.closest('.btn') $btn.button('toggle') diff --git a/js/carousel.js b/js/carousel.js index 782f06a07..e0d74f81f 100644 --- a/js/carousel.js +++ b/js/carousel.js @@ -111,7 +111,7 @@ $next = $next.length ? $next : this.$element.find('.item')[fallback]() - var e = $.Event('bs:carousel:slide', { relatedTarget: $next[0], direction: direction }) + var e = $.Event('slide.bs.carousel', { relatedTarget: $next[0], direction: direction }) if ($next.hasClass('active')) return @@ -159,11 +159,11 @@ $.fn.carousel = function (option) { return this.each(function () { var $this = $(this) - var data = $this.data('bs-carousel') + var data = $this.data('bs.carousel') var options = $.extend({}, Carousel.DEFAULTS, typeof option == 'object' && option) var action = typeof option == 'string' ? option : options.slide - if (!data) $this.data('bs-carousel', (data = new Carousel(this, options))) + if (!data) $this.data('bs.carousel', (data = new Carousel(this, options))) if (typeof option == 'number') data.to(option) else if (action) data[action]() else if (options.interval) data.pause().cycle() diff --git a/js/collapse.js b/js/collapse.js index 95c91c299..4a94b1505 100644 --- a/js/collapse.js +++ b/js/collapse.js @@ -56,7 +56,7 @@ } this.$element[dimension](0) - this.transition('addClass', $.Event('bs:collapse:show'), 'bs:collapse:shown') + this.transition('addClass', $.Event('show.bs.collapse'), 'shown.bs.collapse') if ($.support.transition) this.$element[dimension](this.$element[0][scroll]) } @@ -65,7 +65,7 @@ if (this.transitioning || !this.$element.hasClass('in')) return var dimension = this.dimension() this.reset(this.$element[dimension]()) - this.transition('removeClass', $.Event('bs:collapse:hide'), 'hidden') + this.transition('removeClass', $.Event('hide.bs.collapse'), 'hidden') this.$element[dimension](0) } @@ -85,7 +85,7 @@ Collapse.prototype.transition = function (method, startEvent, completeEvent) { var that = this var complete = function () { - if (startEvent.type == 'bs:collapse:show') that.reset() + if (startEvent.type == 'show') that.reset() that.transitioning = 0 that.$element.trigger(completeEvent) } diff --git a/js/modal.js b/js/modal.js index f58f2000e..605aed10d 100644 --- a/js/modal.js +++ b/js/modal.js @@ -44,7 +44,7 @@ Modal.prototype.show = function () { var that = this - var e = $.Event('bs:modal:show') + var e = $.Event('show.bs.modal') this.$element.trigger(e) @@ -74,8 +74,8 @@ that.enforceFocus() transition ? - that.$element.one($.support.transition.end, function () { that.$element.focus().trigger('bs:modal:shown') }) : - that.$element.focus().trigger('bs:modal:shown') + that.$element.one($.support.transition.end, function () { that.$element.focus().trigger('shown.bs.modal') }) : + that.$element.focus().trigger('shown.bs.modal') }) } @@ -83,7 +83,7 @@ Modal.prototype.hide = function (e) { if (e) e.preventDefault() - e = $.Event('bs:modal:hide') + e = $.Event('hide.bs.modal') this.$element.trigger(e) @@ -93,7 +93,7 @@ this.escape() - $(document).off('focusin.modal') + $(document).off('focusin.bs.modal') this.$element .removeClass('in') @@ -105,7 +105,7 @@ } Modal.prototype.enforceFocus = function () { - $(document).on('focusin.modal', function (e) { + $(document).on('focusin.bs.modal', function (e) { if (this.$element[0] !== e.target && !this.$element.has(e.target).length) { this.$element.focus() } @@ -114,11 +114,11 @@ Modal.prototype.escape = function () { if (this.isShown && this.options.keyboard) { - this.$element.on('keyup.dismiss.modal', function ( e ) { + this.$element.on('keyup.dismiss.bs.modal', function ( e ) { e.which == 27 && this.hide() }, this) } else if (!this.isShown) { - this.$element.off('keyup.dismiss.modal') + this.$element.off('keyup.dismiss.bs.modal') } } @@ -140,7 +140,7 @@ this.$element.hide() this.backdrop(function () { that.removeBackdrop() - that.$element.trigger('bs:modal:hidden') + that.$element.trigger('hidden.bs.modal') }) } @@ -196,10 +196,10 @@ $.fn.modal = function (option) { return this.each(function () { var $this = $(this) - var data = $this.data('bs-modal') + var data = $this.data('bs.modal') var options = $.extend({}, Modal.DEFAULTS, $this.data(), typeof option == 'object' && option) - if (!data) $this.data('bs-modal', (data = new Modal(this, options))) + if (!data) $this.data('bs.modal', (data = new Modal(this, options))) if (typeof option == 'string') data[option]() else if (options.show) data.show() }) @@ -220,7 +220,7 @@ // MODAL DATA-API // ============== - $(document).on('click.modal.data-api', '[data-toggle="modal"]', function (e) { + $(document).on('click.bs.modal.data-api', '[data-toggle="modal"]', function (e) { var $this = $(this) var href = $this.attr('href') var $target = $($this.attr('data-target') || (href && href.replace(/.*(?=#[^\s]+$)/, ''))) //strip for ie7 @@ -236,7 +236,7 @@ }) var $body = $(document.body) - .on('bs:modal:shown', '.modal', function () { $body.addClass('modal-open') }) - .on('bs:modal:hidden', '.modal', function () { $body.removeClass('modal-open') }) + .on('bs.modal.shown', '.modal', function () { $body.addClass('modal-open') }) + .on('bs.modal.hidden', '.modal', function () { $body.removeClass('modal-open') }) }(window.jQuery); diff --git a/js/popover.js b/js/popover.js index 20bbaf1a4..2fca934f8 100644 --- a/js/popover.js +++ b/js/popover.js @@ -87,10 +87,10 @@ $.fn.popover = function (option) { return this.each(function () { var $this = $(this) - var data = $this.data('bs-popover') + var data = $this.data('bs.popover') var options = typeof option == 'object' && option - if (!data) $this.data('bs-popover', (data = new Popover(this, options))) + if (!data) $this.data('bs.popover', (data = new Popover(this, options))) if (typeof option == 'string') data[option]() }) } diff --git a/js/scrollspy.js b/js/scrollspy.js index cb257b2ca..c0ce3c2b7 100644 --- a/js/scrollspy.js +++ b/js/scrollspy.js @@ -123,10 +123,10 @@ $.fn.scrollspy = function (option) { return this.each(function () { var $this = $(this) - var data = $this.data('bs-scrollspy') + var data = $this.data('bs.scrollspy') var options = typeof option == 'object' && option - if (!data) $this.data('bs-scrollspy', (data = new ScrollSpy(this, options))) + if (!data) $this.data('bs.scrollspy', (data = new ScrollSpy(this, options))) if (typeof option == 'string') data[option]() }) } diff --git a/js/tab.js b/js/tab.js index 80d6f2618..68fdb0930 100644 --- a/js/tab.js +++ b/js/tab.js @@ -40,7 +40,7 @@ if ($this.parent('li').hasClass('active')) return var previous = $ul.find('.active:last a')[0] - var e = $.Event('bs:tab:show', { + var e = $.Event('show.bs.tab', { relatedTarget: previous }) @@ -53,7 +53,7 @@ this.activate($this.parent('li'), $ul) this.activate($target, $target.parent(), function () { $this.trigger({ - type: 'bs:tab:shown' + type: 'shown.bs.tab' , relatedTarget: previous }) }) @@ -103,9 +103,9 @@ $.fn.tab = function ( option ) { return this.each(function () { var $this = $(this) - var data = $this.data('bs-tab') + var data = $this.data('bs.tab') - if (!data) $this.data('bs-tab', (data = new Tab(this))) + if (!data) $this.data('bs.tab', (data = new Tab(this))) if (typeof option == 'string') data[option]() }) } @@ -125,7 +125,7 @@ // TAB DATA-API // ============ - $(document).on('click.tab.data-api', '[data-toggle="tab"], [data-toggle="pill"]', function (e) { + $(document).on('click.bs.tab.data-api', '[data-toggle="tab"], [data-toggle="pill"]', function (e) { e.preventDefault() $(this).tab('show') }) diff --git a/js/tests/index.html b/js/tests/index.html index 322a8efd3..0cfadc598 100644 --- a/js/tests/index.html +++ b/js/tests/index.html @@ -41,6 +41,7 @@ +
                diff --git a/js/tests/unit/affix.js b/js/tests/unit/affix.js index 9829b05ad..b74bc51e4 100644 --- a/js/tests/unit/affix.js +++ b/js/tests/unit/affix.js @@ -18,7 +18,7 @@ $(function () { test("should exit early if element is not visible", function () { var $affix = $('
                ').affix() - $affix.data('bs-affix').checkPosition() + $affix.data('bs.affix').checkPosition() ok(!$affix.hasClass('affix'), 'affix class was not added') }) diff --git a/js/tests/unit/alert.js b/js/tests/unit/alert.js index 3054767f6..98b10059e 100644 --- a/js/tests/unit/alert.js +++ b/js/tests/unit/alert.js @@ -1,6 +1,6 @@ $(function () { - module("alerts") + module("alert") test("should provide no conflict", function () { var alert = $.fn.alert.noConflict() @@ -48,12 +48,12 @@ $(function () { $.support.transition = false stop(); $('
                ') - .bind('bs:alert:close', function (e) { + .on('close.bs.alert', function (e) { e.preventDefault(); ok(true); start(); }) - .bind('bs:alert:closed', function () { + .on('closed.bs.alert', function () { ok(false); }) .alert('close') diff --git a/js/tests/unit/button.js b/js/tests/unit/button.js index aaf480c32..943d36d1b 100644 --- a/js/tests/unit/button.js +++ b/js/tests/unit/button.js @@ -1,6 +1,6 @@ $(function () { - module("buttons") + module("button") test("should provide no conflict", function () { var button = $.fn.button.noConflict() diff --git a/js/tests/unit/carousel.js b/js/tests/unit/carousel.js index 4d0bd6e81..f4acda02a 100644 --- a/js/tests/unit/carousel.js +++ b/js/tests/unit/carousel.js @@ -20,12 +20,12 @@ $(function () { $.support.transition = false stop() $('
                ') - .bind('bs:carousel:slide', function (e) { + .on('slide.bs.carousel', function (e) { e.preventDefault(); ok(true); start(); }) - .bind('bs:carousel:slid', function () { + .on('slid.bs.carousel', function () { ok(false); }) .carousel('next') @@ -35,7 +35,7 @@ $(function () { var template = '' $.support.transition = false stop() - $(template).on('bs:carousel:slide', function (e) { + $(template).on('slide.bs.carousel', function (e) { e.preventDefault() ok(e.direction) ok(e.direction === 'right' || e.direction === 'left') @@ -48,7 +48,7 @@ $(function () { $.support.transition = false stop() $(template) - .on('bs:carousel:slide', function (e) { + .on('slide.bs.carousel', function (e) { e.preventDefault(); ok(e.relatedTarget); ok($(e.relatedTarget).hasClass('item')); @@ -63,19 +63,19 @@ $(function () { template.appendTo("body"); $('[data-slide]').first().click(); - ok($('#myCarousel').data('bs-carousel').options.interval == 1814); + ok($('#myCarousel').data('bs.carousel').options.interval == 1814); $('#myCarousel').remove(); template.appendTo("body").attr("data-modal", "foobar"); $('[data-slide]').first().click(); - ok($('#myCarousel').data('bs-carousel').options.interval == 1814, "even if there is an data-modal attribute set"); + ok($('#myCarousel').data('bs.carousel').options.interval == 1814, "even if there is an data-modal attribute set"); $('#myCarousel').remove(); template.appendTo("body"); $('[data-slide]').first().click(); $('#myCarousel').attr('data-interval', 1860); $('[data-slide]').first().click(); - ok($('#myCarousel').data('bs-carousel').options.interval == 1814, "attributes should be read only on intitialization"); + ok($('#myCarousel').data('bs.carousel').options.interval == 1814, "attributes should be read only on intitialization"); $('#myCarousel').remove(); }) }) diff --git a/js/tests/unit/collapse.js b/js/tests/unit/collapse.js index 832d6d45d..dd2cee27d 100644 --- a/js/tests/unit/collapse.js +++ b/js/tests/unit/collapse.js @@ -32,12 +32,12 @@ $(function () { $.support.transition = false stop() $('
                ') - .bind('bs:collapse:show', function (e) { + .on('show.bs.collapse', function (e) { e.preventDefault(); ok(true); start(); }) - .bind('bs:collapse:shown', function () { + .on('shown.bs.collapse', function () { ok(false); }) .collapse('show') @@ -47,10 +47,10 @@ $(function () { $.support.transition = false stop() $('
                ') - .bind('bs:collapse:show', function () { + .on('show.bs.collapse', function () { ok(this.style.height == '0px') }) - .bind('bs:collapse:shown', function () { + .on('shown.bs.collapse', function () { ok(this.style.height == 'auto') start() }) @@ -66,7 +66,7 @@ $(function () { var collapsible = $('
                ') .appendTo($('#qunit-fixture')) - .on('bs:collapse:show', function () { + .on('show.bs.collapse', function () { ok(!target.hasClass('collapsed')) start() }) @@ -83,7 +83,7 @@ $(function () { var collapsible = $('
                ') .appendTo($('#qunit-fixture')) - .on('bs:collapse:hide', function () { + .on('hide.bs.collapse', function () { ok(target.hasClass('collapsed')) start() }) diff --git a/js/tests/unit/dropdown.js b/js/tests/unit/dropdown.js index 6b66c0974..09b5673a4 100644 --- a/js/tests/unit/dropdown.js +++ b/js/tests/unit/dropdown.js @@ -103,8 +103,9 @@ $(function () { .find('[data-toggle="dropdown"]') .dropdown() .click() + ok(dropdown.parent('.dropdown').hasClass('open'), 'open class added on click') - $('.dropdown-backdrop').click() + $('body').click() ok(!dropdown.parent('.dropdown').hasClass('open'), 'open class removed') dropdown.remove() }) @@ -136,13 +137,13 @@ $(function () { first.click() ok(first.parents('.open').length == 1, 'open class added on click') ok($('#qunit-fixture .open').length == 1, 'only one object is open') - $('.dropdown-backdrop').click() + $('body').click() ok($("#qunit-fixture .open").length === 0, 'open class removed') last.click() ok(last.parent('.open').length == 1, 'open class added on click') ok($('#qunit-fixture .open').length == 1, 'only one object is open') - $('.dropdown-backdrop').click() + $('body').click() ok($("#qunit-fixture .open").length === 0, 'open class removed') $("#qunit-fixture").html("") diff --git a/js/tests/unit/modal.js b/js/tests/unit/modal.js index 7d684f3ae..7ee47be38 100644 --- a/js/tests/unit/modal.js +++ b/js/tests/unit/modal.js @@ -27,7 +27,7 @@ $(function () { stop() $.support.transition = false $("") - .bind("bs:modal:shown", function () { + .on("shown.bs.modal", function () { ok($('#modal-test').length, 'modal insterted into dom') $(this).remove() start() @@ -39,10 +39,10 @@ $(function () { stop() $.support.transition = false $("") - .bind("bs:modal:show", function () { + .on("show.bs.modal", function () { ok(true, "show was called") }) - .bind("bs:modal:shown", function () { + .on("shown.bs.modal", function () { $(this).remove() start() }) @@ -53,12 +53,12 @@ $(function () { stop() $.support.transition = false $("") - .bind("bs:modal:show", function (e) { + .on("show.bs.modal", function (e) { e.preventDefault() ok(true, "show was called") start() }) - .bind("bs:modal:shown", function () { + .on("shown.bs.modal", function () { ok(false, "shown was called") }) .modal("show") @@ -69,12 +69,12 @@ $(function () { $.support.transition = false $("") - .bind("bs:modal:shown", function () { + .on("shown.bs.modal", function () { ok($('#modal-test').is(":visible"), 'modal visible') ok($('#modal-test').length, 'modal insterted into dom') $(this).modal("hide") }) - .bind("bs:modal:hidden", function() { + .on("hidden.bs.modal", function() { ok(!$('#modal-test').is(":visible"), 'modal hidden') $('#modal-test').remove() start() @@ -87,12 +87,12 @@ $(function () { $.support.transition = false var div = $("") div - .bind("bs:modal:shown", function () { + .on("shown.bs.modal", function () { ok($('#modal-test').is(":visible"), 'modal visible') ok($('#modal-test').length, 'modal insterted into dom') div.modal("toggle") }) - .bind("bs:modal:hidden", function() { + .on("hidden.bs.modal", function() { ok(!$('#modal-test').is(":visible"), 'modal hidden') div.remove() start() @@ -105,12 +105,12 @@ $(function () { $.support.transition = false var div = $("") div - .bind("bs:modal:shown", function () { + .on("shown.bs.modal", function () { ok($('#modal-test').is(":visible"), 'modal visible') ok($('#modal-test').length, 'modal insterted into dom') div.find('.close').click() }) - .bind("bs:modal:hidden", function() { + .on("hidden.bs.modal", function() { ok(!$('#modal-test').is(":visible"), 'modal hidden') div.remove() start() @@ -123,11 +123,11 @@ $(function () { $.support.transition = false var div = $("
                ", { id: 'modal-test', "data-backdrop": false }) div - .bind("bs:modal:shown", function () { + .on("shown.bs.modal", function () { ok($('#modal-test').is(":visible"), 'modal visible') div.modal("hide") }) - .bind("bs:modal:hidden", function() { + .on("hidden.bs.modal", function() { ok(!$('#modal-test').is(":visible"), 'modal hidden') div.remove() start() diff --git a/js/tests/unit/popover.js b/js/tests/unit/popover.js index 53980e722..fb0017567 100644 --- a/js/tests/unit/popover.js +++ b/js/tests/unit/popover.js @@ -34,7 +34,7 @@ $(function () { var popover = $('@mdo') .popover() - ok(!!popover.data('bs-popover'), 'popover instance exists') + ok(!!popover.data('bs.popover'), 'popover instance exists') }) test("should get title and content from options", function () { @@ -99,7 +99,7 @@ $(function () { test("should destroy popover", function () { var popover = $('
                ').popover({trigger: 'hover'}).on('click.foo', function(){}) - ok(popover.data('bs-popover'), 'popover has data') + ok(popover.data('bs.popover'), 'popover has data') ok($._data(popover[0], 'events').mouseover && $._data(popover[0], 'events').mouseout, 'popover has hover event') ok($._data(popover[0], 'events').click[0].namespace == 'foo', 'popover has extra click.foo event') popover.popover('show') diff --git a/js/tests/unit/tab.js b/js/tests/unit/tab.js index 40e4656a7..aede32abb 100644 --- a/js/tests/unit/tab.js +++ b/js/tests/unit/tab.js @@ -53,12 +53,12 @@ $(function () { $.support.transition = false stop(); $('
                ') - .bind('bs:tab:show', function (e) { + .on('show.bs.tab', function (e) { e.preventDefault(); ok(true); start(); }) - .bind('bs:tab:shown', function () { + .on('shown.bs.tab', function () { ok(false); }) .tab('show') @@ -78,7 +78,7 @@ $(function () { $(dropHTML).find('ul>li:first a').tab('show').end() .find('ul>li:last a').on('show', function(event){ equals(event.relatedTarget.hash, "#1-1") - }).on('bs:tab:shown', function(event){ + }).on('shown', function(event){ equals(event.relatedTarget.hash, "#1-1") }).tab('show') }) diff --git a/js/tests/unit/tooltip.js b/js/tests/unit/tooltip.js index 8a1be0eca..638edefc2 100644 --- a/js/tests/unit/tooltip.js +++ b/js/tests/unit/tooltip.js @@ -69,7 +69,7 @@ $(function () { test("should fire show event", function () { stop() var tooltip = $('
                ') - .bind("bs:tooltip:show", function() { + .on("show.bs.tooltip", function() { ok(true, "show was called") start() }) @@ -79,7 +79,7 @@ $(function () { test("should fire shown event", function () { stop() var tooltip = $('
                ') - .bind("bs:tooltip:shown", function() { + .on("shown.bs.tooltip", function() { ok(true, "shown was called") start() }) @@ -89,12 +89,12 @@ $(function () { test("should not fire shown event when default prevented", function () { stop() var tooltip = $('
                ') - .bind("bs:tooltip:show", function(e) { + .on("show.bs.tooltip", function(e) { e.preventDefault() ok(true, "show was called") start() }) - .bind("bs:tooltip:shown", function() { + .on("shown.bs.tooltip", function() { ok(false, "shown was called") }) .tooltip('show') @@ -103,10 +103,10 @@ $(function () { test("should fire hide event", function () { stop() var tooltip = $('
                ') - .bind("bs:tooltip:shown", function() { + .on("shown.bs.tooltip", function() { $(this).tooltip('hide') }) - .bind("bs:tooltip:hide", function() { + .on("hide.bs.tooltip", function() { ok(true, "hide was called") start() }) @@ -116,10 +116,10 @@ $(function () { test("should fire hidden event", function () { stop() var tooltip = $('
                ') - .bind("bs:tooltip:shown", function() { + .on("shown.bs.tooltip", function() { $(this).tooltip('hide') }) - .bind("bs:tooltip:hidden", function() { + .on("hidden.bs.tooltip", function() { ok(true, "hidden was called") start() }) @@ -129,15 +129,15 @@ $(function () { test("should not fire hidden event when default prevented", function () { stop() var tooltip = $('
                ') - .bind("bs:tooltip:shown", function() { + .on("shown.bs.tooltip", function() { $(this).tooltip('hide') }) - .bind("bs:tooltip:hide", function(e) { + .on("hide.bs.tooltip", function(e) { e.preventDefault() ok(true, "hide was called") start() }) - .bind("bs:tooltip:hidden", function() { + .on("hidden.bs.tooltip", function() { ok(false, "hidden was called") }) .tooltip('show') @@ -214,13 +214,13 @@ $(function () { test("should destroy tooltip", function () { var tooltip = $('
                ').tooltip().on('click.foo', function(){}) - ok(tooltip.data('bs-tooltip'), 'tooltip has data') + ok(tooltip.data('bs.tooltip'), 'tooltip has data') ok($._data(tooltip[0], 'events').mouseover && $._data(tooltip[0], 'events').mouseout, 'tooltip has hover event') ok($._data(tooltip[0], 'events').click[0].namespace == 'foo', 'tooltip has extra click.foo event') tooltip.tooltip('show') tooltip.tooltip('destroy') ok(!tooltip.hasClass('in'), 'tooltip is hidden') - ok(!$._data(tooltip[0], 'bs-tooltip'), 'tooltip does not have data') + ok(!$._data(tooltip[0], 'bs.tooltip'), 'tooltip does not have data') ok($._data(tooltip[0], 'events').click[0].namespace == 'foo', 'tooltip still has click.foo') ok(!$._data(tooltip[0], 'events').mouseover && !$._data(tooltip[0], 'events').mouseout, 'tooltip does not have any events') }) diff --git a/js/tooltip.js b/js/tooltip.js index aa535d196..be9ac251d 100644 --- a/js/tooltip.js +++ b/js/tooltip.js @@ -99,7 +99,7 @@ if (defaults[key] != value) options[key] = value }, this) - var self = $(e.currentTarget)[this.type](options).data('bs-' + this.type) + var self = $(e.currentTarget)[this.type](options).data('bs.' + this.type) if (!self.options.delay || !self.options.delay.show) return self.show() @@ -112,7 +112,7 @@ } Tooltip.prototype.leave = function (e) { - var self = $(e.currentTarget)[this.type](this._options).data('bs-' + this.type) + var self = $(e.currentTarget)[this.type](this._options).data('bs.' + this.type) if (this.timeout) clearTimeout(this.timeout) if (!self.options.delay || !self.options.delay.hide) return self.hide() @@ -124,7 +124,7 @@ } Tooltip.prototype.show = function () { - var e = $.Event('bs:'+ this.type + ':show') + var e = $.Event('show.bs.'+ this.type) if (this.hasContent() && this.enabled) { this.$element.trigger(e) @@ -168,7 +168,7 @@ } this.applyPlacement(tp, placement) - this.$element.trigger('bs:' + this.type + ':shown') + this.$element.trigger('shown.bs.' + this.type) } } @@ -227,7 +227,7 @@ Tooltip.prototype.hide = function () { var that = this var $tip = this.tip() - var e = $.Event('bs:' + this.type + ':hide') + var e = $.Event('hide.bs.' + this.type) this.$element.trigger(e) @@ -250,7 +250,7 @@ removeWithAnimation() : $tip.detach() - this.$element.trigger('bs:' + this.type + ':hidden') + this.$element.trigger('hidden.bs.' + this.type) return this } @@ -314,12 +314,12 @@ } Tooltip.prototype.toggle = function (e) { - var self = e ? $(e.currentTarget)[this.type](this._options).data('bs-' + this.type) : this + var self = e ? $(e.currentTarget)[this.type](this._options).data('bs.' + this.type) : this self.tip().hasClass('in') ? self.hide() : self.show() } Tooltip.prototype.destroy = function () { - this.hide().$element.off('.' + this.type).removeData('bs-' + this.type) + this.hide().$element.off('.' + this.type).removeData('bs.' + this.type) } @@ -331,10 +331,10 @@ $.fn.tooltip = function (option) { return this.each(function () { var $this = $(this) - var data = $this.data('bs-tooltip') + var data = $this.data('bs.tooltip') var options = typeof option == 'object' && option - if (!data) $this.data('bs-tooltip', (data = new Tooltip(this, options))) + if (!data) $this.data('bs.tooltip', (data = new Tooltip(this, options))) if (typeof option == 'string') data[option]() }) } -- cgit v1.2.3 From 8a3e98230544cd2197a57c6e9cb01e3ceeb7a678 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 16 May 2013 20:29:50 -0700 Subject: Fix broke dropdown navbar example --- docs/javascript.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/javascript.html b/docs/javascript.html index 79d5b2c8e..c649989a3 100644 --- a/docs/javascript.html +++ b/docs/javascript.html @@ -342,7 +342,7 @@ $('#myModal').on('hidden', function () {
                Project Name -
                diff --git a/docs/javascript.html b/docs/javascript.html index 25ea6a953..160c897ef 100644 --- a/docs/javascript.html +++ b/docs/javascript.html @@ -1053,7 +1053,7 @@ $('#example').tooltip(options)

                Oh snap! You got an error!

                Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.

                - Take this action Or do this + Take this action Or do this

                diff --git a/less/alerts.less b/less/alerts.less index bb7846249..24b791143 100644 --- a/less/alerts.less +++ b/less/alerts.less @@ -24,9 +24,8 @@ hr { border-top-color: darken(@alert-border, 5%); } - // Inherit color for immediate links and bolden them some - > a, - > p > a { + // Provide class for links that match alerts + .alert-link { font-weight: 500; color: darken(@alert-text, 10%); } @@ -50,8 +49,7 @@ hr { border-top-color: darken(@alert-success-border, 5%); } - > a, - > p > a { + .alert-link { color: darken(@alert-success-text, 10%); } } @@ -62,8 +60,7 @@ hr { border-top-color: darken(@alert-danger-border, 5%); } - > a, - > p > a { + .alert-link { color: darken(@alert-danger-text, 10%); } } @@ -74,8 +71,7 @@ hr { border-top-color: darken(@alert-info-border, 5%); } - > a, - > p > a { + .alert-link { color: darken(@alert-info-text, 10%); } } -- cgit v1.2.3 From c0f5a0775d1b62deea29379d7b54eb8c4e2979c9 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 16 May 2013 20:54:06 -0700 Subject: Run make on latest JS --- docs/assets/js/bootstrap.js | 100 ++++++++++++++++++++-------------------- docs/assets/js/bootstrap.min.js | 2 +- 2 files changed, 51 insertions(+), 51 deletions(-) diff --git a/docs/assets/js/bootstrap.js b/docs/assets/js/bootstrap.js index 4d7eae267..351502491 100644 --- a/docs/assets/js/bootstrap.js +++ b/docs/assets/js/bootstrap.js @@ -92,14 +92,14 @@ $parent = $this.hasClass('alert') ? $this : $this.parent() } - $parent.trigger(e = $.Event('bs:alert:close')) + $parent.trigger(e = $.Event('close.bs.alert')) if (e.isDefaultPrevented()) return $parent.removeClass('in') function removeElement() { - $parent.trigger('bs-closed').remove() + $parent.trigger('closed.bs.alert').remove() } $.support.transition && $parent.hasClass('fade') ? @@ -116,9 +116,9 @@ $.fn.alert = function (option) { return this.each(function () { var $this = $(this) - var data = $this.data('bs-alert') + var data = $this.data('bs.alert') - if (!data) $this.data('bs-alert', (data = new Alert(this))) + if (!data) $this.data('bs.alert', (data = new Alert(this))) if (typeof option == 'string') data[option].call($this) }) } @@ -138,7 +138,7 @@ // ALERT DATA-API // ============== - $(document).on('click.bs-alert.bs-data-api', dismiss, Alert.prototype.close) + $(document).on('click.bs.alert.data-api', dismiss, Alert.prototype.close) }(window.jQuery); /* ============================================================ @@ -217,7 +217,7 @@ var data = $this.data('button') var options = typeof option == 'object' && option - if (!data) $this.data('bs-button', (data = new Button(this, options))) + if (!data) $this.data('bs.button', (data = new Button(this, options))) if (option == 'toggle') data.toggle() else if (option) data.setState(option) @@ -239,7 +239,7 @@ // BUTTON DATA-API // =============== - $(document).on('click.bs-button.bs-data-api', '[data-toggle^=button]', function (e) { + $(document).on('click.bs.button.data-api', '[data-toggle^=button]', function (e) { var $btn = $(e.target) if (!$btn.hasClass('btn')) $btn = $btn.closest('.btn') $btn.button('toggle') @@ -359,7 +359,7 @@ $next = $next.length ? $next : this.$element.find('.item')[fallback]() - var e = $.Event('bs:carousel:slide', { relatedTarget: $next[0], direction: direction }) + var e = $.Event('slide.bs.carousel', { relatedTarget: $next[0], direction: direction }) if ($next.hasClass('active')) return @@ -407,11 +407,11 @@ $.fn.carousel = function (option) { return this.each(function () { var $this = $(this) - var data = $this.data('bs-carousel') + var data = $this.data('bs.carousel') var options = $.extend({}, Carousel.DEFAULTS, typeof option == 'object' && option) var action = typeof option == 'string' ? option : options.slide - if (!data) $this.data('bs-carousel', (data = new Carousel(this, options))) + if (!data) $this.data('bs.carousel', (data = new Carousel(this, options))) if (typeof option == 'number') data.to(option) else if (action) data[action]() else if (options.interval) data.pause().cycle() @@ -507,7 +507,7 @@ } this.$element[dimension](0) - this.transition('addClass', $.Event('bs:collapse:show'), 'bs:collapse:shown') + this.transition('addClass', $.Event('show.bs.collapse'), 'shown.bs.collapse') if ($.support.transition) this.$element[dimension](this.$element[0][scroll]) } @@ -516,7 +516,7 @@ if (this.transitioning || !this.$element.hasClass('in')) return var dimension = this.dimension() this.reset(this.$element[dimension]()) - this.transition('removeClass', $.Event('bs:collapse:hide'), 'hidden') + this.transition('removeClass', $.Event('hide.bs.collapse'), 'hidden') this.$element[dimension](0) } @@ -536,7 +536,7 @@ Collapse.prototype.transition = function (method, startEvent, completeEvent) { var that = this var complete = function () { - if (startEvent.type == 'bs:collapse:show') that.reset() + if (startEvent.type == 'show') that.reset() that.transitioning = 0 that.$element.trigger(completeEvent) } @@ -793,7 +793,7 @@ Modal.prototype.show = function () { var that = this - var e = $.Event('bs:modal:show') + var e = $.Event('show.bs.modal') this.$element.trigger(e) @@ -823,8 +823,8 @@ that.enforceFocus() transition ? - that.$element.one($.support.transition.end, function () { that.$element.focus().trigger('bs:modal:shown') }) : - that.$element.focus().trigger('bs:modal:shown') + that.$element.one($.support.transition.end, function () { that.$element.focus().trigger('shown.bs.modal') }) : + that.$element.focus().trigger('shown.bs.modal') }) } @@ -832,7 +832,7 @@ Modal.prototype.hide = function (e) { if (e) e.preventDefault() - e = $.Event('bs:modal:hide') + e = $.Event('hide.bs.modal') this.$element.trigger(e) @@ -842,7 +842,7 @@ this.escape() - $(document).off('focusin.modal') + $(document).off('focusin.bs.modal') this.$element .removeClass('in') @@ -854,7 +854,7 @@ } Modal.prototype.enforceFocus = function () { - $(document).on('focusin.modal', function (e) { + $(document).on('focusin.bs.modal', function (e) { if (this.$element[0] !== e.target && !this.$element.has(e.target).length) { this.$element.focus() } @@ -863,11 +863,11 @@ Modal.prototype.escape = function () { if (this.isShown && this.options.keyboard) { - this.$element.on('keyup.dismiss.modal', function ( e ) { + this.$element.on('keyup.dismiss.bs.modal', function ( e ) { e.which == 27 && this.hide() }, this) } else if (!this.isShown) { - this.$element.off('keyup.dismiss.modal') + this.$element.off('keyup.dismiss.bs.modal') } } @@ -889,7 +889,7 @@ this.$element.hide() this.backdrop(function () { that.removeBackdrop() - that.$element.trigger('bs:modal:hidden') + that.$element.trigger('hidden.bs.modal') }) } @@ -945,10 +945,10 @@ $.fn.modal = function (option) { return this.each(function () { var $this = $(this) - var data = $this.data('bs-modal') + var data = $this.data('bs.modal') var options = $.extend({}, Modal.DEFAULTS, $this.data(), typeof option == 'object' && option) - if (!data) $this.data('bs-modal', (data = new Modal(this, options))) + if (!data) $this.data('bs.modal', (data = new Modal(this, options))) if (typeof option == 'string') data[option]() else if (options.show) data.show() }) @@ -969,7 +969,7 @@ // MODAL DATA-API // ============== - $(document).on('click.modal.data-api', '[data-toggle="modal"]', function (e) { + $(document).on('click.bs.modal.data-api', '[data-toggle="modal"]', function (e) { var $this = $(this) var href = $this.attr('href') var $target = $($this.attr('data-target') || (href && href.replace(/.*(?=#[^\s]+$)/, ''))) //strip for ie7 @@ -985,8 +985,8 @@ }) var $body = $(document.body) - .on('bs:modal:shown', '.modal', function () { $body.addClass('modal-open') }) - .on('bs:modal:hidden', '.modal', function () { $body.removeClass('modal-open') }) + .on('bs.modal.shown', '.modal', function () { $body.addClass('modal-open') }) + .on('bs.modal.hidden', '.modal', function () { $body.removeClass('modal-open') }) }(window.jQuery); /* =========================================================== @@ -1090,7 +1090,7 @@ if (defaults[key] != value) options[key] = value }, this) - var self = $(e.currentTarget)[this.type](options).data('bs-' + this.type) + var self = $(e.currentTarget)[this.type](options).data('bs.' + this.type) if (!self.options.delay || !self.options.delay.show) return self.show() @@ -1103,7 +1103,7 @@ } Tooltip.prototype.leave = function (e) { - var self = $(e.currentTarget)[this.type](this._options).data('bs-' + this.type) + var self = $(e.currentTarget)[this.type](this._options).data('bs.' + this.type) if (this.timeout) clearTimeout(this.timeout) if (!self.options.delay || !self.options.delay.hide) return self.hide() @@ -1115,7 +1115,7 @@ } Tooltip.prototype.show = function () { - var e = $.Event('bs:'+ this.type + ':show') + var e = $.Event('show.bs.'+ this.type) if (this.hasContent() && this.enabled) { this.$element.trigger(e) @@ -1159,7 +1159,7 @@ } this.applyPlacement(tp, placement) - this.$element.trigger('bs:' + this.type + ':shown') + this.$element.trigger('shown.bs.' + this.type) } } @@ -1218,7 +1218,7 @@ Tooltip.prototype.hide = function () { var that = this var $tip = this.tip() - var e = $.Event('bs:' + this.type + ':hide') + var e = $.Event('hide.bs.' + this.type) this.$element.trigger(e) @@ -1241,7 +1241,7 @@ removeWithAnimation() : $tip.detach() - this.$element.trigger('bs:' + this.type + ':hidden') + this.$element.trigger('hidden.bs.' + this.type) return this } @@ -1305,12 +1305,12 @@ } Tooltip.prototype.toggle = function (e) { - var self = e ? $(e.currentTarget)[this.type](this._options).data('bs-' + this.type) : this + var self = e ? $(e.currentTarget)[this.type](this._options).data('bs.' + this.type) : this self.tip().hasClass('in') ? self.hide() : self.show() } Tooltip.prototype.destroy = function () { - this.hide().$element.off('.' + this.type).removeData('bs-' + this.type) + this.hide().$element.off('.' + this.type).removeData('bs.' + this.type) } @@ -1322,10 +1322,10 @@ $.fn.tooltip = function (option) { return this.each(function () { var $this = $(this) - var data = $this.data('bs-tooltip') + var data = $this.data('bs.tooltip') var options = typeof option == 'object' && option - if (!data) $this.data('bs-tooltip', (data = new Tooltip(this, options))) + if (!data) $this.data('bs.tooltip', (data = new Tooltip(this, options))) if (typeof option == 'string') data[option]() }) } @@ -1431,10 +1431,10 @@ $.fn.popover = function (option) { return this.each(function () { var $this = $(this) - var data = $this.data('bs-popover') + var data = $this.data('bs.popover') var options = typeof option == 'object' && option - if (!data) $this.data('bs-popover', (data = new Popover(this, options))) + if (!data) $this.data('bs.popover', (data = new Popover(this, options))) if (typeof option == 'string') data[option]() }) } @@ -1576,10 +1576,10 @@ $.fn.scrollspy = function (option) { return this.each(function () { var $this = $(this) - var data = $this.data('bs-scrollspy') + var data = $this.data('bs.scrollspy') var options = typeof option == 'object' && option - if (!data) $this.data('bs-scrollspy', (data = new ScrollSpy(this, options))) + if (!data) $this.data('bs.scrollspy', (data = new ScrollSpy(this, options))) if (typeof option == 'string') data[option]() }) } @@ -1649,7 +1649,7 @@ if ($this.parent('li').hasClass('active')) return var previous = $ul.find('.active:last a')[0] - var e = $.Event('bs:tab:show', { + var e = $.Event('show.bs.tab', { relatedTarget: previous }) @@ -1662,7 +1662,7 @@ this.activate($this.parent('li'), $ul) this.activate($target, $target.parent(), function () { $this.trigger({ - type: 'bs:tab:shown' + type: 'shown.bs.tab' , relatedTarget: previous }) }) @@ -1712,9 +1712,9 @@ $.fn.tab = function ( option ) { return this.each(function () { var $this = $(this) - var data = $this.data('bs-tab') + var data = $this.data('bs.tab') - if (!data) $this.data('bs-tab', (data = new Tab(this))) + if (!data) $this.data('bs.tab', (data = new Tab(this))) if (typeof option == 'string') data[option]() }) } @@ -1734,7 +1734,7 @@ // TAB DATA-API // ============ - $(document).on('click.tab.data-api', '[data-toggle="tab"], [data-toggle="pill"]', function (e) { + $(document).on('click.bs.tab.data-api', '[data-toggle="tab"], [data-toggle="pill"]', function (e) { e.preventDefault() $(this).tab('show') }) @@ -1768,8 +1768,8 @@ var Affix = function (element, options) { this.options = $.extend({}, Affix.DEFAULTS, options) this.$window = $(window) - .on('scroll.bs-affix.bs-data-api', $.proxy(this.checkPosition, this)) - .on('click.bs-affix.bs-data-api', $.proxy(this.checkPositionWithEventLoop, this)) + .on('scroll.bs.affix.data-api', $.proxy(this.checkPosition, this)) + .on('click.bs.affix.data-api', $.proxy(this.checkPositionWithEventLoop, this)) this.$element = $(element) this.affixed = @@ -1822,10 +1822,10 @@ $.fn.affix = function (option) { return this.each(function () { var $this = $(this) - var data = $this.data('bs-affix') + var data = $this.data('bs.affix') var options = typeof option == 'object' && option - if (!data) $this.data('bs-affix', (data = new Affix(this, options))) + if (!data) $this.data('bs.affix', (data = new Affix(this, options))) if (typeof option == 'string') data[option]() }) } diff --git a/docs/assets/js/bootstrap.min.js b/docs/assets/js/bootstrap.min.js index 1f5f4cfad..789dcca8d 100644 --- a/docs/assets/js/bootstrap.min.js +++ b/docs/assets/js/bootstrap.min.js @@ -3,4 +3,4 @@ * Copyright 2012 Twitter, Inc. * http://www.apache.org/licenses/LICENSE-2.0.txt */ -!function(e){"use strict";function t(){var e=document.createElement("bootstrap"),t={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var n in t)if(e.style[n]!==undefined)return{end:t[n]}}e(function(){e.support.transition=t()})}(window.jQuery),!function(e){"use strict";var t='[data-dismiss="alert"]',n=function(n){e(n).on("click",t,this.close)};n.prototype.close=function(t){function s(){i.trigger("bs-closed").remove()}var n=e(this),r=n.attr("data-target");r||(r=n.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,""));var i=e(r);t&&t.preventDefault(),i.length||(i=n.hasClass("alert")?n:n.parent()),i.trigger(t=e.Event("bs:alert:close"));if(t.isDefaultPrevented())return;i.removeClass("in"),e.support.transition&&i.hasClass("fade")?i.on(e.support.transition.end,s):s()};var r=e.fn.alert;e.fn.alert=function(t){return this.each(function(){var r=e(this),i=r.data("bs-alert");i||r.data("bs-alert",i=new n(this)),typeof t=="string"&&i[t].call(r)})},e.fn.alert.Constructor=n,e.fn.alert.noConflict=function(){return e.fn.alert=r,this},e(document).on("click.bs-alert.bs-data-api",t,n.prototype.close)}(window.jQuery),!function(e){"use strict";var t=function(n,r){this.$element=e(n),this.options=e.extend({},t.DEFAULTS,r)};t.DEFAULTS={loadingText:"loading..."},t.prototype.setState=function(e){var t="disabled",n=this.$element,r=n.is("input")?"val":"html",i=n.data();e+="Text",i.resetText||n.data("resetText",n[r]()),n[r](i[e]||this.options[e]),setTimeout(function(){e=="loadingText"?n.addClass(t).attr(t,t):n.removeClass(t).removeAttr(t)},0)},t.prototype.toggle=function(){var e=this.$element.closest('[data-toggle="buttons-radio"]');e&&e.find(".active").removeClass("active"),this.$element.toggleClass("active")};var n=e.fn.button;e.fn.button=function(n){return this.each(function(){var r=e(this),i=r.data("button"),s=typeof n=="object"&&n;i||r.data("bs-button",i=new t(this,s)),n=="toggle"?i.toggle():n&&i.setState(n)})},e.fn.button.Constructor=t,e.fn.button.noConflict=function(){return e.fn.button=n,this},e(document).on("click.bs-button.bs-data-api","[data-toggle^=button]",function(t){var n=e(t.target);n.hasClass("btn")||(n=n.closest(".btn")),n.button("toggle")})}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.$element=e(t),this.$indicators=this.$element.find(".carousel-indicators"),this.options=n,this.paused=this.sliding=this.interval=this.$active=this.$items=null,this.options.pause=="hover"&&this.$element.on("mouseenter",e.proxy(this.pause,this)).on("mouseleave",e.proxy(this.cycle,this))};t.DEFAULTS={interval:5e3,pause:"hover"},t.prototype.cycle=function(t){return t||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(e.proxy(this.next,this),this.options.interval)),this},t.prototype.getActiveIndex=function(){return this.$active=this.$element.find(".item.active"),this.$items=this.$active.parent().children(),this.$items.index(this.$active)},t.prototype.to=function(t){var n=this,r=this.getActiveIndex();if(t>this.$items.length-1||t<0)return;return this.sliding?this.$element.one("slid",function(){n.to(t)}):r==t?this.pause().cycle():this.slide(t>r?"next":"prev",e(this.$items[t]))},t.prototype.pause=function(t){return t||(this.paused=!0),this.$element.find(".next, .prev").length&&e.support.transition.end&&(this.$element.trigger(e.support.transition.end),this.cycle(!0)),this.interval=clearInterval(this.interval),this},t.prototype.next=function(){if(this.sliding)return;return this.slide("next")},t.prototype.prev=function(){if(this.sliding)return;return this.slide("prev")},t.prototype.slide=function(t,n){var r=this.$element.find(".item.active"),i=n||r[t](),s=this.interval,o=t=="next"?"left":"right",u=t=="next"?"first":"last",a=this;this.sliding=!0,s&&this.pause(),i=i.length?i:this.$element.find(".item")[u]();var f=e.Event("bs:carousel:slide",{relatedTarget:i[0],direction:o});if(i.hasClass("active"))return;this.$indicators.length&&(this.$indicators.find(".active").removeClass("active"),this.$element.one("slid",function(){var t=e(a.$indicators.children()[a.getActiveIndex()]);t&&t.addClass("active")}));if(e.support.transition&&this.$element.hasClass("slide")){this.$element.trigger(f);if(f.isDefaultPrevented())return;i.addClass(t),i[0].offsetWidth,r.addClass(o),i.addClass(o),this.$element.one(e.support.transition.end,function(){i.removeClass([t,o].join(" ")).addClass("active"),r.removeClass(["active",o].join(" ")),a.sliding=!1,setTimeout(function(){a.$element.trigger("slid")},0)})}else{this.$element.trigger(f);if(f.isDefaultPrevented())return;r.removeClass("active"),i.addClass("active"),this.sliding=!1,this.$element.trigger("slid")}return s&&this.cycle(),this};var n=e.fn.carousel;e.fn.carousel=function(n){return this.each(function(){var r=e(this),i=r.data("bs-carousel"),s=e.extend({},t.DEFAULTS,typeof n=="object"&&n),o=typeof n=="string"?n:s.slide;i||r.data("bs-carousel",i=new t(this,s)),typeof n=="number"?i.to(n):o?i[o]():s.interval&&i.pause().cycle()})},e.fn.carousel.Constructor=t,e.fn.carousel.noConflict=function(){return e.fn.carousel=n,this},e(document).on("click.carousel.data-api","[data-slide], [data-slide-to]",function(t){var n=e(this),r,i=e(n.attr("data-target")||(r=n.attr("href"))&&r.replace(/.*(?=#[^\s]+$)/,"")),s=e.extend({},i.data(),n.data()),o;i.carousel(s),(o=n.attr("data-slide-to"))&&i.data("bs-carousel").pause().to(o).cycle(),t.preventDefault()})}(window.jQuery),!function(e){"use strict";var t=function(n,r){this.$element=e(n),this.options=e.extend({},t.DEFAULTS,r),this.transitioning=null,this.options.parent&&(this.$parent=e(this.options.parent)),this.options.toggle&&this.toggle()};t.DEFAULTS={toggle:!0},t.prototype.dimension=function(){var e=this.$element.hasClass("width");return e?"width":"height"},t.prototype.show=function(){if(this.transitioning||this.$element.hasClass("in"))return;var t=this.dimension(),n=e.camelCase(["scroll",t].join("-")),r=this.$parent&&this.$parent.find("> .accordion-group > .in");if(r&&r.length){var i=r.data("collapse");if(i&&i.transitioning)return;r.collapse("hide"),i||r.data("collapse",null)}this.$element[t](0),this.transition("addClass",e.Event("bs:collapse:show"),"bs:collapse:shown"),e.support.transition&&this.$element[t](this.$element[0][n])},t.prototype.hide=function(){if(this.transitioning||!this.$element.hasClass("in"))return;var t=this.dimension();this.reset(this.$element[t]()),this.transition("removeClass",e.Event("bs:collapse:hide"),"hidden"),this.$element[t](0)},t.prototype.reset=function(e){var t=this.dimension();return this.$element.removeClass("collapse")[t](e||"auto")[0].offsetWidth,this.$element[e!==null?"addClass":"removeClass"]("collapse"),this},t.prototype.transition=function(t,n,r){var i=this,s=function(){n.type=="bs:collapse:show"&&i.reset(),i.transitioning=0,i.$element.trigger(r)};this.$element.trigger(n);if(n.isDefaultPrevented())return;this.transitioning=1,this.$element[t]("in"),e.support.transition&&this.$element.hasClass("collapse")?this.$element.one(e.support.transition.end,s):s()},t.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()};var n=e.fn.collapse;e.fn.collapse=function(n){return this.each(function(){var r=e(this),i=r.data("collapse"),s=e.extend({},t.DEFAULTS,r.data(),typeof n=="object"&&n);i||r.data("collapse",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.collapse.Constructor=t,e.fn.collapse.noConflict=function(){return e.fn.collapse=n,this},e(document).on("click.collapse.data-api","[data-toggle=collapse]",function(t){var n=e(this),r,i=n.attr("data-target")||t.preventDefault()||(r=n.attr("href"))&&r.replace(/.*(?=#[^\s]+$)/,""),s=e(i).data("collapse")?"toggle":n.data();n[e(i).hasClass("in")?"addClass":"removeClass"]("collapsed"),e(i).collapse(s)})}(window.jQuery),!function(e){"use strict";function i(){e(t).remove(),e(n).each(function(){s(e(this)).removeClass("open")})}function s(t){var n=t.attr("data-target");n||(n=t.attr("href"),n=n&&/#/.test(n)&&n.replace(/.*(?=#[^\s]*$)/,""));var r=n&&e(n);return r&&r.length?r:t.parent()}var t=".dropdown-backdrop",n="[data-toggle=dropdown]",r=function(t){var n=e(t).on("click.dropdown.data-api",this.toggle);e("html").on("click.dropdown.data-api",function(){n.parent().removeClass("open")})};r.prototype.toggle=function(t){var n=e(this);if(n.is(".disabled, :disabled"))return;var r=s(n),o=r.hasClass("open");return i(),o||("ontouchstart"in document.documentElement&&e('
                ').insertBefore(e(this)).on("click",i),r.toggleClass("open")),n.focus(),!1},r.prototype.keydown=function(t){if(!/(38|40|27)/.test(t.keyCode))return;var r=e(this);t.preventDefault(),t.stopPropagation();if(r.is(".disabled, :disabled"))return;var i=s(r),o=i.hasClass("open");if(!o||o&&t.keyCode==27)return t.which==27&&i.find(n).focus(),r.click();var u=e("[role=menu] li:not(.divider):visible a",i);if(!u.length)return;var a=u.index(u.filter(":focus"));t.keyCode==38&&a>0&&a--,t.keyCode==40&&a').appendTo(document.body),this.$backdrop.click(this.options.backdrop=="static"?e.proxy(this.$element[0].focus,this.$element[0]):e.proxy(this.hide,this)),i&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in");if(!t)return;i?this.$backdrop.one(e.support.transition.end,t):t()}else!this.isShown&&this.$backdrop?(this.$backdrop.removeClass("in"),e.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one(e.support.transition.end,t):t()):t&&t()};var n=e.fn.modal;e.fn.modal=function(n){return this.each(function(){var r=e(this),i=r.data("bs-modal"),s=e.extend({},t.DEFAULTS,r.data(),typeof n=="object"&&n);i||r.data("bs-modal",i=new t(this,s)),typeof n=="string"?i[n]():s.show&&i.show()})},e.fn.modal.Constructor=t,e.fn.modal.noConflict=function(){return e.fn.modal=n,this},e(document).on("click.modal.data-api",'[data-toggle="modal"]',function(t){var n=e(this),r=n.attr("href"),i=e(n.attr("data-target")||r&&r.replace(/.*(?=#[^\s]+$)/,"")),s=i.data("modal")?"toggle":e.extend({remote:!/#/.test(r)&&r},i.data(),n.data());t.preventDefault(),i.modal(s).one("hide",function(){n.focus()})});var r=e(document.body).on("bs:modal:shown",".modal",function(){r.addClass("modal-open")}).on("bs:modal:hidden",".modal",function(){r.removeClass("modal-open")})}(window.jQuery),!function(e){"use strict";var t=function(e,t){this.type=this.options=this.enabled=this.timeout=this.hoverState=this.$element=null,this.init("tooltip",e,t)};t.DEFAULTS={animation:!0,placement:"top",selector:!1,template:'
                ',trigger:"hover focus",title:"",delay:0,html:!1,container:!1},t.prototype.init=function(t,n,r){this.enabled=!0,this.type=t,this.$element=e(n),this.options=this.getOptions(r);var i=this.options.trigger.split(" ");for(var s=i.length;s--;){var o=i[s];if(o=="click")this.$element.on("click."+this.type,this.options.selector,e.proxy(this.toggle,this));else if(o!="manual"){var u=o=="hover"?"mouseenter":"focus",a=o=="hover"?"mouseleave":"blur";this.$element.on(u+"."+this.type,this.options.selector,e.proxy(this.enter,this)),this.$element.on(a+"."+this.type,this.options.selector,e.proxy(this.leave,this))}}this.options.selector?this._options=e.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},t.prototype.getDefaults=function(){return t.DEFAULTS},t.prototype.getOptions=function(t){return t=e.extend({},this.getDefaults(),this.$element.data(),t),t.delay&&typeof t.delay=="number"&&(t.delay={show:t.delay,hide:t.delay}),t},t.prototype.enter=function(t){var n=this.getDefaults(),r={};this._options&&e.each(this._options,function(e,t){n[e]!=t&&(r[e]=t)},this);var i=e(t.currentTarget)[this.type](r).data("bs-"+this.type);if(!i.options.delay||!i.options.delay.show)return i.show();clearTimeout(this.timeout),i.hoverState="in",this.timeout=setTimeout(function(){i.hoverState=="in"&&i.show()},i.options.delay.show)},t.prototype.leave=function(t){var n=e(t.currentTarget)[this.type](this._options).data("bs-"+this.type);this.timeout&&clearTimeout(this.timeout);if(!n.options.delay||!n.options.delay.hide)return n.hide();n.hoverState="out",this.timeout=setTimeout(function(){n.hoverState=="out"&&n.hide()},n.options.delay.hide)},t.prototype.show=function(){var t=e.Event("bs:"+this.type+":show");if(this.hasContent()&&this.enabled){this.$element.trigger(t);if(t.isDefaultPrevented())return;var n=this.tip();this.setContent(),this.options.animation&&n.addClass("fade");var r=typeof this.options.placement=="function"?this.options.placement.call(this,n[0],this.$element[0]):this.options.placement;n.detach().css({top:0,left:0,display:"block"}),this.options.container?n.appendTo(this.options.container):n.insertAfter(this.$element);var i,s=this.getPosition(),o=n[0].offsetWidth,u=n[0].offsetHeight;switch(r){case"bottom":i={top:s.top+s.height,left:s.left+s.width/2-o/2};break;case"top":i={top:s.top-u,left:s.left+s.width/2-o/2};break;case"left":i={top:s.top+s.height/2-u/2,left:s.left-o};break;case"right":i={top:s.top+s.height/2-u/2,left:s.left+s.width}}this.applyPlacement(i,r),this.$element.trigger("bs:"+this.type+":shown")}},t.prototype.applyPlacement=function(e,t){var n,r=this.tip(),i=r[0].offsetWidth,s=r[0].offsetHeight;r.offset(e).addClass(t).addClass("in");var o=r[0].offsetWidth,u=r[0].offsetHeight;t=="top"&&u!=s&&(n=!0,e.top=e.top+s-u);if(t=="bottom"||t=="top"){var a=0;e.left<0&&(a=e.left*-2,e.left=0,r.offset(e),o=r[0].offsetWidth,u=r[0].offsetHeight),this.replaceArrow(a-i+o,o,"left")}else this.replaceArrow(u-s,u,"top");n&&r.offset(e)},t.prototype.replaceArrow=function(e,t,n){this.arrow().css(n,e?50*(1-e/t)+"%":"")},t.prototype.setContent=function(){var e=this.tip(),t=this.getTitle();e.find(".tooltip-inner")[this.options.html?"html":"text"](t),e.removeClass("fade in top bottom left right")},t.prototype.hide=function(){function i(){var t=setTimeout(function(){n.off(e.support.transition.end).detach()},500);n.one(e.support.transition.end,function(){clearTimeout(t),n.detach()})}var t=this,n=this.tip(),r=e.Event("bs:"+this.type+":hide");this.$element.trigger(r);if(r.isDefaultPrevented())return;return n.removeClass("in"),e.support.transition&&this.$tip.hasClass("fade")?i():n.detach(),this.$element.trigger("bs:"+this.type+":hidden"),this},t.prototype.fixTitle=function(){var e=this.$element;(e.attr("title")||typeof e.attr("data-original-title")!="string")&&e.attr("data-original-title",e.attr("title")||"").attr("title","")},t.prototype.hasContent=function(){return this.getTitle()},t.prototype.getPosition=function(){var t=this.$element[0];return e.extend({},typeof t.getBoundingClientRect=="function"?t.getBoundingClientRect():{width:t.offsetWidth,height:t.offsetHeight},this.$element.offset())},t.prototype.getTitle=function(){var e,t=this.$element,n=this.options;return e=t.attr("data-original-title")||(typeof n.title=="function"?n.title.call(t[0]):n.title),e},t.prototype.tip=function(){return this.$tip=this.$tip||e(this.options.template)},t.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".tooltip-arrow")},t.prototype.validate=function(){this.$element[0].parentNode||(this.hide(),this.$element=null,this.options=null)},t.prototype.enable=function(){this.enabled=!0},t.prototype.disable=function(){this.enabled=!1},t.prototype.toggleEnabled=function(){this.enabled=!this.enabled},t.prototype.toggle=function(t){var n=t?e(t.currentTarget)[this.type](this._options).data("bs-"+this.type):this;n.tip().hasClass("in")?n.hide():n.show()},t.prototype.destroy=function(){this.hide().$element.off("."+this.type).removeData("bs-"+this.type)};var n=e.fn.tooltip;e.fn.tooltip=function(n){return this.each(function(){var r=e(this),i=r.data("bs-tooltip"),s=typeof n=="object"&&n;i||r.data("bs-tooltip",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.tooltip.Constructor=t,e.fn.tooltip.noConflict=function(){return e.fn.tooltip=n,this}}(window.jQuery),!function(e){"use strict";var t=function(e,t){this.init("popover",e,t)};t.DEFAULTS=e.extend({},e.fn.tooltip.Constructor.DEFAULTS,{placement:"right",trigger:"click",content:"",template:'

                '}),t.prototype=e.extend({},e.fn.tooltip.Constructor.prototype),t.prototype.constructor=t,t.prototype.getDefaults=function(){return t.DEFAULTS},t.prototype.setContent=function(){var e=this.tip(),t=this.getTitle(),n=this.getContent();e.find(".popover-title")[this.options.html?"html":"text"](t),e.find(".popover-content")[this.options.html?"html":"text"](n),e.removeClass("fade top bottom left right in")},t.prototype.hasContent=function(){return this.getTitle()||this.getContent()},t.prototype.getContent=function(){var e=typeof this.options.content=="function"?this.options.content.call(this.$element[0]):this.options.content;return e||this.$element.attr("data-content")},t.prototype.tip=function(){return this.$tip||(this.$tip=e(this.options.template)),this.$tip},t.prototype.destroy=function(){this.hide().$element.off("."+this.type).removeData(this.type)};var n=e.fn.popover;e.fn.popover=function(n){return this.each(function(){var r=e(this),i=r.data("bs-popover"),s=typeof n=="object"&&n;i||r.data("bs-popover",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.popover.Constructor=t,e.fn.popover.noConflict=function(){return e.fn.popover=n,this}}(window.jQuery),!function(e){"use strict";function t(n,r){var i,s=e.proxy(this.process,this),o=e(n).is("body")?e(window):e(n);this.$body=e("body"),this.$scrollElement=o.on("scroll.scroll-spy.data-api",s),this.options=e.extend({},t.DEFAULTS,r),this.selector=(this.options.target||(i=e(n).attr("href"))&&i.replace(/.*(?=#[^\s]+$)/,"")||"")+" .nav li > a",this.offsets=e([]),this.targets=e([]),this.activeTarget=null,this.refresh(),this.process()}t.DEFAULTS={offset:10},t.prototype.refresh=function(){this.offsets=e([]),this.targets=e([]);var t=this,n=this.$body.find(this.selector).map(function(){var n=e(this),r=n.data("target")||n.attr("href"),i=/^#\w/.test(r)&&e(r);return i&&i.length&&[[i.position().top+(!e.isWindow(t.$scrollElement.get(0))&&t.$scrollElement.scrollTop()),r]]||null}).sort(function(e,t){return e[0]-t[0]}).each(function(){t.offsets.push(this[0]),t.targets.push(this[1])})},t.prototype.process=function(){var e=this.$scrollElement.scrollTop()+this.options.offset,t=this.$scrollElement[0].scrollHeight||this.$body[0].scrollHeight,n=t-this.$scrollElement.height(),r=this.offsets,i=this.targets,s=this.activeTarget,o;if(e>=n)return s!=(o=i.last()[0])&&this.activate(o);for(o=r.length;o--;)s!=i[o]&&e>=r[o]&&(!r[o+1]||e<=r[o+1])&&this.activate(i[o])},t.prototype.activate=function(t){this.activeTarget=t,e(this.selector).parents(".active").removeClass("active");var n=this.selector+'[data-target="'+t+'"],'+this.selector+'[href="'+t+'"]',r=e(n).parents("li").addClass("active");r.parent(".dropdown-menu").length&&(r=r.closest("li.dropdown").addClass("active")),r.trigger("activate")};var n=e.fn.scrollspy;e.fn.scrollspy=function(n){return this.each(function(){var r=e(this),i=r.data("bs-scrollspy"),s=typeof n=="object"&&n;i||r.data("bs-scrollspy",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.scrollspy.Constructor=t,e.fn.scrollspy.noConflict=function(){return e.fn.scrollspy=n,this},e(window).on("load",function(){e('[data-spy="scroll"]').each(function(){var t=e(this);t.scrollspy(t.data())})})}(window.jQuery),!function(e){"use strict";var t=function(t){this.element=e(t)};t.prototype.show=function(){var t=this.element,n=t.closest("ul:not(.dropdown-menu)"),r=t.attr("data-target");r||(r=t.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,""));if(t.parent("li").hasClass("active"))return;var i=n.find(".active:last a")[0],s=e.Event("bs:tab:show",{relatedTarget:i});t.trigger(s);if(s.isDefaultPrevented())return;var o=e(r);this.activate(t.parent("li"),n),this.activate(o,o.parent(),function(){t.trigger({type:"bs:tab:shown",relatedTarget:i})})},t.prototype.activate=function(t,n,r){function o(){i.removeClass("active").find("> .dropdown-menu > .active").removeClass("active"),t.addClass("active"),s?(t[0].offsetWidth,t.addClass("in")):t.removeClass("fade"),t.parent(".dropdown-menu")&&t.closest("li.dropdown").addClass("active"),r&&r()}var i=n.find("> .active"),s=r&&e.support.transition&&i.hasClass("fade");s?i.one(e.support.transition.end,o):o(),i.removeClass("in")};var n=e.fn.tab;e.fn.tab=function(n){return this.each(function(){var r=e(this),i=r.data("bs-tab");i||r.data("bs-tab",i=new t(this)),typeof n=="string"&&i[n]()})},e.fn.tab.Constructor=t,e.fn.tab.noConflict=function(){return e.fn.tab=n,this},e(document).on("click.tab.data-api",'[data-toggle="tab"], [data-toggle="pill"]',function(t){t.preventDefault(),e(this).tab("show")})}(window.jQuery),!function(e){"use strict";var t=function(n,r){this.options=e.extend({},t.DEFAULTS,r),this.$window=e(window).on("scroll.bs-affix.bs-data-api",e.proxy(this.checkPosition,this)).on("click.bs-affix.bs-data-api",e.proxy(this.checkPositionWithEventLoop,this)),this.$element=e(n),this.affixed=this.unpin=null,this.checkPosition()};t.DEFAULTS={offset:0},t.prototype.checkPositionWithEventLoop=function(){setTimeout(e.proxy(this.checkPosition,this),1)},t.prototype.checkPosition=function(){if(!this.$element.is(":visible"))return;var t=e(document).height(),n=this.$window.scrollTop(),r=this.$element.offset(),i=this.options.offset,s=i.top,o=i.bottom,u="affix affix-top affix-bottom";typeof i!="object"&&(o=s=i),typeof s=="function"&&(s=i.top()),typeof o=="function"&&(o=i.bottom());var a=this.unpin!=null&&n+this.unpin<=r.top?!1:o!=null&&r.top+this.$element.height()>=t-o?"bottom":s!=null&&n<=s?"top":!1;if(this.affixed===a)return;this.affixed=a,this.unpin=a=="bottom"?r.top-n:null,this.$element.removeClass(u).addClass("affix"+(a?"-"+a:""))};var n=e.fn.affix;e.fn.affix=function(n){return this.each(function(){var r=e(this),i=r.data("bs-affix"),s=typeof n=="object"&&n;i||r.data("bs-affix",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.affix.Constructor=t,e.fn.affix.noConflict=function(){return e.fn.affix=n,this},e(window).on("load",function(){e('[data-spy="affix"]').each(function(){var t=e(this),n=t.data();n.offset=n.offset||{},n.offsetBottom&&(n.offset.bottom=n.offsetBottom),n.offsetTop&&(n.offset.top=n.offsetTop),t.affix(n)})})}(window.jQuery); \ No newline at end of file +!function(e){"use strict";function t(){var e=document.createElement("bootstrap"),t={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var n in t)if(e.style[n]!==undefined)return{end:t[n]}}e(function(){e.support.transition=t()})}(window.jQuery),!function(e){"use strict";var t='[data-dismiss="alert"]',n=function(n){e(n).on("click",t,this.close)};n.prototype.close=function(t){function s(){i.trigger("closed.bs.alert").remove()}var n=e(this),r=n.attr("data-target");r||(r=n.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,""));var i=e(r);t&&t.preventDefault(),i.length||(i=n.hasClass("alert")?n:n.parent()),i.trigger(t=e.Event("close.bs.alert"));if(t.isDefaultPrevented())return;i.removeClass("in"),e.support.transition&&i.hasClass("fade")?i.on(e.support.transition.end,s):s()};var r=e.fn.alert;e.fn.alert=function(t){return this.each(function(){var r=e(this),i=r.data("bs.alert");i||r.data("bs.alert",i=new n(this)),typeof t=="string"&&i[t].call(r)})},e.fn.alert.Constructor=n,e.fn.alert.noConflict=function(){return e.fn.alert=r,this},e(document).on("click.bs.alert.data-api",t,n.prototype.close)}(window.jQuery),!function(e){"use strict";var t=function(n,r){this.$element=e(n),this.options=e.extend({},t.DEFAULTS,r)};t.DEFAULTS={loadingText:"loading..."},t.prototype.setState=function(e){var t="disabled",n=this.$element,r=n.is("input")?"val":"html",i=n.data();e+="Text",i.resetText||n.data("resetText",n[r]()),n[r](i[e]||this.options[e]),setTimeout(function(){e=="loadingText"?n.addClass(t).attr(t,t):n.removeClass(t).removeAttr(t)},0)},t.prototype.toggle=function(){var e=this.$element.closest('[data-toggle="buttons-radio"]');e&&e.find(".active").removeClass("active"),this.$element.toggleClass("active")};var n=e.fn.button;e.fn.button=function(n){return this.each(function(){var r=e(this),i=r.data("button"),s=typeof n=="object"&&n;i||r.data("bs.button",i=new t(this,s)),n=="toggle"?i.toggle():n&&i.setState(n)})},e.fn.button.Constructor=t,e.fn.button.noConflict=function(){return e.fn.button=n,this},e(document).on("click.bs.button.data-api","[data-toggle^=button]",function(t){var n=e(t.target);n.hasClass("btn")||(n=n.closest(".btn")),n.button("toggle")})}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.$element=e(t),this.$indicators=this.$element.find(".carousel-indicators"),this.options=n,this.paused=this.sliding=this.interval=this.$active=this.$items=null,this.options.pause=="hover"&&this.$element.on("mouseenter",e.proxy(this.pause,this)).on("mouseleave",e.proxy(this.cycle,this))};t.DEFAULTS={interval:5e3,pause:"hover"},t.prototype.cycle=function(t){return t||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(e.proxy(this.next,this),this.options.interval)),this},t.prototype.getActiveIndex=function(){return this.$active=this.$element.find(".item.active"),this.$items=this.$active.parent().children(),this.$items.index(this.$active)},t.prototype.to=function(t){var n=this,r=this.getActiveIndex();if(t>this.$items.length-1||t<0)return;return this.sliding?this.$element.one("slid",function(){n.to(t)}):r==t?this.pause().cycle():this.slide(t>r?"next":"prev",e(this.$items[t]))},t.prototype.pause=function(t){return t||(this.paused=!0),this.$element.find(".next, .prev").length&&e.support.transition.end&&(this.$element.trigger(e.support.transition.end),this.cycle(!0)),this.interval=clearInterval(this.interval),this},t.prototype.next=function(){if(this.sliding)return;return this.slide("next")},t.prototype.prev=function(){if(this.sliding)return;return this.slide("prev")},t.prototype.slide=function(t,n){var r=this.$element.find(".item.active"),i=n||r[t](),s=this.interval,o=t=="next"?"left":"right",u=t=="next"?"first":"last",a=this;this.sliding=!0,s&&this.pause(),i=i.length?i:this.$element.find(".item")[u]();var f=e.Event("slide.bs.carousel",{relatedTarget:i[0],direction:o});if(i.hasClass("active"))return;this.$indicators.length&&(this.$indicators.find(".active").removeClass("active"),this.$element.one("slid",function(){var t=e(a.$indicators.children()[a.getActiveIndex()]);t&&t.addClass("active")}));if(e.support.transition&&this.$element.hasClass("slide")){this.$element.trigger(f);if(f.isDefaultPrevented())return;i.addClass(t),i[0].offsetWidth,r.addClass(o),i.addClass(o),this.$element.one(e.support.transition.end,function(){i.removeClass([t,o].join(" ")).addClass("active"),r.removeClass(["active",o].join(" ")),a.sliding=!1,setTimeout(function(){a.$element.trigger("slid")},0)})}else{this.$element.trigger(f);if(f.isDefaultPrevented())return;r.removeClass("active"),i.addClass("active"),this.sliding=!1,this.$element.trigger("slid")}return s&&this.cycle(),this};var n=e.fn.carousel;e.fn.carousel=function(n){return this.each(function(){var r=e(this),i=r.data("bs.carousel"),s=e.extend({},t.DEFAULTS,typeof n=="object"&&n),o=typeof n=="string"?n:s.slide;i||r.data("bs.carousel",i=new t(this,s)),typeof n=="number"?i.to(n):o?i[o]():s.interval&&i.pause().cycle()})},e.fn.carousel.Constructor=t,e.fn.carousel.noConflict=function(){return e.fn.carousel=n,this},e(document).on("click.carousel.data-api","[data-slide], [data-slide-to]",function(t){var n=e(this),r,i=e(n.attr("data-target")||(r=n.attr("href"))&&r.replace(/.*(?=#[^\s]+$)/,"")),s=e.extend({},i.data(),n.data()),o;i.carousel(s),(o=n.attr("data-slide-to"))&&i.data("bs-carousel").pause().to(o).cycle(),t.preventDefault()})}(window.jQuery),!function(e){"use strict";var t=function(n,r){this.$element=e(n),this.options=e.extend({},t.DEFAULTS,r),this.transitioning=null,this.options.parent&&(this.$parent=e(this.options.parent)),this.options.toggle&&this.toggle()};t.DEFAULTS={toggle:!0},t.prototype.dimension=function(){var e=this.$element.hasClass("width");return e?"width":"height"},t.prototype.show=function(){if(this.transitioning||this.$element.hasClass("in"))return;var t=this.dimension(),n=e.camelCase(["scroll",t].join("-")),r=this.$parent&&this.$parent.find("> .accordion-group > .in");if(r&&r.length){var i=r.data("collapse");if(i&&i.transitioning)return;r.collapse("hide"),i||r.data("collapse",null)}this.$element[t](0),this.transition("addClass",e.Event("show.bs.collapse"),"shown.bs.collapse"),e.support.transition&&this.$element[t](this.$element[0][n])},t.prototype.hide=function(){if(this.transitioning||!this.$element.hasClass("in"))return;var t=this.dimension();this.reset(this.$element[t]()),this.transition("removeClass",e.Event("hide.bs.collapse"),"hidden"),this.$element[t](0)},t.prototype.reset=function(e){var t=this.dimension();return this.$element.removeClass("collapse")[t](e||"auto")[0].offsetWidth,this.$element[e!==null?"addClass":"removeClass"]("collapse"),this},t.prototype.transition=function(t,n,r){var i=this,s=function(){n.type=="show"&&i.reset(),i.transitioning=0,i.$element.trigger(r)};this.$element.trigger(n);if(n.isDefaultPrevented())return;this.transitioning=1,this.$element[t]("in"),e.support.transition&&this.$element.hasClass("collapse")?this.$element.one(e.support.transition.end,s):s()},t.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()};var n=e.fn.collapse;e.fn.collapse=function(n){return this.each(function(){var r=e(this),i=r.data("collapse"),s=e.extend({},t.DEFAULTS,r.data(),typeof n=="object"&&n);i||r.data("collapse",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.collapse.Constructor=t,e.fn.collapse.noConflict=function(){return e.fn.collapse=n,this},e(document).on("click.collapse.data-api","[data-toggle=collapse]",function(t){var n=e(this),r,i=n.attr("data-target")||t.preventDefault()||(r=n.attr("href"))&&r.replace(/.*(?=#[^\s]+$)/,""),s=e(i).data("collapse")?"toggle":n.data();n[e(i).hasClass("in")?"addClass":"removeClass"]("collapsed"),e(i).collapse(s)})}(window.jQuery),!function(e){"use strict";function i(){e(t).remove(),e(n).each(function(){s(e(this)).removeClass("open")})}function s(t){var n=t.attr("data-target");n||(n=t.attr("href"),n=n&&/#/.test(n)&&n.replace(/.*(?=#[^\s]*$)/,""));var r=n&&e(n);return r&&r.length?r:t.parent()}var t=".dropdown-backdrop",n="[data-toggle=dropdown]",r=function(t){var n=e(t).on("click.dropdown.data-api",this.toggle);e("html").on("click.dropdown.data-api",function(){n.parent().removeClass("open")})};r.prototype.toggle=function(t){var n=e(this);if(n.is(".disabled, :disabled"))return;var r=s(n),o=r.hasClass("open");return i(),o||("ontouchstart"in document.documentElement&&e('
                ').insertBefore(e(this)).on("click",i),r.toggleClass("open")),n.focus(),!1},r.prototype.keydown=function(t){if(!/(38|40|27)/.test(t.keyCode))return;var r=e(this);t.preventDefault(),t.stopPropagation();if(r.is(".disabled, :disabled"))return;var i=s(r),o=i.hasClass("open");if(!o||o&&t.keyCode==27)return t.which==27&&i.find(n).focus(),r.click();var u=e("[role=menu] li:not(.divider):visible a",i);if(!u.length)return;var a=u.index(u.filter(":focus"));t.keyCode==38&&a>0&&a--,t.keyCode==40&&a').appendTo(document.body),this.$backdrop.click(this.options.backdrop=="static"?e.proxy(this.$element[0].focus,this.$element[0]):e.proxy(this.hide,this)),i&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in");if(!t)return;i?this.$backdrop.one(e.support.transition.end,t):t()}else!this.isShown&&this.$backdrop?(this.$backdrop.removeClass("in"),e.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one(e.support.transition.end,t):t()):t&&t()};var n=e.fn.modal;e.fn.modal=function(n){return this.each(function(){var r=e(this),i=r.data("bs.modal"),s=e.extend({},t.DEFAULTS,r.data(),typeof n=="object"&&n);i||r.data("bs.modal",i=new t(this,s)),typeof n=="string"?i[n]():s.show&&i.show()})},e.fn.modal.Constructor=t,e.fn.modal.noConflict=function(){return e.fn.modal=n,this},e(document).on("click.bs.modal.data-api",'[data-toggle="modal"]',function(t){var n=e(this),r=n.attr("href"),i=e(n.attr("data-target")||r&&r.replace(/.*(?=#[^\s]+$)/,"")),s=i.data("modal")?"toggle":e.extend({remote:!/#/.test(r)&&r},i.data(),n.data());t.preventDefault(),i.modal(s).one("hide",function(){n.focus()})});var r=e(document.body).on("bs.modal.shown",".modal",function(){r.addClass("modal-open")}).on("bs.modal.hidden",".modal",function(){r.removeClass("modal-open")})}(window.jQuery),!function(e){"use strict";var t=function(e,t){this.type=this.options=this.enabled=this.timeout=this.hoverState=this.$element=null,this.init("tooltip",e,t)};t.DEFAULTS={animation:!0,placement:"top",selector:!1,template:'
                ',trigger:"hover focus",title:"",delay:0,html:!1,container:!1},t.prototype.init=function(t,n,r){this.enabled=!0,this.type=t,this.$element=e(n),this.options=this.getOptions(r);var i=this.options.trigger.split(" ");for(var s=i.length;s--;){var o=i[s];if(o=="click")this.$element.on("click."+this.type,this.options.selector,e.proxy(this.toggle,this));else if(o!="manual"){var u=o=="hover"?"mouseenter":"focus",a=o=="hover"?"mouseleave":"blur";this.$element.on(u+"."+this.type,this.options.selector,e.proxy(this.enter,this)),this.$element.on(a+"."+this.type,this.options.selector,e.proxy(this.leave,this))}}this.options.selector?this._options=e.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},t.prototype.getDefaults=function(){return t.DEFAULTS},t.prototype.getOptions=function(t){return t=e.extend({},this.getDefaults(),this.$element.data(),t),t.delay&&typeof t.delay=="number"&&(t.delay={show:t.delay,hide:t.delay}),t},t.prototype.enter=function(t){var n=this.getDefaults(),r={};this._options&&e.each(this._options,function(e,t){n[e]!=t&&(r[e]=t)},this);var i=e(t.currentTarget)[this.type](r).data("bs."+this.type);if(!i.options.delay||!i.options.delay.show)return i.show();clearTimeout(this.timeout),i.hoverState="in",this.timeout=setTimeout(function(){i.hoverState=="in"&&i.show()},i.options.delay.show)},t.prototype.leave=function(t){var n=e(t.currentTarget)[this.type](this._options).data("bs."+this.type);this.timeout&&clearTimeout(this.timeout);if(!n.options.delay||!n.options.delay.hide)return n.hide();n.hoverState="out",this.timeout=setTimeout(function(){n.hoverState=="out"&&n.hide()},n.options.delay.hide)},t.prototype.show=function(){var t=e.Event("show.bs."+this.type);if(this.hasContent()&&this.enabled){this.$element.trigger(t);if(t.isDefaultPrevented())return;var n=this.tip();this.setContent(),this.options.animation&&n.addClass("fade");var r=typeof this.options.placement=="function"?this.options.placement.call(this,n[0],this.$element[0]):this.options.placement;n.detach().css({top:0,left:0,display:"block"}),this.options.container?n.appendTo(this.options.container):n.insertAfter(this.$element);var i,s=this.getPosition(),o=n[0].offsetWidth,u=n[0].offsetHeight;switch(r){case"bottom":i={top:s.top+s.height,left:s.left+s.width/2-o/2};break;case"top":i={top:s.top-u,left:s.left+s.width/2-o/2};break;case"left":i={top:s.top+s.height/2-u/2,left:s.left-o};break;case"right":i={top:s.top+s.height/2-u/2,left:s.left+s.width}}this.applyPlacement(i,r),this.$element.trigger("shown.bs."+this.type)}},t.prototype.applyPlacement=function(e,t){var n,r=this.tip(),i=r[0].offsetWidth,s=r[0].offsetHeight;r.offset(e).addClass(t).addClass("in");var o=r[0].offsetWidth,u=r[0].offsetHeight;t=="top"&&u!=s&&(n=!0,e.top=e.top+s-u);if(t=="bottom"||t=="top"){var a=0;e.left<0&&(a=e.left*-2,e.left=0,r.offset(e),o=r[0].offsetWidth,u=r[0].offsetHeight),this.replaceArrow(a-i+o,o,"left")}else this.replaceArrow(u-s,u,"top");n&&r.offset(e)},t.prototype.replaceArrow=function(e,t,n){this.arrow().css(n,e?50*(1-e/t)+"%":"")},t.prototype.setContent=function(){var e=this.tip(),t=this.getTitle();e.find(".tooltip-inner")[this.options.html?"html":"text"](t),e.removeClass("fade in top bottom left right")},t.prototype.hide=function(){function i(){var t=setTimeout(function(){n.off(e.support.transition.end).detach()},500);n.one(e.support.transition.end,function(){clearTimeout(t),n.detach()})}var t=this,n=this.tip(),r=e.Event("hide.bs."+this.type);this.$element.trigger(r);if(r.isDefaultPrevented())return;return n.removeClass("in"),e.support.transition&&this.$tip.hasClass("fade")?i():n.detach(),this.$element.trigger("hidden.bs."+this.type),this},t.prototype.fixTitle=function(){var e=this.$element;(e.attr("title")||typeof e.attr("data-original-title")!="string")&&e.attr("data-original-title",e.attr("title")||"").attr("title","")},t.prototype.hasContent=function(){return this.getTitle()},t.prototype.getPosition=function(){var t=this.$element[0];return e.extend({},typeof t.getBoundingClientRect=="function"?t.getBoundingClientRect():{width:t.offsetWidth,height:t.offsetHeight},this.$element.offset())},t.prototype.getTitle=function(){var e,t=this.$element,n=this.options;return e=t.attr("data-original-title")||(typeof n.title=="function"?n.title.call(t[0]):n.title),e},t.prototype.tip=function(){return this.$tip=this.$tip||e(this.options.template)},t.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".tooltip-arrow")},t.prototype.validate=function(){this.$element[0].parentNode||(this.hide(),this.$element=null,this.options=null)},t.prototype.enable=function(){this.enabled=!0},t.prototype.disable=function(){this.enabled=!1},t.prototype.toggleEnabled=function(){this.enabled=!this.enabled},t.prototype.toggle=function(t){var n=t?e(t.currentTarget)[this.type](this._options).data("bs."+this.type):this;n.tip().hasClass("in")?n.hide():n.show()},t.prototype.destroy=function(){this.hide().$element.off("."+this.type).removeData("bs."+this.type)};var n=e.fn.tooltip;e.fn.tooltip=function(n){return this.each(function(){var r=e(this),i=r.data("bs.tooltip"),s=typeof n=="object"&&n;i||r.data("bs.tooltip",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.tooltip.Constructor=t,e.fn.tooltip.noConflict=function(){return e.fn.tooltip=n,this}}(window.jQuery),!function(e){"use strict";var t=function(e,t){this.init("popover",e,t)};t.DEFAULTS=e.extend({},e.fn.tooltip.Constructor.DEFAULTS,{placement:"right",trigger:"click",content:"",template:'

                '}),t.prototype=e.extend({},e.fn.tooltip.Constructor.prototype),t.prototype.constructor=t,t.prototype.getDefaults=function(){return t.DEFAULTS},t.prototype.setContent=function(){var e=this.tip(),t=this.getTitle(),n=this.getContent();e.find(".popover-title")[this.options.html?"html":"text"](t),e.find(".popover-content")[this.options.html?"html":"text"](n),e.removeClass("fade top bottom left right in")},t.prototype.hasContent=function(){return this.getTitle()||this.getContent()},t.prototype.getContent=function(){var e=typeof this.options.content=="function"?this.options.content.call(this.$element[0]):this.options.content;return e||this.$element.attr("data-content")},t.prototype.tip=function(){return this.$tip||(this.$tip=e(this.options.template)),this.$tip},t.prototype.destroy=function(){this.hide().$element.off("."+this.type).removeData(this.type)};var n=e.fn.popover;e.fn.popover=function(n){return this.each(function(){var r=e(this),i=r.data("bs.popover"),s=typeof n=="object"&&n;i||r.data("bs.popover",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.popover.Constructor=t,e.fn.popover.noConflict=function(){return e.fn.popover=n,this}}(window.jQuery),!function(e){"use strict";function t(n,r){var i,s=e.proxy(this.process,this),o=e(n).is("body")?e(window):e(n);this.$body=e("body"),this.$scrollElement=o.on("scroll.scroll-spy.data-api",s),this.options=e.extend({},t.DEFAULTS,r),this.selector=(this.options.target||(i=e(n).attr("href"))&&i.replace(/.*(?=#[^\s]+$)/,"")||"")+" .nav li > a",this.offsets=e([]),this.targets=e([]),this.activeTarget=null,this.refresh(),this.process()}t.DEFAULTS={offset:10},t.prototype.refresh=function(){this.offsets=e([]),this.targets=e([]);var t=this,n=this.$body.find(this.selector).map(function(){var n=e(this),r=n.data("target")||n.attr("href"),i=/^#\w/.test(r)&&e(r);return i&&i.length&&[[i.position().top+(!e.isWindow(t.$scrollElement.get(0))&&t.$scrollElement.scrollTop()),r]]||null}).sort(function(e,t){return e[0]-t[0]}).each(function(){t.offsets.push(this[0]),t.targets.push(this[1])})},t.prototype.process=function(){var e=this.$scrollElement.scrollTop()+this.options.offset,t=this.$scrollElement[0].scrollHeight||this.$body[0].scrollHeight,n=t-this.$scrollElement.height(),r=this.offsets,i=this.targets,s=this.activeTarget,o;if(e>=n)return s!=(o=i.last()[0])&&this.activate(o);for(o=r.length;o--;)s!=i[o]&&e>=r[o]&&(!r[o+1]||e<=r[o+1])&&this.activate(i[o])},t.prototype.activate=function(t){this.activeTarget=t,e(this.selector).parents(".active").removeClass("active");var n=this.selector+'[data-target="'+t+'"],'+this.selector+'[href="'+t+'"]',r=e(n).parents("li").addClass("active");r.parent(".dropdown-menu").length&&(r=r.closest("li.dropdown").addClass("active")),r.trigger("activate")};var n=e.fn.scrollspy;e.fn.scrollspy=function(n){return this.each(function(){var r=e(this),i=r.data("bs.scrollspy"),s=typeof n=="object"&&n;i||r.data("bs.scrollspy",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.scrollspy.Constructor=t,e.fn.scrollspy.noConflict=function(){return e.fn.scrollspy=n,this},e(window).on("load",function(){e('[data-spy="scroll"]').each(function(){var t=e(this);t.scrollspy(t.data())})})}(window.jQuery),!function(e){"use strict";var t=function(t){this.element=e(t)};t.prototype.show=function(){var t=this.element,n=t.closest("ul:not(.dropdown-menu)"),r=t.attr("data-target");r||(r=t.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,""));if(t.parent("li").hasClass("active"))return;var i=n.find(".active:last a")[0],s=e.Event("show.bs.tab",{relatedTarget:i});t.trigger(s);if(s.isDefaultPrevented())return;var o=e(r);this.activate(t.parent("li"),n),this.activate(o,o.parent(),function(){t.trigger({type:"shown.bs.tab",relatedTarget:i})})},t.prototype.activate=function(t,n,r){function o(){i.removeClass("active").find("> .dropdown-menu > .active").removeClass("active"),t.addClass("active"),s?(t[0].offsetWidth,t.addClass("in")):t.removeClass("fade"),t.parent(".dropdown-menu")&&t.closest("li.dropdown").addClass("active"),r&&r()}var i=n.find("> .active"),s=r&&e.support.transition&&i.hasClass("fade");s?i.one(e.support.transition.end,o):o(),i.removeClass("in")};var n=e.fn.tab;e.fn.tab=function(n){return this.each(function(){var r=e(this),i=r.data("bs.tab");i||r.data("bs.tab",i=new t(this)),typeof n=="string"&&i[n]()})},e.fn.tab.Constructor=t,e.fn.tab.noConflict=function(){return e.fn.tab=n,this},e(document).on("click.bs.tab.data-api",'[data-toggle="tab"], [data-toggle="pill"]',function(t){t.preventDefault(),e(this).tab("show")})}(window.jQuery),!function(e){"use strict";var t=function(n,r){this.options=e.extend({},t.DEFAULTS,r),this.$window=e(window).on("scroll.bs.affix.data-api",e.proxy(this.checkPosition,this)).on("click.bs.affix.data-api",e.proxy(this.checkPositionWithEventLoop,this)),this.$element=e(n),this.affixed=this.unpin=null,this.checkPosition()};t.DEFAULTS={offset:0},t.prototype.checkPositionWithEventLoop=function(){setTimeout(e.proxy(this.checkPosition,this),1)},t.prototype.checkPosition=function(){if(!this.$element.is(":visible"))return;var t=e(document).height(),n=this.$window.scrollTop(),r=this.$element.offset(),i=this.options.offset,s=i.top,o=i.bottom,u="affix affix-top affix-bottom";typeof i!="object"&&(o=s=i),typeof s=="function"&&(s=i.top()),typeof o=="function"&&(o=i.bottom());var a=this.unpin!=null&&n+this.unpin<=r.top?!1:o!=null&&r.top+this.$element.height()>=t-o?"bottom":s!=null&&n<=s?"top":!1;if(this.affixed===a)return;this.affixed=a,this.unpin=a=="bottom"?r.top-n:null,this.$element.removeClass(u).addClass("affix"+(a?"-"+a:""))};var n=e.fn.affix;e.fn.affix=function(n){return this.each(function(){var r=e(this),i=r.data("bs.affix"),s=typeof n=="object"&&n;i||r.data("bs.affix",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.affix.Constructor=t,e.fn.affix.noConflict=function(){return e.fn.affix=n,this},e(window).on("load",function(){e('[data-spy="affix"]').each(function(){var t=e(this),n=t.data();n.offset=n.offset||{},n.offsetBottom&&(n.offset.bottom=n.offsetBottom),n.offsetTop&&(n.offset.top=n.offsetTop),t.affix(n)})})}(window.jQuery); \ No newline at end of file -- cgit v1.2.3 From 5fbb9e9f5d241744dc2e2cbd1bfd8676c566f22d Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 16 May 2013 21:03:29 -0700 Subject: More row change ups: * No more negative side margins * However, keep the negative margin for nested rows --- docs/assets/css/bootstrap.css | 4 ---- docs/examples/grid.html | 2 -- less/grid.less | 4 ---- 3 files changed, 10 deletions(-) diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 04b72bd43..d9efc0f82 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -976,10 +976,6 @@ pre code { .container { max-width: 728px; } - .row { - margin-right: -15px; - margin-left: -15px; - } } @media screen and (min-width: 992px) { diff --git a/docs/examples/grid.html b/docs/examples/grid.html index 580f69cbf..eea2ac0cf 100644 --- a/docs/examples/grid.html +++ b/docs/examples/grid.html @@ -13,8 +13,6 @@ title: Grid template .row { margin-bottom: 20px; - margin-left: -15px; - margin-right: -15px; } [class*="col-lg-"] { padding-top: 15px; diff --git a/less/grid.less b/less/grid.less index 6de993c2a..82d2a355b 100644 --- a/less/grid.less +++ b/less/grid.less @@ -41,10 +41,6 @@ .container { max-width: 728px; } - .row { - margin-left: (@grid-gutter-width / -2); - margin-right: (@grid-gutter-width / -2); - } } // Responsive: Desktops and up -- cgit v1.2.3 From 5f7352a6fe5f7a7eef4dce64184f55d1fec2676b Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 16 May 2013 22:11:31 -0700 Subject: Better grid template; link color change in docs navbar --- docs/assets/css/docs.css | 2 +- docs/css.html | 1 + docs/examples/grid.html | 22 +++++++++++++++++++++- 3 files changed, 23 insertions(+), 2 deletions(-) diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index e389eaf6e..9221cac1b 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -25,7 +25,7 @@ body { color: #fff; } .bs-docs-nav .navbar-nav > li > a { - color: #dfc9c8; + color: #e6cac8; } .bs-docs-nav .navbar-nav > li > a:hover { color: #fff; diff --git a/docs/css.html b/docs/css.html index be4e13098..264d4c672 100644 --- a/docs/css.html +++ b/docs/css.html @@ -67,6 +67,7 @@ lead: "Fundamental HTML elements styled and enhanced with extensible classes."

                Grid example

                On mobile devices, the grid starts out stacked. Above 768px, it becomes horizontal as media queries kick in to apply floats and widths. To create a basic grid layout, wrap a series of .col-lg-* elements within a .row. As this is a 12-column grid, each .col-lg-* spans a number of those 12 columns, and should always add up to 12 for each row (or the number of columns in the parent), even at mobile resolutions.

                +

                Be sure to checkout the full-page grid example as well.

                1
                diff --git a/docs/examples/grid.html b/docs/examples/grid.html index eea2ac0cf..d14602e4e 100644 --- a/docs/examples/grid.html +++ b/docs/examples/grid.html @@ -11,9 +11,16 @@ title: Grid template padding-right: 15px; } + h4 { + margin-top: 25px; + } .row { margin-bottom: 20px; } + .row .row { + margin-top: 10px; + margin-bottom: 0; + } [class*="col-lg-"] { padding-top: 15px; padding-bottom: 15px; @@ -49,6 +56,19 @@ title: Grid template

                Full width, single column

                -

                No grid classes are necessary for full-width elements.

                +

                No grid classes are necessary for full-width elements.

                + +

                Two columns with two nested columns

                +
                +
                + .col .col-lg-8 +
                +
                .col .col-lg-6
                +
                .col .col-lg-6
                +
                +
                +
                .col .col-lg-4
                +
                +
                -- cgit v1.2.3 From 35573db810fbcbb9d7aefde090fbad3dbd332271 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 19 May 2013 22:06:10 -0700 Subject: Fixes #7611: fix optgroup formatting for Firefox --- docs/assets/css/bootstrap.css | 6 ++++++ less/forms.less | 7 +++++++ 2 files changed, 13 insertions(+) diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index d9efc0f82..f50619135 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1317,6 +1317,12 @@ select[size] { height: auto; } +select optgroup { + font-family: inherit; + font-size: inherit; + font-style: inherit; +} + input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { diff --git a/less/forms.less b/less/forms.less index 303c3b617..c61fd50fa 100644 --- a/less/forms.less +++ b/less/forms.less @@ -124,6 +124,13 @@ select[size] { height: auto; } +// Fix optgroup Firefox bug per https://github.com/twitter/bootstrap/issues/7611 +select optgroup { + font-size: inherit; + font-style: inherit; + font-family: inherit; +} + // Focus for select, file, radio, and checkbox input[type="file"]:focus, input[type="radio"]:focus, -- cgit v1.2.3 From 0c167a1d9dd7a8e4a1a6877ed0b23f5910a71ca2 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 19 May 2013 22:12:48 -0700 Subject: Fixes #7474: Use `@input-height-base` in `.navbar-vertical-align()` for `.navbar-form` --- docs/assets/css/bootstrap.css | 4 ++-- less/navbar.less | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index f50619135..29cf51923 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3462,8 +3462,8 @@ button.close { } .navbar-form { - margin-top: 8px; - margin-bottom: 8px; + margin-top: 7px; + margin-bottom: 7px; } .navbar-form input, diff --git a/less/navbar.less b/less/navbar.less index 13a36781e..0576022d1 100644 --- a/less/navbar.less +++ b/less/navbar.less @@ -135,7 +135,7 @@ // Navbar form .navbar-form { .form-inline(); - .navbar-vertical-align(34px); // Vertically center in navbar + .navbar-vertical-align(@input-height-base); // Vertically center in navbar } // Dropdown menus -- cgit v1.2.3 From 13a4fb678ba2fbaf4a0bac650ecf5110fbb257e8 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 20 May 2013 00:25:41 -0700 Subject: Refactor readme to include directions on running jekyll locally --- README.md | 36 +++++++++++++++++++++++++++--------- 1 file changed, 27 insertions(+), 9 deletions(-) diff --git a/README.md b/README.md index 35e9295eb..ae96923cf 100644 --- a/README.md +++ b/README.md @@ -12,9 +12,9 @@ Three quick start options are available: * [Download the latest release](https://github.com/twitter/bootstrap/zipball/master). * Clone the repo: `git clone git://github.com/twitter/bootstrap.git`. -* Install with Twitter's [Bower](http://bower.io): `bower install bootstrap`. +* Install with [Bower](http://bower.io): `bower install bootstrap`. -Read the [Getting Started page](http://getbootstrap.com/getting-started/) for information on the framework contents, basic template guidelines, and more. +Read the [Getting Started page](http://getbootstrap.com/getting-started/) for information on the framework contents, templates and examples, and more. @@ -26,21 +26,35 @@ Have a bug or a feature request? [Please open a new issue](https://github.com/tw ## Documentation -Bootstrap's docs are built using [Jekyll](http://jekyllrb.com) and hosted on GitHub Pages at [http://getbootstrap.com](http://getbootstrap.com). To view our docs locally, you'll need to [install Jekyll](http://jekyllrb.com/docs/installation) to run a local server. +Bootstrap's documentation, included in this repo in the `/docs` directory, is built with [Jekyll](http://jekyllrb.com) and publicly hosted on GitHub Pages at [http://getbootstrap.com](http://getbootstrap.com). The docs maybe also be run locally. -Documentation for [previous versions](https://github.com/twitter/bootstrap/tags) is also available via tags. +### Running documentation locally + +1. If necessary, [install Jekyll](http://jekyllrb.com/docs/installation). +2. From the `/bootstrap` directory, run `jekyll serve` in the command line. +3. Open [http://getbootstrap.dev:9001](http://getbootstrap.dev:9001) in your browser, and voilà. + +Learn more about using Jekyll by reading their [documentation](http://jekyllrb.com/docs/home/). + +### Documentation for previous releases + +Documentation for v2.3.2 has been made available for the time being at [http://getbootstrap.com/2.3.2/docs](http://getbootstrap.com/2.3.2/docs) while folks transition to Bootstrap 3. + +For previous releases, documentation is available for [download via Git tags](https://github.com/twitter/bootstrap/tags). ## Compiling CSS and JavaScript -Bootstrap includes a [makefile](Makefile) with convenient methods for working with the framework. Before getting started, be sure to install [the necessary local dependencies](package.json): +Bootstrap includes a [makefile](Makefile) with convenient methods for working with the framework. Before getting started, install [the necessary local dependencies](package.json): ``` $ npm install ``` -When completed, you'll be able to run the various make commands provided: +When completed, you'll be able to run the various make commands provided. + +### Available makefile commands #### Build - `make` `make` runs the Recess compiler to rebuild the `/less` files and compile the docs. **Requires recess and uglify-js.** @@ -54,15 +68,19 @@ Runs jshint and qunit tests headlessly in [phantomjs](http://code.google.com/p/p #### Watch - `make watch` This is a convenience method for watching just Less files and automatically building them whenever you save. **Requires the watchr gem.** -Should you encounter problems with installing dependencies or running the makefile commands, uninstall any previous versions (global and local) you may have installed, and then rerun `npm install`. +### Troubleshooting dependencies + +Should you encounter problems with installing dependencies or running makefile commands, uninstall all previous dependency versions (global and local). Then, rerun `npm install`. ## Contributing -Please submit all pull requests against *-wip branches. If your pull request contains JavaScript patches or features, you must include relevant unit tests. All HTML and CSS should conform to the [Code Guide](http://github.com/mdo/code-guide), maintained by [Mark Otto](http://github.com/mdo). +Please read through our guidelines for contributing to Bootstrap. Included are directions for opening issues, coding standards, and notes on development. + +More over, if your pull request contains JavaScript patches or features, you must include relevant unit tests. All HTML and CSS should conform to the [Code Guide](http://github.com/mdo/code-guide), maintained by [Mark Otto](http://github.com/mdo). -Editor preferences are also available in the [editor config](.editorconfig) for easy application in common text editors. Read more and download plugins at [http://editorconfig.com](http://editorconfig.com). +Editor preferences are available in the [editor config](.editorconfig) for easy use in common text editors. Read more and download plugins at [http://editorconfig.com](http://editorconfig.com). -- cgit v1.2.3 From 554c24d9ae740f59f78c8494337e67cf5c36670c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 20 May 2013 00:33:08 -0700 Subject: Update contributing file * Remove notes on repo section * Update hirearchy of coding standards sections --- CONTRIBUTING.md | 18 +++++------------- 1 file changed, 5 insertions(+), 13 deletions(-) diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md index 463bfca78..43c716180 100644 --- a/CONTRIBUTING.md +++ b/CONTRIBUTING.md @@ -23,12 +23,6 @@ We only accept issues that are bug reports or feature requests. Bugs must be iso -## Notes on the repo - -As of v2.0.0, Bootstrap's documentation is powered by Mustache templates and built via `make` before each commit and release. This was done to enable internationalization (translation) in a future release by uploading our strings to the [Twitter Translation Center](http://translate.twttr.com/). Any edits to the docs should be first done in the Mustache files and then recompiled into the HTML. - - - ## Pull requests - Try to submit pull requests against the latest `*-wip` branch for easier merging @@ -40,16 +34,16 @@ As of v2.0.0, Bootstrap's documentation is powered by Mustache templates and bui -## Coding standards: HTML +## Coding standards + +### HTML - Two spaces for indentation, never tabs - Double quotes only, never single quotes - Always use proper indentation - Use tags and elements appropriate for an HTML5 doctype (e.g., self-closing tags) - - -## Coding standards: CSS +### CSS - Adhere to the [Recess CSS property order](http://markdotto.com/2011/11/29/css-property-order/) - Multiple-line approach (one property and value per line) @@ -58,9 +52,7 @@ As of v2.0.0, Bootstrap's documentation is powered by Mustache templates and bui - For multiple, comma-separated selectors, place each selector on it's own line - Attribute selectors, like `input[type="text"]` should always wrap the attribute's value in double quotes, for consistency and safety (see this [blog post on unquoted attribute values](http://mathiasbynens.be/notes/unquoted-attribute-values) that can lead to XSS attacks). - - -## Coding standards: JS +### JS - No semicolons - Comma first -- cgit v1.2.3 From 930913e0a0a7ab7f7b69fd97fc631bb9121e46aa Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 20 May 2013 10:45:01 -0700 Subject: Back to getbootstrap.dev for jekyll --- _config.yml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_config.yml b/_config.yml index 6b328977b..d99935872 100644 --- a/_config.yml +++ b/_config.yml @@ -9,4 +9,4 @@ permalink: pretty source: ./docs destination: ./_gh_pages port: 9001 -url: http://bootstrap.dev:9001 +url: http://getbootstrap.dev:9001 -- cgit v1.2.3 From 9a2218dd38cd34a27a8885941a55dc880db8c45f Mon Sep 17 00:00:00 2001 From: AJ Acevedo Date: Tue, 21 May 2013 02:23:19 -0400 Subject: Fixed broken Customizer link for docs --- docs/getting-started.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/getting-started.html b/docs/getting-started.html index ae7ee0e51..f5f550f8f 100644 --- a/docs/getting-started.html +++ b/docs/getting-started.html @@ -276,7 +276,7 @@ bootstrap/

                Removing potential bloat

                -

                Not all sites and applications need to make use of everything Bootstrap has to offer, especially in production environments where bandwidth literally becomes a financial issue. We encourage folks to remove whatever is unused with our Customizer.

                +

                Not all sites and applications need to make use of everything Bootstrap has to offer, especially in production environments where bandwidth literally becomes a financial issue. We encourage folks to remove whatever is unused with our Customizer.

                Using the Customizer, simply uncheck any component, feature, or asset you don't need. Hit download and swap out the default Bootstrap files with these newly customized ones. You'll get vanilla Bootstrap, but without the features *you* deem unnecessary. All custom builds include compiled and minified versions, so use whichever works for you.

                -- cgit v1.2.3 From ddbfe4af7a4ad0732bc78de5db00491e0723b302 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 21 May 2013 14:43:12 -0700 Subject: Fixes #7943: typo in makefile --- Makefile | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Makefile b/Makefile index 107d1edce..6d79830a8 100644 --- a/Makefile +++ b/Makefile @@ -78,7 +78,7 @@ bootstrap/js/*.js: js/*.js rm bootstrap/js/copyright.js bootstrap/js/bootstrap.min.tmp.js # -# CSS COMPLILE +# CSS COMPILE # bootstrap-css: bootstrap/css/*.css -- cgit v1.2.3 From ccfa989898bdfcd91aa8dd5ad1e2de2832bfda71 Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Tue, 21 May 2013 19:30:33 -0700 Subject: upgrade jshint to 2.1.2 for anton <3 --- docs/assets/js/bootstrap.js | 98 +-- docs/assets/js/bootstrap.min.js | 2 +- docs/assets/js/jszip-deflate.js | 1695 +++++++++++++++++++++++++++++++++++++++ docs/assets/js/jszip.js | 735 +++++++++++++++++ js/.jshintrc | 2 +- js/affix.js | 8 +- js/alert.js | 8 +- js/button.js | 8 +- js/carousel.js | 8 +- js/collapse.js | 8 +- js/dropdown.js | 8 +- js/modal.js | 8 +- js/popover.js | 8 +- js/scrollspy.js | 8 +- js/tab.js | 8 +- js/tooltip.js | 10 +- js/transition.js | 8 +- package.json | 2 +- 18 files changed, 2531 insertions(+), 101 deletions(-) create mode 100644 docs/assets/js/jszip-deflate.js create mode 100644 docs/assets/js/jszip.js diff --git a/docs/assets/js/bootstrap.js b/docs/assets/js/bootstrap.js index 351502491..a24db7b48 100644 --- a/docs/assets/js/bootstrap.js +++ b/docs/assets/js/bootstrap.js @@ -1,7 +1,7 @@ -/* =================================================== +/* ======================================================================== * Bootstrap: transition.js v3.0.0 * http://twitter.github.com/bootstrap/javascript.html#transitions - * =================================================== + * ======================================================================== * Copyright 2013 Twitter, Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); @@ -15,10 +15,10 @@ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. - * ========================================================== */ + * ======================================================================== */ -!function ($) { "use strict"; ++function ($) { "use strict"; // CSS TRANSITION SUPPORT (Shoutout: http://www.modernizr.com/) // ============================================================ @@ -45,10 +45,10 @@ }) }(window.jQuery); -/* ========================================================== +/* ======================================================================== * Bootstrap: alert.js v3.0.0 * http://twitter.github.com/bootstrap/javascript.html#alerts - * ========================================================== + * ======================================================================== * Copyright 2013 Twitter, Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); @@ -62,10 +62,10 @@ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. - * ========================================================== */ + * ======================================================================== */ -!function ($) { "use strict"; ++function ($) { "use strict"; // ALERT CLASS DEFINITION // ====================== @@ -141,10 +141,10 @@ $(document).on('click.bs.alert.data-api', dismiss, Alert.prototype.close) }(window.jQuery); -/* ============================================================ +/* ======================================================================== * Bootstrap: button.js v3.0.0 * http://twitter.github.com/bootstrap/javascript.html#buttons - * ============================================================ + * ======================================================================== * Copyright 2013 Twitter, Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); @@ -158,10 +158,10 @@ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. - * ============================================================ */ + * ======================================================================== */ -!function ($) { "use strict"; ++function ($) { "use strict"; // BUTTON PUBLIC CLASS DEFINITION // ============================== @@ -246,10 +246,10 @@ }) }(window.jQuery); -/* ========================================================== +/* ======================================================================== * Bootstrap: carousel.js v3.0.0 * http://twitter.github.com/bootstrap/javascript.html#carousel - * ========================================================== + * ======================================================================== * Copyright 2012 Twitter, Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); @@ -263,10 +263,10 @@ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. - * ========================================================== */ + * ======================================================================== */ -!function ($) { "use strict"; ++function ($) { "use strict"; // CAROUSEL CLASS DEFINITION // ========================= @@ -449,10 +449,10 @@ }) }(window.jQuery); -/* ============================================================= +/* ======================================================================== * Bootstrap: collapse.js v3.0.0 * http://twitter.github.com/bootstrap/javascript.html#collapse - * ============================================================= + * ======================================================================== * Copyright 2012 Twitter, Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); @@ -466,10 +466,10 @@ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. - * ============================================================ */ + * ======================================================================== */ -!function ($) { "use strict"; ++function ($) { "use strict"; // COLLAPSE PUBLIC CLASS DEFINITION // ================================ @@ -602,10 +602,10 @@ }) }(window.jQuery); -/* ============================================================ +/* ======================================================================== * Bootstrap: dropdown.js v3.0.0 * http://twitter.github.com/bootstrap/javascript.html#dropdowns - * ============================================================ + * ======================================================================== * Copyright 2012 Twitter, Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); @@ -619,10 +619,10 @@ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. - * ============================================================ */ + * ======================================================================== */ -!function ($) { "use strict"; ++function ($) { "use strict"; // DROPDOWN CLASS DEFINITION // ========================= @@ -747,10 +747,10 @@ .on('keydown.dropdown.data-api', toggle + ', [role=menu]' , Dropdown.prototype.keydown) }(window.jQuery); -/* ========================================================= +/* ======================================================================== * Bootstrap: modal.js v3.0.0 * http://twitter.github.com/bootstrap/javascript.html#modals - * ========================================================= + * ======================================================================== * Copyright 2012 Twitter, Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); @@ -764,10 +764,10 @@ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. - * ========================================================= */ + * ======================================================================== */ -!function ($) { "use strict"; ++function ($) { "use strict"; // MODAL CLASS DEFINITION // ====================== @@ -989,11 +989,11 @@ .on('bs.modal.hidden', '.modal', function () { $body.removeClass('modal-open') }) }(window.jQuery); -/* =========================================================== +/* ======================================================================== * Bootstrap: tooltip.js v3.0.0 - * http://twitter.github.com/bootstrap/javascript.html#tooltips + * http://twitter.github.com/bootstrap/javascript.html#affix * Inspired by the original jQuery.tipsy by Jason Frame - * =========================================================== + * ======================================================================== * Copyright 2012 Twitter, Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); @@ -1007,10 +1007,10 @@ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. - * ========================================================== */ + * ======================================================================== */ -!function ($) { "use strict"; ++function ($) { "use strict"; // TOOLTIP PUBLIC CLASS DEFINITION // =============================== @@ -1342,10 +1342,10 @@ } }(window.jQuery); -/* =========================================================== +/* ======================================================================== * Bootstrap: popover.js v3.0.0 * http://twitter.github.com/bootstrap/javascript.html#popovers - * =========================================================== + * ======================================================================== * Copyright 2012 Twitter, Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); @@ -1359,10 +1359,10 @@ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. - * =========================================================== */ + * ======================================================================== */ -!function ($) { "use strict"; ++function ($) { "use strict"; // POPOVER PUBLIC CLASS DEFINITION // =============================== @@ -1451,10 +1451,10 @@ } }(window.jQuery); -/* ============================================================= +/* ======================================================================== * Bootstrap: scrollspy.js v3.0.0 * http://twitter.github.com/bootstrap/javascript.html#scrollspy - * ============================================================= + * ======================================================================== * Copyright 2012 Twitter, Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); @@ -1468,10 +1468,10 @@ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. - * ============================================================== */ + * ======================================================================== */ -!function ($) { "use strict"; ++function ($) { "use strict"; // SCROLLSPY CLASS DEFINITION // ========================== @@ -1607,10 +1607,10 @@ }) }(window.jQuery); -/* ======================================================== +/* ======================================================================== * Bootstrap: tab.js v3.0.0 * http://twitter.github.com/bootstrap/javascript.html#tabs - * ======================================================== + * ======================================================================== * Copyright 2012 Twitter, Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); @@ -1624,10 +1624,10 @@ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. - * ======================================================== */ + * ======================================================================== */ -!function ($) { "use strict"; ++function ($) { "use strict"; // TAB CLASS DEFINITION // ==================== @@ -1740,10 +1740,10 @@ }) }(window.jQuery); -/* ========================================================== +/* ======================================================================== * Bootstrap: affix.js v3.0.0 * http://twitter.github.com/bootstrap/javascript.html#affix - * ========================================================== + * ======================================================================== * Copyright 2012 Twitter, Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); @@ -1757,10 +1757,10 @@ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. - * ========================================================== */ + * ======================================================================== */ -!function ($) { "use strict"; ++function ($) { "use strict"; // AFFIX CLASS DEFINITION // ====================== diff --git a/docs/assets/js/bootstrap.min.js b/docs/assets/js/bootstrap.min.js index 789dcca8d..cc334e4e5 100644 --- a/docs/assets/js/bootstrap.min.js +++ b/docs/assets/js/bootstrap.min.js @@ -3,4 +3,4 @@ * Copyright 2012 Twitter, Inc. * http://www.apache.org/licenses/LICENSE-2.0.txt */ -!function(e){"use strict";function t(){var e=document.createElement("bootstrap"),t={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var n in t)if(e.style[n]!==undefined)return{end:t[n]}}e(function(){e.support.transition=t()})}(window.jQuery),!function(e){"use strict";var t='[data-dismiss="alert"]',n=function(n){e(n).on("click",t,this.close)};n.prototype.close=function(t){function s(){i.trigger("closed.bs.alert").remove()}var n=e(this),r=n.attr("data-target");r||(r=n.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,""));var i=e(r);t&&t.preventDefault(),i.length||(i=n.hasClass("alert")?n:n.parent()),i.trigger(t=e.Event("close.bs.alert"));if(t.isDefaultPrevented())return;i.removeClass("in"),e.support.transition&&i.hasClass("fade")?i.on(e.support.transition.end,s):s()};var r=e.fn.alert;e.fn.alert=function(t){return this.each(function(){var r=e(this),i=r.data("bs.alert");i||r.data("bs.alert",i=new n(this)),typeof t=="string"&&i[t].call(r)})},e.fn.alert.Constructor=n,e.fn.alert.noConflict=function(){return e.fn.alert=r,this},e(document).on("click.bs.alert.data-api",t,n.prototype.close)}(window.jQuery),!function(e){"use strict";var t=function(n,r){this.$element=e(n),this.options=e.extend({},t.DEFAULTS,r)};t.DEFAULTS={loadingText:"loading..."},t.prototype.setState=function(e){var t="disabled",n=this.$element,r=n.is("input")?"val":"html",i=n.data();e+="Text",i.resetText||n.data("resetText",n[r]()),n[r](i[e]||this.options[e]),setTimeout(function(){e=="loadingText"?n.addClass(t).attr(t,t):n.removeClass(t).removeAttr(t)},0)},t.prototype.toggle=function(){var e=this.$element.closest('[data-toggle="buttons-radio"]');e&&e.find(".active").removeClass("active"),this.$element.toggleClass("active")};var n=e.fn.button;e.fn.button=function(n){return this.each(function(){var r=e(this),i=r.data("button"),s=typeof n=="object"&&n;i||r.data("bs.button",i=new t(this,s)),n=="toggle"?i.toggle():n&&i.setState(n)})},e.fn.button.Constructor=t,e.fn.button.noConflict=function(){return e.fn.button=n,this},e(document).on("click.bs.button.data-api","[data-toggle^=button]",function(t){var n=e(t.target);n.hasClass("btn")||(n=n.closest(".btn")),n.button("toggle")})}(window.jQuery),!function(e){"use strict";var t=function(t,n){this.$element=e(t),this.$indicators=this.$element.find(".carousel-indicators"),this.options=n,this.paused=this.sliding=this.interval=this.$active=this.$items=null,this.options.pause=="hover"&&this.$element.on("mouseenter",e.proxy(this.pause,this)).on("mouseleave",e.proxy(this.cycle,this))};t.DEFAULTS={interval:5e3,pause:"hover"},t.prototype.cycle=function(t){return t||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(e.proxy(this.next,this),this.options.interval)),this},t.prototype.getActiveIndex=function(){return this.$active=this.$element.find(".item.active"),this.$items=this.$active.parent().children(),this.$items.index(this.$active)},t.prototype.to=function(t){var n=this,r=this.getActiveIndex();if(t>this.$items.length-1||t<0)return;return this.sliding?this.$element.one("slid",function(){n.to(t)}):r==t?this.pause().cycle():this.slide(t>r?"next":"prev",e(this.$items[t]))},t.prototype.pause=function(t){return t||(this.paused=!0),this.$element.find(".next, .prev").length&&e.support.transition.end&&(this.$element.trigger(e.support.transition.end),this.cycle(!0)),this.interval=clearInterval(this.interval),this},t.prototype.next=function(){if(this.sliding)return;return this.slide("next")},t.prototype.prev=function(){if(this.sliding)return;return this.slide("prev")},t.prototype.slide=function(t,n){var r=this.$element.find(".item.active"),i=n||r[t](),s=this.interval,o=t=="next"?"left":"right",u=t=="next"?"first":"last",a=this;this.sliding=!0,s&&this.pause(),i=i.length?i:this.$element.find(".item")[u]();var f=e.Event("slide.bs.carousel",{relatedTarget:i[0],direction:o});if(i.hasClass("active"))return;this.$indicators.length&&(this.$indicators.find(".active").removeClass("active"),this.$element.one("slid",function(){var t=e(a.$indicators.children()[a.getActiveIndex()]);t&&t.addClass("active")}));if(e.support.transition&&this.$element.hasClass("slide")){this.$element.trigger(f);if(f.isDefaultPrevented())return;i.addClass(t),i[0].offsetWidth,r.addClass(o),i.addClass(o),this.$element.one(e.support.transition.end,function(){i.removeClass([t,o].join(" ")).addClass("active"),r.removeClass(["active",o].join(" ")),a.sliding=!1,setTimeout(function(){a.$element.trigger("slid")},0)})}else{this.$element.trigger(f);if(f.isDefaultPrevented())return;r.removeClass("active"),i.addClass("active"),this.sliding=!1,this.$element.trigger("slid")}return s&&this.cycle(),this};var n=e.fn.carousel;e.fn.carousel=function(n){return this.each(function(){var r=e(this),i=r.data("bs.carousel"),s=e.extend({},t.DEFAULTS,typeof n=="object"&&n),o=typeof n=="string"?n:s.slide;i||r.data("bs.carousel",i=new t(this,s)),typeof n=="number"?i.to(n):o?i[o]():s.interval&&i.pause().cycle()})},e.fn.carousel.Constructor=t,e.fn.carousel.noConflict=function(){return e.fn.carousel=n,this},e(document).on("click.carousel.data-api","[data-slide], [data-slide-to]",function(t){var n=e(this),r,i=e(n.attr("data-target")||(r=n.attr("href"))&&r.replace(/.*(?=#[^\s]+$)/,"")),s=e.extend({},i.data(),n.data()),o;i.carousel(s),(o=n.attr("data-slide-to"))&&i.data("bs-carousel").pause().to(o).cycle(),t.preventDefault()})}(window.jQuery),!function(e){"use strict";var t=function(n,r){this.$element=e(n),this.options=e.extend({},t.DEFAULTS,r),this.transitioning=null,this.options.parent&&(this.$parent=e(this.options.parent)),this.options.toggle&&this.toggle()};t.DEFAULTS={toggle:!0},t.prototype.dimension=function(){var e=this.$element.hasClass("width");return e?"width":"height"},t.prototype.show=function(){if(this.transitioning||this.$element.hasClass("in"))return;var t=this.dimension(),n=e.camelCase(["scroll",t].join("-")),r=this.$parent&&this.$parent.find("> .accordion-group > .in");if(r&&r.length){var i=r.data("collapse");if(i&&i.transitioning)return;r.collapse("hide"),i||r.data("collapse",null)}this.$element[t](0),this.transition("addClass",e.Event("show.bs.collapse"),"shown.bs.collapse"),e.support.transition&&this.$element[t](this.$element[0][n])},t.prototype.hide=function(){if(this.transitioning||!this.$element.hasClass("in"))return;var t=this.dimension();this.reset(this.$element[t]()),this.transition("removeClass",e.Event("hide.bs.collapse"),"hidden"),this.$element[t](0)},t.prototype.reset=function(e){var t=this.dimension();return this.$element.removeClass("collapse")[t](e||"auto")[0].offsetWidth,this.$element[e!==null?"addClass":"removeClass"]("collapse"),this},t.prototype.transition=function(t,n,r){var i=this,s=function(){n.type=="show"&&i.reset(),i.transitioning=0,i.$element.trigger(r)};this.$element.trigger(n);if(n.isDefaultPrevented())return;this.transitioning=1,this.$element[t]("in"),e.support.transition&&this.$element.hasClass("collapse")?this.$element.one(e.support.transition.end,s):s()},t.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()};var n=e.fn.collapse;e.fn.collapse=function(n){return this.each(function(){var r=e(this),i=r.data("collapse"),s=e.extend({},t.DEFAULTS,r.data(),typeof n=="object"&&n);i||r.data("collapse",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.collapse.Constructor=t,e.fn.collapse.noConflict=function(){return e.fn.collapse=n,this},e(document).on("click.collapse.data-api","[data-toggle=collapse]",function(t){var n=e(this),r,i=n.attr("data-target")||t.preventDefault()||(r=n.attr("href"))&&r.replace(/.*(?=#[^\s]+$)/,""),s=e(i).data("collapse")?"toggle":n.data();n[e(i).hasClass("in")?"addClass":"removeClass"]("collapsed"),e(i).collapse(s)})}(window.jQuery),!function(e){"use strict";function i(){e(t).remove(),e(n).each(function(){s(e(this)).removeClass("open")})}function s(t){var n=t.attr("data-target");n||(n=t.attr("href"),n=n&&/#/.test(n)&&n.replace(/.*(?=#[^\s]*$)/,""));var r=n&&e(n);return r&&r.length?r:t.parent()}var t=".dropdown-backdrop",n="[data-toggle=dropdown]",r=function(t){var n=e(t).on("click.dropdown.data-api",this.toggle);e("html").on("click.dropdown.data-api",function(){n.parent().removeClass("open")})};r.prototype.toggle=function(t){var n=e(this);if(n.is(".disabled, :disabled"))return;var r=s(n),o=r.hasClass("open");return i(),o||("ontouchstart"in document.documentElement&&e('
                ').insertBefore(e(this)).on("click",i),r.toggleClass("open")),n.focus(),!1},r.prototype.keydown=function(t){if(!/(38|40|27)/.test(t.keyCode))return;var r=e(this);t.preventDefault(),t.stopPropagation();if(r.is(".disabled, :disabled"))return;var i=s(r),o=i.hasClass("open");if(!o||o&&t.keyCode==27)return t.which==27&&i.find(n).focus(),r.click();var u=e("[role=menu] li:not(.divider):visible a",i);if(!u.length)return;var a=u.index(u.filter(":focus"));t.keyCode==38&&a>0&&a--,t.keyCode==40&&a').appendTo(document.body),this.$backdrop.click(this.options.backdrop=="static"?e.proxy(this.$element[0].focus,this.$element[0]):e.proxy(this.hide,this)),i&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in");if(!t)return;i?this.$backdrop.one(e.support.transition.end,t):t()}else!this.isShown&&this.$backdrop?(this.$backdrop.removeClass("in"),e.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one(e.support.transition.end,t):t()):t&&t()};var n=e.fn.modal;e.fn.modal=function(n){return this.each(function(){var r=e(this),i=r.data("bs.modal"),s=e.extend({},t.DEFAULTS,r.data(),typeof n=="object"&&n);i||r.data("bs.modal",i=new t(this,s)),typeof n=="string"?i[n]():s.show&&i.show()})},e.fn.modal.Constructor=t,e.fn.modal.noConflict=function(){return e.fn.modal=n,this},e(document).on("click.bs.modal.data-api",'[data-toggle="modal"]',function(t){var n=e(this),r=n.attr("href"),i=e(n.attr("data-target")||r&&r.replace(/.*(?=#[^\s]+$)/,"")),s=i.data("modal")?"toggle":e.extend({remote:!/#/.test(r)&&r},i.data(),n.data());t.preventDefault(),i.modal(s).one("hide",function(){n.focus()})});var r=e(document.body).on("bs.modal.shown",".modal",function(){r.addClass("modal-open")}).on("bs.modal.hidden",".modal",function(){r.removeClass("modal-open")})}(window.jQuery),!function(e){"use strict";var t=function(e,t){this.type=this.options=this.enabled=this.timeout=this.hoverState=this.$element=null,this.init("tooltip",e,t)};t.DEFAULTS={animation:!0,placement:"top",selector:!1,template:'
                ',trigger:"hover focus",title:"",delay:0,html:!1,container:!1},t.prototype.init=function(t,n,r){this.enabled=!0,this.type=t,this.$element=e(n),this.options=this.getOptions(r);var i=this.options.trigger.split(" ");for(var s=i.length;s--;){var o=i[s];if(o=="click")this.$element.on("click."+this.type,this.options.selector,e.proxy(this.toggle,this));else if(o!="manual"){var u=o=="hover"?"mouseenter":"focus",a=o=="hover"?"mouseleave":"blur";this.$element.on(u+"."+this.type,this.options.selector,e.proxy(this.enter,this)),this.$element.on(a+"."+this.type,this.options.selector,e.proxy(this.leave,this))}}this.options.selector?this._options=e.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},t.prototype.getDefaults=function(){return t.DEFAULTS},t.prototype.getOptions=function(t){return t=e.extend({},this.getDefaults(),this.$element.data(),t),t.delay&&typeof t.delay=="number"&&(t.delay={show:t.delay,hide:t.delay}),t},t.prototype.enter=function(t){var n=this.getDefaults(),r={};this._options&&e.each(this._options,function(e,t){n[e]!=t&&(r[e]=t)},this);var i=e(t.currentTarget)[this.type](r).data("bs."+this.type);if(!i.options.delay||!i.options.delay.show)return i.show();clearTimeout(this.timeout),i.hoverState="in",this.timeout=setTimeout(function(){i.hoverState=="in"&&i.show()},i.options.delay.show)},t.prototype.leave=function(t){var n=e(t.currentTarget)[this.type](this._options).data("bs."+this.type);this.timeout&&clearTimeout(this.timeout);if(!n.options.delay||!n.options.delay.hide)return n.hide();n.hoverState="out",this.timeout=setTimeout(function(){n.hoverState=="out"&&n.hide()},n.options.delay.hide)},t.prototype.show=function(){var t=e.Event("show.bs."+this.type);if(this.hasContent()&&this.enabled){this.$element.trigger(t);if(t.isDefaultPrevented())return;var n=this.tip();this.setContent(),this.options.animation&&n.addClass("fade");var r=typeof this.options.placement=="function"?this.options.placement.call(this,n[0],this.$element[0]):this.options.placement;n.detach().css({top:0,left:0,display:"block"}),this.options.container?n.appendTo(this.options.container):n.insertAfter(this.$element);var i,s=this.getPosition(),o=n[0].offsetWidth,u=n[0].offsetHeight;switch(r){case"bottom":i={top:s.top+s.height,left:s.left+s.width/2-o/2};break;case"top":i={top:s.top-u,left:s.left+s.width/2-o/2};break;case"left":i={top:s.top+s.height/2-u/2,left:s.left-o};break;case"right":i={top:s.top+s.height/2-u/2,left:s.left+s.width}}this.applyPlacement(i,r),this.$element.trigger("shown.bs."+this.type)}},t.prototype.applyPlacement=function(e,t){var n,r=this.tip(),i=r[0].offsetWidth,s=r[0].offsetHeight;r.offset(e).addClass(t).addClass("in");var o=r[0].offsetWidth,u=r[0].offsetHeight;t=="top"&&u!=s&&(n=!0,e.top=e.top+s-u);if(t=="bottom"||t=="top"){var a=0;e.left<0&&(a=e.left*-2,e.left=0,r.offset(e),o=r[0].offsetWidth,u=r[0].offsetHeight),this.replaceArrow(a-i+o,o,"left")}else this.replaceArrow(u-s,u,"top");n&&r.offset(e)},t.prototype.replaceArrow=function(e,t,n){this.arrow().css(n,e?50*(1-e/t)+"%":"")},t.prototype.setContent=function(){var e=this.tip(),t=this.getTitle();e.find(".tooltip-inner")[this.options.html?"html":"text"](t),e.removeClass("fade in top bottom left right")},t.prototype.hide=function(){function i(){var t=setTimeout(function(){n.off(e.support.transition.end).detach()},500);n.one(e.support.transition.end,function(){clearTimeout(t),n.detach()})}var t=this,n=this.tip(),r=e.Event("hide.bs."+this.type);this.$element.trigger(r);if(r.isDefaultPrevented())return;return n.removeClass("in"),e.support.transition&&this.$tip.hasClass("fade")?i():n.detach(),this.$element.trigger("hidden.bs."+this.type),this},t.prototype.fixTitle=function(){var e=this.$element;(e.attr("title")||typeof e.attr("data-original-title")!="string")&&e.attr("data-original-title",e.attr("title")||"").attr("title","")},t.prototype.hasContent=function(){return this.getTitle()},t.prototype.getPosition=function(){var t=this.$element[0];return e.extend({},typeof t.getBoundingClientRect=="function"?t.getBoundingClientRect():{width:t.offsetWidth,height:t.offsetHeight},this.$element.offset())},t.prototype.getTitle=function(){var e,t=this.$element,n=this.options;return e=t.attr("data-original-title")||(typeof n.title=="function"?n.title.call(t[0]):n.title),e},t.prototype.tip=function(){return this.$tip=this.$tip||e(this.options.template)},t.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".tooltip-arrow")},t.prototype.validate=function(){this.$element[0].parentNode||(this.hide(),this.$element=null,this.options=null)},t.prototype.enable=function(){this.enabled=!0},t.prototype.disable=function(){this.enabled=!1},t.prototype.toggleEnabled=function(){this.enabled=!this.enabled},t.prototype.toggle=function(t){var n=t?e(t.currentTarget)[this.type](this._options).data("bs."+this.type):this;n.tip().hasClass("in")?n.hide():n.show()},t.prototype.destroy=function(){this.hide().$element.off("."+this.type).removeData("bs."+this.type)};var n=e.fn.tooltip;e.fn.tooltip=function(n){return this.each(function(){var r=e(this),i=r.data("bs.tooltip"),s=typeof n=="object"&&n;i||r.data("bs.tooltip",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.tooltip.Constructor=t,e.fn.tooltip.noConflict=function(){return e.fn.tooltip=n,this}}(window.jQuery),!function(e){"use strict";var t=function(e,t){this.init("popover",e,t)};t.DEFAULTS=e.extend({},e.fn.tooltip.Constructor.DEFAULTS,{placement:"right",trigger:"click",content:"",template:'

                '}),t.prototype=e.extend({},e.fn.tooltip.Constructor.prototype),t.prototype.constructor=t,t.prototype.getDefaults=function(){return t.DEFAULTS},t.prototype.setContent=function(){var e=this.tip(),t=this.getTitle(),n=this.getContent();e.find(".popover-title")[this.options.html?"html":"text"](t),e.find(".popover-content")[this.options.html?"html":"text"](n),e.removeClass("fade top bottom left right in")},t.prototype.hasContent=function(){return this.getTitle()||this.getContent()},t.prototype.getContent=function(){var e=typeof this.options.content=="function"?this.options.content.call(this.$element[0]):this.options.content;return e||this.$element.attr("data-content")},t.prototype.tip=function(){return this.$tip||(this.$tip=e(this.options.template)),this.$tip},t.prototype.destroy=function(){this.hide().$element.off("."+this.type).removeData(this.type)};var n=e.fn.popover;e.fn.popover=function(n){return this.each(function(){var r=e(this),i=r.data("bs.popover"),s=typeof n=="object"&&n;i||r.data("bs.popover",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.popover.Constructor=t,e.fn.popover.noConflict=function(){return e.fn.popover=n,this}}(window.jQuery),!function(e){"use strict";function t(n,r){var i,s=e.proxy(this.process,this),o=e(n).is("body")?e(window):e(n);this.$body=e("body"),this.$scrollElement=o.on("scroll.scroll-spy.data-api",s),this.options=e.extend({},t.DEFAULTS,r),this.selector=(this.options.target||(i=e(n).attr("href"))&&i.replace(/.*(?=#[^\s]+$)/,"")||"")+" .nav li > a",this.offsets=e([]),this.targets=e([]),this.activeTarget=null,this.refresh(),this.process()}t.DEFAULTS={offset:10},t.prototype.refresh=function(){this.offsets=e([]),this.targets=e([]);var t=this,n=this.$body.find(this.selector).map(function(){var n=e(this),r=n.data("target")||n.attr("href"),i=/^#\w/.test(r)&&e(r);return i&&i.length&&[[i.position().top+(!e.isWindow(t.$scrollElement.get(0))&&t.$scrollElement.scrollTop()),r]]||null}).sort(function(e,t){return e[0]-t[0]}).each(function(){t.offsets.push(this[0]),t.targets.push(this[1])})},t.prototype.process=function(){var e=this.$scrollElement.scrollTop()+this.options.offset,t=this.$scrollElement[0].scrollHeight||this.$body[0].scrollHeight,n=t-this.$scrollElement.height(),r=this.offsets,i=this.targets,s=this.activeTarget,o;if(e>=n)return s!=(o=i.last()[0])&&this.activate(o);for(o=r.length;o--;)s!=i[o]&&e>=r[o]&&(!r[o+1]||e<=r[o+1])&&this.activate(i[o])},t.prototype.activate=function(t){this.activeTarget=t,e(this.selector).parents(".active").removeClass("active");var n=this.selector+'[data-target="'+t+'"],'+this.selector+'[href="'+t+'"]',r=e(n).parents("li").addClass("active");r.parent(".dropdown-menu").length&&(r=r.closest("li.dropdown").addClass("active")),r.trigger("activate")};var n=e.fn.scrollspy;e.fn.scrollspy=function(n){return this.each(function(){var r=e(this),i=r.data("bs.scrollspy"),s=typeof n=="object"&&n;i||r.data("bs.scrollspy",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.scrollspy.Constructor=t,e.fn.scrollspy.noConflict=function(){return e.fn.scrollspy=n,this},e(window).on("load",function(){e('[data-spy="scroll"]').each(function(){var t=e(this);t.scrollspy(t.data())})})}(window.jQuery),!function(e){"use strict";var t=function(t){this.element=e(t)};t.prototype.show=function(){var t=this.element,n=t.closest("ul:not(.dropdown-menu)"),r=t.attr("data-target");r||(r=t.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,""));if(t.parent("li").hasClass("active"))return;var i=n.find(".active:last a")[0],s=e.Event("show.bs.tab",{relatedTarget:i});t.trigger(s);if(s.isDefaultPrevented())return;var o=e(r);this.activate(t.parent("li"),n),this.activate(o,o.parent(),function(){t.trigger({type:"shown.bs.tab",relatedTarget:i})})},t.prototype.activate=function(t,n,r){function o(){i.removeClass("active").find("> .dropdown-menu > .active").removeClass("active"),t.addClass("active"),s?(t[0].offsetWidth,t.addClass("in")):t.removeClass("fade"),t.parent(".dropdown-menu")&&t.closest("li.dropdown").addClass("active"),r&&r()}var i=n.find("> .active"),s=r&&e.support.transition&&i.hasClass("fade");s?i.one(e.support.transition.end,o):o(),i.removeClass("in")};var n=e.fn.tab;e.fn.tab=function(n){return this.each(function(){var r=e(this),i=r.data("bs.tab");i||r.data("bs.tab",i=new t(this)),typeof n=="string"&&i[n]()})},e.fn.tab.Constructor=t,e.fn.tab.noConflict=function(){return e.fn.tab=n,this},e(document).on("click.bs.tab.data-api",'[data-toggle="tab"], [data-toggle="pill"]',function(t){t.preventDefault(),e(this).tab("show")})}(window.jQuery),!function(e){"use strict";var t=function(n,r){this.options=e.extend({},t.DEFAULTS,r),this.$window=e(window).on("scroll.bs.affix.data-api",e.proxy(this.checkPosition,this)).on("click.bs.affix.data-api",e.proxy(this.checkPositionWithEventLoop,this)),this.$element=e(n),this.affixed=this.unpin=null,this.checkPosition()};t.DEFAULTS={offset:0},t.prototype.checkPositionWithEventLoop=function(){setTimeout(e.proxy(this.checkPosition,this),1)},t.prototype.checkPosition=function(){if(!this.$element.is(":visible"))return;var t=e(document).height(),n=this.$window.scrollTop(),r=this.$element.offset(),i=this.options.offset,s=i.top,o=i.bottom,u="affix affix-top affix-bottom";typeof i!="object"&&(o=s=i),typeof s=="function"&&(s=i.top()),typeof o=="function"&&(o=i.bottom());var a=this.unpin!=null&&n+this.unpin<=r.top?!1:o!=null&&r.top+this.$element.height()>=t-o?"bottom":s!=null&&n<=s?"top":!1;if(this.affixed===a)return;this.affixed=a,this.unpin=a=="bottom"?r.top-n:null,this.$element.removeClass(u).addClass("affix"+(a?"-"+a:""))};var n=e.fn.affix;e.fn.affix=function(n){return this.each(function(){var r=e(this),i=r.data("bs.affix"),s=typeof n=="object"&&n;i||r.data("bs.affix",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.affix.Constructor=t,e.fn.affix.noConflict=function(){return e.fn.affix=n,this},e(window).on("load",function(){e('[data-spy="affix"]').each(function(){var t=e(this),n=t.data();n.offset=n.offset||{},n.offsetBottom&&(n.offset.bottom=n.offsetBottom),n.offsetTop&&(n.offset.top=n.offsetTop),t.affix(n)})})}(window.jQuery); \ No newline at end of file ++function(e){"use strict";function t(){var e=document.createElement("bootstrap"),t={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var n in t)if(e.style[n]!==undefined)return{end:t[n]}}e(function(){e.support.transition=t()})}(window.jQuery),+function(e){"use strict";var t='[data-dismiss="alert"]',n=function(n){e(n).on("click",t,this.close)};n.prototype.close=function(t){function s(){i.trigger("closed.bs.alert").remove()}var n=e(this),r=n.attr("data-target");r||(r=n.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,""));var i=e(r);t&&t.preventDefault(),i.length||(i=n.hasClass("alert")?n:n.parent()),i.trigger(t=e.Event("close.bs.alert"));if(t.isDefaultPrevented())return;i.removeClass("in"),e.support.transition&&i.hasClass("fade")?i.on(e.support.transition.end,s):s()};var r=e.fn.alert;e.fn.alert=function(t){return this.each(function(){var r=e(this),i=r.data("bs.alert");i||r.data("bs.alert",i=new n(this)),typeof t=="string"&&i[t].call(r)})},e.fn.alert.Constructor=n,e.fn.alert.noConflict=function(){return e.fn.alert=r,this},e(document).on("click.bs.alert.data-api",t,n.prototype.close)}(window.jQuery),+function(e){"use strict";var t=function(n,r){this.$element=e(n),this.options=e.extend({},t.DEFAULTS,r)};t.DEFAULTS={loadingText:"loading..."},t.prototype.setState=function(e){var t="disabled",n=this.$element,r=n.is("input")?"val":"html",i=n.data();e+="Text",i.resetText||n.data("resetText",n[r]()),n[r](i[e]||this.options[e]),setTimeout(function(){e=="loadingText"?n.addClass(t).attr(t,t):n.removeClass(t).removeAttr(t)},0)},t.prototype.toggle=function(){var e=this.$element.closest('[data-toggle="buttons-radio"]');e&&e.find(".active").removeClass("active"),this.$element.toggleClass("active")};var n=e.fn.button;e.fn.button=function(n){return this.each(function(){var r=e(this),i=r.data("button"),s=typeof n=="object"&&n;i||r.data("bs.button",i=new t(this,s)),n=="toggle"?i.toggle():n&&i.setState(n)})},e.fn.button.Constructor=t,e.fn.button.noConflict=function(){return e.fn.button=n,this},e(document).on("click.bs.button.data-api","[data-toggle^=button]",function(t){var n=e(t.target);n.hasClass("btn")||(n=n.closest(".btn")),n.button("toggle")})}(window.jQuery),+function(e){"use strict";var t=function(t,n){this.$element=e(t),this.$indicators=this.$element.find(".carousel-indicators"),this.options=n,this.paused=this.sliding=this.interval=this.$active=this.$items=null,this.options.pause=="hover"&&this.$element.on("mouseenter",e.proxy(this.pause,this)).on("mouseleave",e.proxy(this.cycle,this))};t.DEFAULTS={interval:5e3,pause:"hover"},t.prototype.cycle=function(t){return t||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(e.proxy(this.next,this),this.options.interval)),this},t.prototype.getActiveIndex=function(){return this.$active=this.$element.find(".item.active"),this.$items=this.$active.parent().children(),this.$items.index(this.$active)},t.prototype.to=function(t){var n=this,r=this.getActiveIndex();if(t>this.$items.length-1||t<0)return;return this.sliding?this.$element.one("slid",function(){n.to(t)}):r==t?this.pause().cycle():this.slide(t>r?"next":"prev",e(this.$items[t]))},t.prototype.pause=function(t){return t||(this.paused=!0),this.$element.find(".next, .prev").length&&e.support.transition.end&&(this.$element.trigger(e.support.transition.end),this.cycle(!0)),this.interval=clearInterval(this.interval),this},t.prototype.next=function(){if(this.sliding)return;return this.slide("next")},t.prototype.prev=function(){if(this.sliding)return;return this.slide("prev")},t.prototype.slide=function(t,n){var r=this.$element.find(".item.active"),i=n||r[t](),s=this.interval,o=t=="next"?"left":"right",u=t=="next"?"first":"last",a=this;this.sliding=!0,s&&this.pause(),i=i.length?i:this.$element.find(".item")[u]();var f=e.Event("slide.bs.carousel",{relatedTarget:i[0],direction:o});if(i.hasClass("active"))return;this.$indicators.length&&(this.$indicators.find(".active").removeClass("active"),this.$element.one("slid",function(){var t=e(a.$indicators.children()[a.getActiveIndex()]);t&&t.addClass("active")}));if(e.support.transition&&this.$element.hasClass("slide")){this.$element.trigger(f);if(f.isDefaultPrevented())return;i.addClass(t),i[0].offsetWidth,r.addClass(o),i.addClass(o),this.$element.one(e.support.transition.end,function(){i.removeClass([t,o].join(" ")).addClass("active"),r.removeClass(["active",o].join(" ")),a.sliding=!1,setTimeout(function(){a.$element.trigger("slid")},0)})}else{this.$element.trigger(f);if(f.isDefaultPrevented())return;r.removeClass("active"),i.addClass("active"),this.sliding=!1,this.$element.trigger("slid")}return s&&this.cycle(),this};var n=e.fn.carousel;e.fn.carousel=function(n){return this.each(function(){var r=e(this),i=r.data("bs.carousel"),s=e.extend({},t.DEFAULTS,typeof n=="object"&&n),o=typeof n=="string"?n:s.slide;i||r.data("bs.carousel",i=new t(this,s)),typeof n=="number"?i.to(n):o?i[o]():s.interval&&i.pause().cycle()})},e.fn.carousel.Constructor=t,e.fn.carousel.noConflict=function(){return e.fn.carousel=n,this},e(document).on("click.carousel.data-api","[data-slide], [data-slide-to]",function(t){var n=e(this),r,i=e(n.attr("data-target")||(r=n.attr("href"))&&r.replace(/.*(?=#[^\s]+$)/,"")),s=e.extend({},i.data(),n.data()),o;i.carousel(s),(o=n.attr("data-slide-to"))&&i.data("bs-carousel").pause().to(o).cycle(),t.preventDefault()})}(window.jQuery),+function(e){"use strict";var t=function(n,r){this.$element=e(n),this.options=e.extend({},t.DEFAULTS,r),this.transitioning=null,this.options.parent&&(this.$parent=e(this.options.parent)),this.options.toggle&&this.toggle()};t.DEFAULTS={toggle:!0},t.prototype.dimension=function(){var e=this.$element.hasClass("width");return e?"width":"height"},t.prototype.show=function(){if(this.transitioning||this.$element.hasClass("in"))return;var t=this.dimension(),n=e.camelCase(["scroll",t].join("-")),r=this.$parent&&this.$parent.find("> .accordion-group > .in");if(r&&r.length){var i=r.data("collapse");if(i&&i.transitioning)return;r.collapse("hide"),i||r.data("collapse",null)}this.$element[t](0),this.transition("addClass",e.Event("show.bs.collapse"),"shown.bs.collapse"),e.support.transition&&this.$element[t](this.$element[0][n])},t.prototype.hide=function(){if(this.transitioning||!this.$element.hasClass("in"))return;var t=this.dimension();this.reset(this.$element[t]()),this.transition("removeClass",e.Event("hide.bs.collapse"),"hidden"),this.$element[t](0)},t.prototype.reset=function(e){var t=this.dimension();return this.$element.removeClass("collapse")[t](e||"auto")[0].offsetWidth,this.$element[e!==null?"addClass":"removeClass"]("collapse"),this},t.prototype.transition=function(t,n,r){var i=this,s=function(){n.type=="show"&&i.reset(),i.transitioning=0,i.$element.trigger(r)};this.$element.trigger(n);if(n.isDefaultPrevented())return;this.transitioning=1,this.$element[t]("in"),e.support.transition&&this.$element.hasClass("collapse")?this.$element.one(e.support.transition.end,s):s()},t.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()};var n=e.fn.collapse;e.fn.collapse=function(n){return this.each(function(){var r=e(this),i=r.data("collapse"),s=e.extend({},t.DEFAULTS,r.data(),typeof n=="object"&&n);i||r.data("collapse",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.collapse.Constructor=t,e.fn.collapse.noConflict=function(){return e.fn.collapse=n,this},e(document).on("click.collapse.data-api","[data-toggle=collapse]",function(t){var n=e(this),r,i=n.attr("data-target")||t.preventDefault()||(r=n.attr("href"))&&r.replace(/.*(?=#[^\s]+$)/,""),s=e(i).data("collapse")?"toggle":n.data();n[e(i).hasClass("in")?"addClass":"removeClass"]("collapsed"),e(i).collapse(s)})}(window.jQuery),+function(e){"use strict";function i(){e(t).remove(),e(n).each(function(){s(e(this)).removeClass("open")})}function s(t){var n=t.attr("data-target");n||(n=t.attr("href"),n=n&&/#/.test(n)&&n.replace(/.*(?=#[^\s]*$)/,""));var r=n&&e(n);return r&&r.length?r:t.parent()}var t=".dropdown-backdrop",n="[data-toggle=dropdown]",r=function(t){var n=e(t).on("click.dropdown.data-api",this.toggle);e("html").on("click.dropdown.data-api",function(){n.parent().removeClass("open")})};r.prototype.toggle=function(t){var n=e(this);if(n.is(".disabled, :disabled"))return;var r=s(n),o=r.hasClass("open");return i(),o||("ontouchstart"in document.documentElement&&e('
                ').insertBefore(e(this)).on("click",i),r.toggleClass("open")),n.focus(),!1},r.prototype.keydown=function(t){if(!/(38|40|27)/.test(t.keyCode))return;var r=e(this);t.preventDefault(),t.stopPropagation();if(r.is(".disabled, :disabled"))return;var i=s(r),o=i.hasClass("open");if(!o||o&&t.keyCode==27)return t.which==27&&i.find(n).focus(),r.click();var u=e("[role=menu] li:not(.divider):visible a",i);if(!u.length)return;var a=u.index(u.filter(":focus"));t.keyCode==38&&a>0&&a--,t.keyCode==40&&a').appendTo(document.body),this.$backdrop.click(this.options.backdrop=="static"?e.proxy(this.$element[0].focus,this.$element[0]):e.proxy(this.hide,this)),i&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in");if(!t)return;i?this.$backdrop.one(e.support.transition.end,t):t()}else!this.isShown&&this.$backdrop?(this.$backdrop.removeClass("in"),e.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one(e.support.transition.end,t):t()):t&&t()};var n=e.fn.modal;e.fn.modal=function(n){return this.each(function(){var r=e(this),i=r.data("bs.modal"),s=e.extend({},t.DEFAULTS,r.data(),typeof n=="object"&&n);i||r.data("bs.modal",i=new t(this,s)),typeof n=="string"?i[n]():s.show&&i.show()})},e.fn.modal.Constructor=t,e.fn.modal.noConflict=function(){return e.fn.modal=n,this},e(document).on("click.bs.modal.data-api",'[data-toggle="modal"]',function(t){var n=e(this),r=n.attr("href"),i=e(n.attr("data-target")||r&&r.replace(/.*(?=#[^\s]+$)/,"")),s=i.data("modal")?"toggle":e.extend({remote:!/#/.test(r)&&r},i.data(),n.data());t.preventDefault(),i.modal(s).one("hide",function(){n.focus()})});var r=e(document.body).on("bs.modal.shown",".modal",function(){r.addClass("modal-open")}).on("bs.modal.hidden",".modal",function(){r.removeClass("modal-open")})}(window.jQuery),+function(e){"use strict";var t=function(e,t){this.type=this.options=this.enabled=this.timeout=this.hoverState=this.$element=null,this.init("tooltip",e,t)};t.DEFAULTS={animation:!0,placement:"top",selector:!1,template:'
                ',trigger:"hover focus",title:"",delay:0,html:!1,container:!1},t.prototype.init=function(t,n,r){this.enabled=!0,this.type=t,this.$element=e(n),this.options=this.getOptions(r);var i=this.options.trigger.split(" ");for(var s=i.length;s--;){var o=i[s];if(o=="click")this.$element.on("click."+this.type,this.options.selector,e.proxy(this.toggle,this));else if(o!="manual"){var u=o=="hover"?"mouseenter":"focus",a=o=="hover"?"mouseleave":"blur";this.$element.on(u+"."+this.type,this.options.selector,e.proxy(this.enter,this)),this.$element.on(a+"."+this.type,this.options.selector,e.proxy(this.leave,this))}}this.options.selector?this._options=e.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},t.prototype.getDefaults=function(){return t.DEFAULTS},t.prototype.getOptions=function(t){return t=e.extend({},this.getDefaults(),this.$element.data(),t),t.delay&&typeof t.delay=="number"&&(t.delay={show:t.delay,hide:t.delay}),t},t.prototype.enter=function(t){var n=this.getDefaults(),r={};this._options&&e.each(this._options,function(e,t){n[e]!=t&&(r[e]=t)},this);var i=e(t.currentTarget)[this.type](r).data("bs."+this.type);if(!i.options.delay||!i.options.delay.show)return i.show();clearTimeout(this.timeout),i.hoverState="in",this.timeout=setTimeout(function(){i.hoverState=="in"&&i.show()},i.options.delay.show)},t.prototype.leave=function(t){var n=e(t.currentTarget)[this.type](this._options).data("bs."+this.type);this.timeout&&clearTimeout(this.timeout);if(!n.options.delay||!n.options.delay.hide)return n.hide();n.hoverState="out",this.timeout=setTimeout(function(){n.hoverState=="out"&&n.hide()},n.options.delay.hide)},t.prototype.show=function(){var t=e.Event("show.bs."+this.type);if(this.hasContent()&&this.enabled){this.$element.trigger(t);if(t.isDefaultPrevented())return;var n=this.tip();this.setContent(),this.options.animation&&n.addClass("fade");var r=typeof this.options.placement=="function"?this.options.placement.call(this,n[0],this.$element[0]):this.options.placement;n.detach().css({top:0,left:0,display:"block"}),this.options.container?n.appendTo(this.options.container):n.insertAfter(this.$element);var i,s=this.getPosition(),o=n[0].offsetWidth,u=n[0].offsetHeight;switch(r){case"bottom":i={top:s.top+s.height,left:s.left+s.width/2-o/2};break;case"top":i={top:s.top-u,left:s.left+s.width/2-o/2};break;case"left":i={top:s.top+s.height/2-u/2,left:s.left-o};break;case"right":i={top:s.top+s.height/2-u/2,left:s.left+s.width}}this.applyPlacement(i,r),this.$element.trigger("shown.bs."+this.type)}},t.prototype.applyPlacement=function(e,t){var n,r=this.tip(),i=r[0].offsetWidth,s=r[0].offsetHeight;r.offset(e).addClass(t).addClass("in");var o=r[0].offsetWidth,u=r[0].offsetHeight;t=="top"&&u!=s&&(n=!0,e.top=e.top+s-u);if(t=="bottom"||t=="top"){var a=0;e.left<0&&(a=e.left*-2,e.left=0,r.offset(e),o=r[0].offsetWidth,u=r[0].offsetHeight),this.replaceArrow(a-i+o,o,"left")}else this.replaceArrow(u-s,u,"top");n&&r.offset(e)},t.prototype.replaceArrow=function(e,t,n){this.arrow().css(n,e?50*(1-e/t)+"%":"")},t.prototype.setContent=function(){var e=this.tip(),t=this.getTitle();e.find(".tooltip-inner")[this.options.html?"html":"text"](t),e.removeClass("fade in top bottom left right")},t.prototype.hide=function(){function i(){var t=setTimeout(function(){n.off(e.support.transition.end).detach()},500);n.one(e.support.transition.end,function(){clearTimeout(t),n.detach()})}var t=this,n=this.tip(),r=e.Event("hide.bs."+this.type);this.$element.trigger(r);if(r.isDefaultPrevented())return;return n.removeClass("in"),e.support.transition&&this.$tip.hasClass("fade")?i():n.detach(),this.$element.trigger("hidden.bs."+this.type),this},t.prototype.fixTitle=function(){var e=this.$element;(e.attr("title")||typeof e.attr("data-original-title")!="string")&&e.attr("data-original-title",e.attr("title")||"").attr("title","")},t.prototype.hasContent=function(){return this.getTitle()},t.prototype.getPosition=function(){var t=this.$element[0];return e.extend({},typeof t.getBoundingClientRect=="function"?t.getBoundingClientRect():{width:t.offsetWidth,height:t.offsetHeight},this.$element.offset())},t.prototype.getTitle=function(){var e,t=this.$element,n=this.options;return e=t.attr("data-original-title")||(typeof n.title=="function"?n.title.call(t[0]):n.title),e},t.prototype.tip=function(){return this.$tip=this.$tip||e(this.options.template)},t.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".tooltip-arrow")},t.prototype.validate=function(){this.$element[0].parentNode||(this.hide(),this.$element=null,this.options=null)},t.prototype.enable=function(){this.enabled=!0},t.prototype.disable=function(){this.enabled=!1},t.prototype.toggleEnabled=function(){this.enabled=!this.enabled},t.prototype.toggle=function(t){var n=t?e(t.currentTarget)[this.type](this._options).data("bs."+this.type):this;n.tip().hasClass("in")?n.hide():n.show()},t.prototype.destroy=function(){this.hide().$element.off("."+this.type).removeData("bs."+this.type)};var n=e.fn.tooltip;e.fn.tooltip=function(n){return this.each(function(){var r=e(this),i=r.data("bs.tooltip"),s=typeof n=="object"&&n;i||r.data("bs.tooltip",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.tooltip.Constructor=t,e.fn.tooltip.noConflict=function(){return e.fn.tooltip=n,this}}(window.jQuery),+function(e){"use strict";var t=function(e,t){this.init("popover",e,t)};t.DEFAULTS=e.extend({},e.fn.tooltip.Constructor.DEFAULTS,{placement:"right",trigger:"click",content:"",template:'

                '}),t.prototype=e.extend({},e.fn.tooltip.Constructor.prototype),t.prototype.constructor=t,t.prototype.getDefaults=function(){return t.DEFAULTS},t.prototype.setContent=function(){var e=this.tip(),t=this.getTitle(),n=this.getContent();e.find(".popover-title")[this.options.html?"html":"text"](t),e.find(".popover-content")[this.options.html?"html":"text"](n),e.removeClass("fade top bottom left right in")},t.prototype.hasContent=function(){return this.getTitle()||this.getContent()},t.prototype.getContent=function(){var e=typeof this.options.content=="function"?this.options.content.call(this.$element[0]):this.options.content;return e||this.$element.attr("data-content")},t.prototype.tip=function(){return this.$tip||(this.$tip=e(this.options.template)),this.$tip},t.prototype.destroy=function(){this.hide().$element.off("."+this.type).removeData(this.type)};var n=e.fn.popover;e.fn.popover=function(n){return this.each(function(){var r=e(this),i=r.data("bs.popover"),s=typeof n=="object"&&n;i||r.data("bs.popover",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.popover.Constructor=t,e.fn.popover.noConflict=function(){return e.fn.popover=n,this}}(window.jQuery),+function(e){"use strict";function t(n,r){var i,s=e.proxy(this.process,this),o=e(n).is("body")?e(window):e(n);this.$body=e("body"),this.$scrollElement=o.on("scroll.scroll-spy.data-api",s),this.options=e.extend({},t.DEFAULTS,r),this.selector=(this.options.target||(i=e(n).attr("href"))&&i.replace(/.*(?=#[^\s]+$)/,"")||"")+" .nav li > a",this.offsets=e([]),this.targets=e([]),this.activeTarget=null,this.refresh(),this.process()}t.DEFAULTS={offset:10},t.prototype.refresh=function(){this.offsets=e([]),this.targets=e([]);var t=this,n=this.$body.find(this.selector).map(function(){var n=e(this),r=n.data("target")||n.attr("href"),i=/^#\w/.test(r)&&e(r);return i&&i.length&&[[i.position().top+(!e.isWindow(t.$scrollElement.get(0))&&t.$scrollElement.scrollTop()),r]]||null}).sort(function(e,t){return e[0]-t[0]}).each(function(){t.offsets.push(this[0]),t.targets.push(this[1])})},t.prototype.process=function(){var e=this.$scrollElement.scrollTop()+this.options.offset,t=this.$scrollElement[0].scrollHeight||this.$body[0].scrollHeight,n=t-this.$scrollElement.height(),r=this.offsets,i=this.targets,s=this.activeTarget,o;if(e>=n)return s!=(o=i.last()[0])&&this.activate(o);for(o=r.length;o--;)s!=i[o]&&e>=r[o]&&(!r[o+1]||e<=r[o+1])&&this.activate(i[o])},t.prototype.activate=function(t){this.activeTarget=t,e(this.selector).parents(".active").removeClass("active");var n=this.selector+'[data-target="'+t+'"],'+this.selector+'[href="'+t+'"]',r=e(n).parents("li").addClass("active");r.parent(".dropdown-menu").length&&(r=r.closest("li.dropdown").addClass("active")),r.trigger("activate")};var n=e.fn.scrollspy;e.fn.scrollspy=function(n){return this.each(function(){var r=e(this),i=r.data("bs.scrollspy"),s=typeof n=="object"&&n;i||r.data("bs.scrollspy",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.scrollspy.Constructor=t,e.fn.scrollspy.noConflict=function(){return e.fn.scrollspy=n,this},e(window).on("load",function(){e('[data-spy="scroll"]').each(function(){var t=e(this);t.scrollspy(t.data())})})}(window.jQuery),+function(e){"use strict";var t=function(t){this.element=e(t)};t.prototype.show=function(){var t=this.element,n=t.closest("ul:not(.dropdown-menu)"),r=t.attr("data-target");r||(r=t.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,""));if(t.parent("li").hasClass("active"))return;var i=n.find(".active:last a")[0],s=e.Event("show.bs.tab",{relatedTarget:i});t.trigger(s);if(s.isDefaultPrevented())return;var o=e(r);this.activate(t.parent("li"),n),this.activate(o,o.parent(),function(){t.trigger({type:"shown.bs.tab",relatedTarget:i})})},t.prototype.activate=function(t,n,r){function o(){i.removeClass("active").find("> .dropdown-menu > .active").removeClass("active"),t.addClass("active"),s?(t[0].offsetWidth,t.addClass("in")):t.removeClass("fade"),t.parent(".dropdown-menu")&&t.closest("li.dropdown").addClass("active"),r&&r()}var i=n.find("> .active"),s=r&&e.support.transition&&i.hasClass("fade");s?i.one(e.support.transition.end,o):o(),i.removeClass("in")};var n=e.fn.tab;e.fn.tab=function(n){return this.each(function(){var r=e(this),i=r.data("bs.tab");i||r.data("bs.tab",i=new t(this)),typeof n=="string"&&i[n]()})},e.fn.tab.Constructor=t,e.fn.tab.noConflict=function(){return e.fn.tab=n,this},e(document).on("click.bs.tab.data-api",'[data-toggle="tab"], [data-toggle="pill"]',function(t){t.preventDefault(),e(this).tab("show")})}(window.jQuery),+function(e){"use strict";var t=function(n,r){this.options=e.extend({},t.DEFAULTS,r),this.$window=e(window).on("scroll.bs.affix.data-api",e.proxy(this.checkPosition,this)).on("click.bs.affix.data-api",e.proxy(this.checkPositionWithEventLoop,this)),this.$element=e(n),this.affixed=this.unpin=null,this.checkPosition()};t.DEFAULTS={offset:0},t.prototype.checkPositionWithEventLoop=function(){setTimeout(e.proxy(this.checkPosition,this),1)},t.prototype.checkPosition=function(){if(!this.$element.is(":visible"))return;var t=e(document).height(),n=this.$window.scrollTop(),r=this.$element.offset(),i=this.options.offset,s=i.top,o=i.bottom,u="affix affix-top affix-bottom";typeof i!="object"&&(o=s=i),typeof s=="function"&&(s=i.top()),typeof o=="function"&&(o=i.bottom());var a=this.unpin!=null&&n+this.unpin<=r.top?!1:o!=null&&r.top+this.$element.height()>=t-o?"bottom":s!=null&&n<=s?"top":!1;if(this.affixed===a)return;this.affixed=a,this.unpin=a=="bottom"?r.top-n:null,this.$element.removeClass(u).addClass("affix"+(a?"-"+a:""))};var n=e.fn.affix;e.fn.affix=function(n){return this.each(function(){var r=e(this),i=r.data("bs.affix"),s=typeof n=="object"&&n;i||r.data("bs.affix",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.affix.Constructor=t,e.fn.affix.noConflict=function(){return e.fn.affix=n,this},e(window).on("load",function(){e('[data-spy="affix"]').each(function(){var t=e(this),n=t.data();n.offset=n.offset||{},n.offsetBottom&&(n.offset.bottom=n.offsetBottom),n.offsetTop&&(n.offset.top=n.offsetTop),t.affix(n)})})}(window.jQuery); \ No newline at end of file diff --git a/docs/assets/js/jszip-deflate.js b/docs/assets/js/jszip-deflate.js new file mode 100644 index 000000000..61efd7e3e --- /dev/null +++ b/docs/assets/js/jszip-deflate.js @@ -0,0 +1,1695 @@ +/* + * Port of a script by Masanao Izumo. + * + * Only changes : wrap all the variables in a function and add the + * main function to JSZip (DEFLATE compression method). + * Everything else was written by M. Izumo. + * + * Original code can be found here: http://www.onicos.com/staff/iz/amuse/javascript/expert/deflate.txt + */ + +if(!JSZip) +{ + throw "JSZip not defined"; +} + +/* + * Original: + * http://www.onicos.com/staff/iz/amuse/javascript/expert/deflate.txt + */ + +(function(){ + +/* Copyright (C) 1999 Masanao Izumo + * Version: 1.0.1 + * LastModified: Dec 25 1999 + */ + +/* Interface: + * data = zip_deflate(src); + */ + +/* constant parameters */ +var zip_WSIZE = 32768; // Sliding Window size +var zip_STORED_BLOCK = 0; +var zip_STATIC_TREES = 1; +var zip_DYN_TREES = 2; + +/* for deflate */ +var zip_DEFAULT_LEVEL = 6; +var zip_FULL_SEARCH = true; +var zip_INBUFSIZ = 32768; // Input buffer size +var zip_INBUF_EXTRA = 64; // Extra buffer +var zip_OUTBUFSIZ = 1024 * 8; +var zip_window_size = 2 * zip_WSIZE; +var zip_MIN_MATCH = 3; +var zip_MAX_MATCH = 258; +var zip_BITS = 16; +// for SMALL_MEM +var zip_LIT_BUFSIZE = 0x2000; +var zip_HASH_BITS = 13; +// for MEDIUM_MEM +// var zip_LIT_BUFSIZE = 0x4000; +// var zip_HASH_BITS = 14; +// for BIG_MEM +// var zip_LIT_BUFSIZE = 0x8000; +// var zip_HASH_BITS = 15; +if(zip_LIT_BUFSIZE > zip_INBUFSIZ) + alert("error: zip_INBUFSIZ is too small"); +if((zip_WSIZE<<1) > (1< zip_BITS-1) + alert("error: zip_HASH_BITS is too large"); +if(zip_HASH_BITS < 8 || zip_MAX_MATCH != 258) + alert("error: Code too clever"); +var zip_DIST_BUFSIZE = zip_LIT_BUFSIZE; +var zip_HASH_SIZE = 1 << zip_HASH_BITS; +var zip_HASH_MASK = zip_HASH_SIZE - 1; +var zip_WMASK = zip_WSIZE - 1; +var zip_NIL = 0; // Tail of hash chains +var zip_TOO_FAR = 4096; +var zip_MIN_LOOKAHEAD = zip_MAX_MATCH + zip_MIN_MATCH + 1; +var zip_MAX_DIST = zip_WSIZE - zip_MIN_LOOKAHEAD; +var zip_SMALLEST = 1; +var zip_MAX_BITS = 15; +var zip_MAX_BL_BITS = 7; +var zip_LENGTH_CODES = 29; +var zip_LITERALS =256; +var zip_END_BLOCK = 256; +var zip_L_CODES = zip_LITERALS + 1 + zip_LENGTH_CODES; +var zip_D_CODES = 30; +var zip_BL_CODES = 19; +var zip_REP_3_6 = 16; +var zip_REPZ_3_10 = 17; +var zip_REPZ_11_138 = 18; +var zip_HEAP_SIZE = 2 * zip_L_CODES + 1; +var zip_H_SHIFT = parseInt((zip_HASH_BITS + zip_MIN_MATCH - 1) / + zip_MIN_MATCH); + +/* variables */ +var zip_free_queue; +var zip_qhead, zip_qtail; +var zip_initflag; +var zip_outbuf = null; +var zip_outcnt, zip_outoff; +var zip_complete; +var zip_window; +var zip_d_buf; +var zip_l_buf; +var zip_prev; +var zip_bi_buf; +var zip_bi_valid; +var zip_block_start; +var zip_ins_h; +var zip_hash_head; +var zip_prev_match; +var zip_match_available; +var zip_match_length; +var zip_prev_length; +var zip_strstart; +var zip_match_start; +var zip_eofile; +var zip_lookahead; +var zip_max_chain_length; +var zip_max_lazy_match; +var zip_compr_level; +var zip_good_match; +var zip_nice_match; +var zip_dyn_ltree; +var zip_dyn_dtree; +var zip_static_ltree; +var zip_static_dtree; +var zip_bl_tree; +var zip_l_desc; +var zip_d_desc; +var zip_bl_desc; +var zip_bl_count; +var zip_heap; +var zip_heap_len; +var zip_heap_max; +var zip_depth; +var zip_length_code; +var zip_dist_code; +var zip_base_length; +var zip_base_dist; +var zip_flag_buf; +var zip_last_lit; +var zip_last_dist; +var zip_last_flags; +var zip_flags; +var zip_flag_bit; +var zip_opt_len; +var zip_static_len; +var zip_deflate_data; +var zip_deflate_pos; + +/* objects (deflate) */ + +var zip_DeflateCT = function() { + this.fc = 0; // frequency count or bit string + this.dl = 0; // father node in Huffman tree or length of bit string +} + +var zip_DeflateTreeDesc = function() { + this.dyn_tree = null; // the dynamic tree + this.static_tree = null; // corresponding static tree or NULL + this.extra_bits = null; // extra bits for each code or NULL + this.extra_base = 0; // base index for extra_bits + this.elems = 0; // max number of elements in the tree + this.max_length = 0; // max bit length for the codes + this.max_code = 0; // largest code with non zero frequency +} + +/* Values for max_lazy_match, good_match and max_chain_length, depending on + * the desired pack level (0..9). The values given below have been tuned to + * exclude worst case performance for pathological files. Better values may be + * found for specific files. + */ +var zip_DeflateConfiguration = function(a, b, c, d) { + this.good_length = a; // reduce lazy search above this match length + this.max_lazy = b; // do not perform lazy search above this match length + this.nice_length = c; // quit search above this match length + this.max_chain = d; +} + +var zip_DeflateBuffer = function() { + this.next = null; + this.len = 0; + this.ptr = new Array(zip_OUTBUFSIZ); + this.off = 0; +} + +/* constant tables */ +var zip_extra_lbits = new Array( + 0,0,0,0,0,0,0,0,1,1,1,1,2,2,2,2,3,3,3,3,4,4,4,4,5,5,5,5,0); +var zip_extra_dbits = new Array( + 0,0,0,0,1,1,2,2,3,3,4,4,5,5,6,6,7,7,8,8,9,9,10,10,11,11,12,12,13,13); +var zip_extra_blbits = new Array( + 0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,2,3,7); +var zip_bl_order = new Array( + 16,17,18,0,8,7,9,6,10,5,11,4,12,3,13,2,14,1,15); +var zip_configuration_table = new Array( + new zip_DeflateConfiguration(0, 0, 0, 0), + new zip_DeflateConfiguration(4, 4, 8, 4), + new zip_DeflateConfiguration(4, 5, 16, 8), + new zip_DeflateConfiguration(4, 6, 32, 32), + new zip_DeflateConfiguration(4, 4, 16, 16), + new zip_DeflateConfiguration(8, 16, 32, 32), + new zip_DeflateConfiguration(8, 16, 128, 128), + new zip_DeflateConfiguration(8, 32, 128, 256), + new zip_DeflateConfiguration(32, 128, 258, 1024), + new zip_DeflateConfiguration(32, 258, 258, 4096)); + + +/* routines (deflate) */ + +var zip_deflate_start = function(level) { + var i; + + if(!level) + level = zip_DEFAULT_LEVEL; + else if(level < 1) + level = 1; + else if(level > 9) + level = 9; + + zip_compr_level = level; + zip_initflag = false; + zip_eofile = false; + if(zip_outbuf != null) + return; + + zip_free_queue = zip_qhead = zip_qtail = null; + zip_outbuf = new Array(zip_OUTBUFSIZ); + zip_window = new Array(zip_window_size); + zip_d_buf = new Array(zip_DIST_BUFSIZE); + zip_l_buf = new Array(zip_INBUFSIZ + zip_INBUF_EXTRA); + zip_prev = new Array(1 << zip_BITS); + zip_dyn_ltree = new Array(zip_HEAP_SIZE); + for(i = 0; i < zip_HEAP_SIZE; i++) + zip_dyn_ltree[i] = new zip_DeflateCT(); + zip_dyn_dtree = new Array(2*zip_D_CODES+1); + for(i = 0; i < 2*zip_D_CODES+1; i++) + zip_dyn_dtree[i] = new zip_DeflateCT(); + zip_static_ltree = new Array(zip_L_CODES+2); + for(i = 0; i < zip_L_CODES+2; i++) + zip_static_ltree[i] = new zip_DeflateCT(); + zip_static_dtree = new Array(zip_D_CODES); + for(i = 0; i < zip_D_CODES; i++) + zip_static_dtree[i] = new zip_DeflateCT(); + zip_bl_tree = new Array(2*zip_BL_CODES+1); + for(i = 0; i < 2*zip_BL_CODES+1; i++) + zip_bl_tree[i] = new zip_DeflateCT(); + zip_l_desc = new zip_DeflateTreeDesc(); + zip_d_desc = new zip_DeflateTreeDesc(); + zip_bl_desc = new zip_DeflateTreeDesc(); + zip_bl_count = new Array(zip_MAX_BITS+1); + zip_heap = new Array(2*zip_L_CODES+1); + zip_depth = new Array(2*zip_L_CODES+1); + zip_length_code = new Array(zip_MAX_MATCH-zip_MIN_MATCH+1); + zip_dist_code = new Array(512); + zip_base_length = new Array(zip_LENGTH_CODES); + zip_base_dist = new Array(zip_D_CODES); + zip_flag_buf = new Array(parseInt(zip_LIT_BUFSIZE / 8)); +} + +var zip_deflate_end = function() { + zip_free_queue = zip_qhead = zip_qtail = null; + zip_outbuf = null; + zip_window = null; + zip_d_buf = null; + zip_l_buf = null; + zip_prev = null; + zip_dyn_ltree = null; + zip_dyn_dtree = null; + zip_static_ltree = null; + zip_static_dtree = null; + zip_bl_tree = null; + zip_l_desc = null; + zip_d_desc = null; + zip_bl_desc = null; + zip_bl_count = null; + zip_heap = null; + zip_depth = null; + zip_length_code = null; + zip_dist_code = null; + zip_base_length = null; + zip_base_dist = null; + zip_flag_buf = null; +} + +var zip_reuse_queue = function(p) { + p.next = zip_free_queue; + zip_free_queue = p; +} + +var zip_new_queue = function() { + var p; + + if(zip_free_queue != null) + { + p = zip_free_queue; + zip_free_queue = zip_free_queue.next; + } + else + p = new zip_DeflateBuffer(); + p.next = null; + p.len = p.off = 0; + + return p; +} + +var zip_head1 = function(i) { + return zip_prev[zip_WSIZE + i]; +} + +var zip_head2 = function(i, val) { + return zip_prev[zip_WSIZE + i] = val; +} + +/* put_byte is used for the compressed output, put_ubyte for the + * uncompressed output. However unlzw() uses window for its + * suffix table instead of its output buffer, so it does not use put_ubyte + * (to be cleaned up). + */ +var zip_put_byte = function(c) { + zip_outbuf[zip_outoff + zip_outcnt++] = c; + if(zip_outoff + zip_outcnt == zip_OUTBUFSIZ) + zip_qoutbuf(); +} + +/* Output a 16 bit value, lsb first */ +var zip_put_short = function(w) { + w &= 0xffff; + if(zip_outoff + zip_outcnt < zip_OUTBUFSIZ - 2) { + zip_outbuf[zip_outoff + zip_outcnt++] = (w & 0xff); + zip_outbuf[zip_outoff + zip_outcnt++] = (w >>> 8); + } else { + zip_put_byte(w & 0xff); + zip_put_byte(w >>> 8); + } +} + +/* ========================================================================== + * Insert string s in the dictionary and set match_head to the previous head + * of the hash chain (the most recent string with same hash key). Return + * the previous length of the hash chain. + * IN assertion: all calls to to INSERT_STRING are made with consecutive + * input characters and the first MIN_MATCH bytes of s are valid + * (except for the last MIN_MATCH-1 bytes of the input file). + */ +var zip_INSERT_STRING = function() { + zip_ins_h = ((zip_ins_h << zip_H_SHIFT) + ^ (zip_window[zip_strstart + zip_MIN_MATCH - 1] & 0xff)) + & zip_HASH_MASK; + zip_hash_head = zip_head1(zip_ins_h); + zip_prev[zip_strstart & zip_WMASK] = zip_hash_head; + zip_head2(zip_ins_h, zip_strstart); +} + +/* Send a code of the given tree. c and tree must not have side effects */ +var zip_SEND_CODE = function(c, tree) { + zip_send_bits(tree[c].fc, tree[c].dl); +} + +/* Mapping from a distance to a distance code. dist is the distance - 1 and + * must not have side effects. dist_code[256] and dist_code[257] are never + * used. + */ +var zip_D_CODE = function(dist) { + return (dist < 256 ? zip_dist_code[dist] + : zip_dist_code[256 + (dist>>7)]) & 0xff; +} + +/* ========================================================================== + * Compares to subtrees, using the tree depth as tie breaker when + * the subtrees have equal frequency. This minimizes the worst case length. + */ +var zip_SMALLER = function(tree, n, m) { + return tree[n].fc < tree[m].fc || + (tree[n].fc == tree[m].fc && zip_depth[n] <= zip_depth[m]); +} + +/* ========================================================================== + * read string data + */ +var zip_read_buff = function(buff, offset, n) { + var i; + for(i = 0; i < n && zip_deflate_pos < zip_deflate_data.length; i++) + buff[offset + i] = + zip_deflate_data.charCodeAt(zip_deflate_pos++) & 0xff; + return i; +} + +/* ========================================================================== + * Initialize the "longest match" routines for a new file + */ +var zip_lm_init = function() { + var j; + + /* Initialize the hash table. */ + for(j = 0; j < zip_HASH_SIZE; j++) +// zip_head2(j, zip_NIL); + zip_prev[zip_WSIZE + j] = 0; + /* prev will be initialized on the fly */ + + /* Set the default configuration parameters: + */ + zip_max_lazy_match = zip_configuration_table[zip_compr_level].max_lazy; + zip_good_match = zip_configuration_table[zip_compr_level].good_length; + if(!zip_FULL_SEARCH) + zip_nice_match = zip_configuration_table[zip_compr_level].nice_length; + zip_max_chain_length = zip_configuration_table[zip_compr_level].max_chain; + + zip_strstart = 0; + zip_block_start = 0; + + zip_lookahead = zip_read_buff(zip_window, 0, 2 * zip_WSIZE); + if(zip_lookahead <= 0) { + zip_eofile = true; + zip_lookahead = 0; + return; + } + zip_eofile = false; + /* Make sure that we always have enough lookahead. This is important + * if input comes from a device such as a tty. + */ + while(zip_lookahead < zip_MIN_LOOKAHEAD && !zip_eofile) + zip_fill_window(); + + /* If lookahead < MIN_MATCH, ins_h is garbage, but this is + * not important since only literal bytes will be emitted. + */ + zip_ins_h = 0; + for(j = 0; j < zip_MIN_MATCH - 1; j++) { +// UPDATE_HASH(ins_h, window[j]); + zip_ins_h = ((zip_ins_h << zip_H_SHIFT) ^ (zip_window[j] & 0xff)) & zip_HASH_MASK; + } +} + +/* ========================================================================== + * Set match_start to the longest match starting at the given string and + * return its length. Matches shorter or equal to prev_length are discarded, + * in which case the result is equal to prev_length and match_start is + * garbage. + * IN assertions: cur_match is the head of the hash chain for the current + * string (strstart) and its distance is <= MAX_DIST, and prev_length >= 1 + */ +var zip_longest_match = function(cur_match) { + var chain_length = zip_max_chain_length; // max hash chain length + var scanp = zip_strstart; // current string + var matchp; // matched string + var len; // length of current match + var best_len = zip_prev_length; // best match length so far + + /* Stop when cur_match becomes <= limit. To simplify the code, + * we prevent matches with the string of window index 0. + */ + var limit = (zip_strstart > zip_MAX_DIST ? zip_strstart - zip_MAX_DIST : zip_NIL); + + var strendp = zip_strstart + zip_MAX_MATCH; + var scan_end1 = zip_window[scanp + best_len - 1]; + var scan_end = zip_window[scanp + best_len]; + + /* Do not waste too much time if we already have a good match: */ + if(zip_prev_length >= zip_good_match) + chain_length >>= 2; + +// Assert(encoder->strstart <= window_size-MIN_LOOKAHEAD, "insufficient lookahead"); + + do { +// Assert(cur_match < encoder->strstart, "no future"); + matchp = cur_match; + + /* Skip to next match if the match length cannot increase + * or if the match length is less than 2: + */ + if(zip_window[matchp + best_len] != scan_end || + zip_window[matchp + best_len - 1] != scan_end1 || + zip_window[matchp] != zip_window[scanp] || + zip_window[++matchp] != zip_window[scanp + 1]) { + continue; + } + + /* The check at best_len-1 can be removed because it will be made + * again later. (This heuristic is not always a win.) + * It is not necessary to compare scan[2] and match[2] since they + * are always equal when the other bytes match, given that + * the hash keys are equal and that HASH_BITS >= 8. + */ + scanp += 2; + matchp++; + + /* We check for insufficient lookahead only every 8th comparison; + * the 256th check will be made at strstart+258. + */ + do { + } while(zip_window[++scanp] == zip_window[++matchp] && + zip_window[++scanp] == zip_window[++matchp] && + zip_window[++scanp] == zip_window[++matchp] && + zip_window[++scanp] == zip_window[++matchp] && + zip_window[++scanp] == zip_window[++matchp] && + zip_window[++scanp] == zip_window[++matchp] && + zip_window[++scanp] == zip_window[++matchp] && + zip_window[++scanp] == zip_window[++matchp] && + scanp < strendp); + + len = zip_MAX_MATCH - (strendp - scanp); + scanp = strendp - zip_MAX_MATCH; + + if(len > best_len) { + zip_match_start = cur_match; + best_len = len; + if(zip_FULL_SEARCH) { + if(len >= zip_MAX_MATCH) break; + } else { + if(len >= zip_nice_match) break; + } + + scan_end1 = zip_window[scanp + best_len-1]; + scan_end = zip_window[scanp + best_len]; + } + } while((cur_match = zip_prev[cur_match & zip_WMASK]) > limit + && --chain_length != 0); + + return best_len; +} + +/* ========================================================================== + * Fill the window when the lookahead becomes insufficient. + * Updates strstart and lookahead, and sets eofile if end of input file. + * IN assertion: lookahead < MIN_LOOKAHEAD && strstart + lookahead > 0 + * OUT assertions: at least one byte has been read, or eofile is set; + * file reads are performed for at least two bytes (required for the + * translate_eol option). + */ +var zip_fill_window = function() { + var n, m; + + // Amount of free space at the end of the window. + var more = zip_window_size - zip_lookahead - zip_strstart; + + /* If the window is almost full and there is insufficient lookahead, + * move the upper half to the lower one to make room in the upper half. + */ + if(more == -1) { + /* Very unlikely, but possible on 16 bit machine if strstart == 0 + * and lookahead == 1 (input done one byte at time) + */ + more--; + } else if(zip_strstart >= zip_WSIZE + zip_MAX_DIST) { + /* By the IN assertion, the window is not empty so we can't confuse + * more == 0 with more == 64K on a 16 bit machine. + */ +// Assert(window_size == (ulg)2*WSIZE, "no sliding with BIG_MEM"); + +// System.arraycopy(window, WSIZE, window, 0, WSIZE); + for(n = 0; n < zip_WSIZE; n++) + zip_window[n] = zip_window[n + zip_WSIZE]; + + zip_match_start -= zip_WSIZE; + zip_strstart -= zip_WSIZE; /* we now have strstart >= MAX_DIST: */ + zip_block_start -= zip_WSIZE; + + for(n = 0; n < zip_HASH_SIZE; n++) { + m = zip_head1(n); + zip_head2(n, m >= zip_WSIZE ? m - zip_WSIZE : zip_NIL); + } + for(n = 0; n < zip_WSIZE; n++) { + /* If n is not on any hash chain, prev[n] is garbage but + * its value will never be used. + */ + m = zip_prev[n]; + zip_prev[n] = (m >= zip_WSIZE ? m - zip_WSIZE : zip_NIL); + } + more += zip_WSIZE; + } + // At this point, more >= 2 + if(!zip_eofile) { + n = zip_read_buff(zip_window, zip_strstart + zip_lookahead, more); + if(n <= 0) + zip_eofile = true; + else + zip_lookahead += n; + } +} + +/* ========================================================================== + * Processes a new input file and return its compressed length. This + * function does not perform lazy evaluationof matches and inserts + * new strings in the dictionary only for unmatched strings or for short + * matches. It is used only for the fast compression options. + */ +var zip_deflate_fast = function() { + while(zip_lookahead != 0 && zip_qhead == null) { + var flush; // set if current block must be flushed + + /* Insert the string window[strstart .. strstart+2] in the + * dictionary, and set hash_head to the head of the hash chain: + */ + zip_INSERT_STRING(); + + /* Find the longest match, discarding those <= prev_length. + * At this point we have always match_length < MIN_MATCH + */ + if(zip_hash_head != zip_NIL && + zip_strstart - zip_hash_head <= zip_MAX_DIST) { + /* To simplify the code, we prevent matches with the string + * of window index 0 (in particular we have to avoid a match + * of the string with itself at the start of the input file). + */ + zip_match_length = zip_longest_match(zip_hash_head); + /* longest_match() sets match_start */ + if(zip_match_length > zip_lookahead) + zip_match_length = zip_lookahead; + } + if(zip_match_length >= zip_MIN_MATCH) { +// check_match(strstart, match_start, match_length); + + flush = zip_ct_tally(zip_strstart - zip_match_start, + zip_match_length - zip_MIN_MATCH); + zip_lookahead -= zip_match_length; + + /* Insert new strings in the hash table only if the match length + * is not too large. This saves time but degrades compression. + */ + if(zip_match_length <= zip_max_lazy_match) { + zip_match_length--; // string at strstart already in hash table + do { + zip_strstart++; + zip_INSERT_STRING(); + /* strstart never exceeds WSIZE-MAX_MATCH, so there are + * always MIN_MATCH bytes ahead. If lookahead < MIN_MATCH + * these bytes are garbage, but it does not matter since + * the next lookahead bytes will be emitted as literals. + */ + } while(--zip_match_length != 0); + zip_strstart++; + } else { + zip_strstart += zip_match_length; + zip_match_length = 0; + zip_ins_h = zip_window[zip_strstart] & 0xff; +// UPDATE_HASH(ins_h, window[strstart + 1]); + zip_ins_h = ((zip_ins_h< zip_lookahead) + zip_match_length = zip_lookahead; + + /* Ignore a length 3 match if it is too distant: */ + if(zip_match_length == zip_MIN_MATCH && + zip_strstart - zip_match_start > zip_TOO_FAR) { + /* If prev_match is also MIN_MATCH, match_start is garbage + * but we will ignore the current match anyway. + */ + zip_match_length--; + } + } + /* If there was a match at the previous step and the current + * match is not better, output the previous match: + */ + if(zip_prev_length >= zip_MIN_MATCH && + zip_match_length <= zip_prev_length) { + var flush; // set if current block must be flushed + +// check_match(strstart - 1, prev_match, prev_length); + flush = zip_ct_tally(zip_strstart - 1 - zip_prev_match, + zip_prev_length - zip_MIN_MATCH); + + /* Insert in hash table all strings up to the end of the match. + * strstart-1 and strstart are already inserted. + */ + zip_lookahead -= zip_prev_length - 1; + zip_prev_length -= 2; + do { + zip_strstart++; + zip_INSERT_STRING(); + /* strstart never exceeds WSIZE-MAX_MATCH, so there are + * always MIN_MATCH bytes ahead. If lookahead < MIN_MATCH + * these bytes are garbage, but it does not matter since the + * next lookahead bytes will always be emitted as literals. + */ + } while(--zip_prev_length != 0); + zip_match_available = 0; + zip_match_length = zip_MIN_MATCH - 1; + zip_strstart++; + if(flush) { + zip_flush_block(0); + zip_block_start = zip_strstart; + } + } else if(zip_match_available != 0) { + /* If there was no match at the previous position, output a + * single literal. If there was a match but the current match + * is longer, truncate the previous match to a single literal. + */ + if(zip_ct_tally(0, zip_window[zip_strstart - 1] & 0xff)) { + zip_flush_block(0); + zip_block_start = zip_strstart; + } + zip_strstart++; + zip_lookahead--; + } else { + /* There is no previous match to compare with, wait for + * the next step to decide. + */ + zip_match_available = 1; + zip_strstart++; + zip_lookahead--; + } + + /* Make sure that we always have enough lookahead, except + * at the end of the input file. We need MAX_MATCH bytes + * for the next match, plus MIN_MATCH bytes to insert the + * string following the next match. + */ + while(zip_lookahead < zip_MIN_LOOKAHEAD && !zip_eofile) + zip_fill_window(); + } +} + +var zip_init_deflate = function() { + if(zip_eofile) + return; + zip_bi_buf = 0; + zip_bi_valid = 0; + zip_ct_init(); + zip_lm_init(); + + zip_qhead = null; + zip_outcnt = 0; + zip_outoff = 0; + + if(zip_compr_level <= 3) + { + zip_prev_length = zip_MIN_MATCH - 1; + zip_match_length = 0; + } + else + { + zip_match_length = zip_MIN_MATCH - 1; + zip_match_available = 0; + } + + zip_complete = false; +} + +/* ========================================================================== + * Same as above, but achieves better compression. We use a lazy + * evaluation for matches: a match is finally adopted only if there is + * no better match at the next window position. + */ +var zip_deflate_internal = function(buff, off, buff_size) { + var n; + + if(!zip_initflag) + { + zip_init_deflate(); + zip_initflag = true; + if(zip_lookahead == 0) { // empty + zip_complete = true; + return 0; + } + } + + if((n = zip_qcopy(buff, off, buff_size)) == buff_size) + return buff_size; + + if(zip_complete) + return n; + + if(zip_compr_level <= 3) // optimized for speed + zip_deflate_fast(); + else + zip_deflate_better(); + if(zip_lookahead == 0) { + if(zip_match_available != 0) + zip_ct_tally(0, zip_window[zip_strstart - 1] & 0xff); + zip_flush_block(1); + zip_complete = true; + } + return n + zip_qcopy(buff, n + off, buff_size - n); +} + +var zip_qcopy = function(buff, off, buff_size) { + var n, i, j; + + n = 0; + while(zip_qhead != null && n < buff_size) + { + i = buff_size - n; + if(i > zip_qhead.len) + i = zip_qhead.len; +// System.arraycopy(qhead.ptr, qhead.off, buff, off + n, i); + for(j = 0; j < i; j++) + buff[off + n + j] = zip_qhead.ptr[zip_qhead.off + j]; + + zip_qhead.off += i; + zip_qhead.len -= i; + n += i; + if(zip_qhead.len == 0) { + var p; + p = zip_qhead; + zip_qhead = zip_qhead.next; + zip_reuse_queue(p); + } + } + + if(n == buff_size) + return n; + + if(zip_outoff < zip_outcnt) { + i = buff_size - n; + if(i > zip_outcnt - zip_outoff) + i = zip_outcnt - zip_outoff; + // System.arraycopy(outbuf, outoff, buff, off + n, i); + for(j = 0; j < i; j++) + buff[off + n + j] = zip_outbuf[zip_outoff + j]; + zip_outoff += i; + n += i; + if(zip_outcnt == zip_outoff) + zip_outcnt = zip_outoff = 0; + } + return n; +} + +/* ========================================================================== + * Allocate the match buffer, initialize the various tables and save the + * location of the internal file attribute (ascii/binary) and method + * (DEFLATE/STORE). + */ +var zip_ct_init = function() { + var n; // iterates over tree elements + var bits; // bit counter + var length; // length value + var code; // code value + var dist; // distance index + + if(zip_static_dtree[0].dl != 0) return; // ct_init already called + + zip_l_desc.dyn_tree = zip_dyn_ltree; + zip_l_desc.static_tree = zip_static_ltree; + zip_l_desc.extra_bits = zip_extra_lbits; + zip_l_desc.extra_base = zip_LITERALS + 1; + zip_l_desc.elems = zip_L_CODES; + zip_l_desc.max_length = zip_MAX_BITS; + zip_l_desc.max_code = 0; + + zip_d_desc.dyn_tree = zip_dyn_dtree; + zip_d_desc.static_tree = zip_static_dtree; + zip_d_desc.extra_bits = zip_extra_dbits; + zip_d_desc.extra_base = 0; + zip_d_desc.elems = zip_D_CODES; + zip_d_desc.max_length = zip_MAX_BITS; + zip_d_desc.max_code = 0; + + zip_bl_desc.dyn_tree = zip_bl_tree; + zip_bl_desc.static_tree = null; + zip_bl_desc.extra_bits = zip_extra_blbits; + zip_bl_desc.extra_base = 0; + zip_bl_desc.elems = zip_BL_CODES; + zip_bl_desc.max_length = zip_MAX_BL_BITS; + zip_bl_desc.max_code = 0; + + // Initialize the mapping length (0..255) -> length code (0..28) + length = 0; + for(code = 0; code < zip_LENGTH_CODES-1; code++) { + zip_base_length[code] = length; + for(n = 0; n < (1< dist code (0..29) */ + dist = 0; + for(code = 0 ; code < 16; code++) { + zip_base_dist[code] = dist; + for(n = 0; n < (1<>= 7; // from now on, all distances are divided by 128 + for( ; code < zip_D_CODES; code++) { + zip_base_dist[code] = dist << 7; + for(n = 0; n < (1<<(zip_extra_dbits[code]-7)); n++) + zip_dist_code[256 + dist++] = code; + } + // Assert (dist == 256, "ct_init: 256+dist != 512"); + + // Construct the codes of the static literal tree + for(bits = 0; bits <= zip_MAX_BITS; bits++) + zip_bl_count[bits] = 0; + n = 0; + while(n <= 143) { zip_static_ltree[n++].dl = 8; zip_bl_count[8]++; } + while(n <= 255) { zip_static_ltree[n++].dl = 9; zip_bl_count[9]++; } + while(n <= 279) { zip_static_ltree[n++].dl = 7; zip_bl_count[7]++; } + while(n <= 287) { zip_static_ltree[n++].dl = 8; zip_bl_count[8]++; } + /* Codes 286 and 287 do not exist, but we must include them in the + * tree construction to get a canonical Huffman tree (longest code + * all ones) + */ + zip_gen_codes(zip_static_ltree, zip_L_CODES + 1); + + /* The static distance tree is trivial: */ + for(n = 0; n < zip_D_CODES; n++) { + zip_static_dtree[n].dl = 5; + zip_static_dtree[n].fc = zip_bi_reverse(n, 5); + } + + // Initialize the first block of the first file: + zip_init_block(); +} + +/* ========================================================================== + * Initialize a new block. + */ +var zip_init_block = function() { + var n; // iterates over tree elements + + // Initialize the trees. + for(n = 0; n < zip_L_CODES; n++) zip_dyn_ltree[n].fc = 0; + for(n = 0; n < zip_D_CODES; n++) zip_dyn_dtree[n].fc = 0; + for(n = 0; n < zip_BL_CODES; n++) zip_bl_tree[n].fc = 0; + + zip_dyn_ltree[zip_END_BLOCK].fc = 1; + zip_opt_len = zip_static_len = 0; + zip_last_lit = zip_last_dist = zip_last_flags = 0; + zip_flags = 0; + zip_flag_bit = 1; +} + +/* ========================================================================== + * Restore the heap property by moving down the tree starting at node k, + * exchanging a node with the smallest of its two sons if necessary, stopping + * when the heap property is re-established (each father smaller than its + * two sons). + */ +var zip_pqdownheap = function( + tree, // the tree to restore + k) { // node to move down + var v = zip_heap[k]; + var j = k << 1; // left son of k + + while(j <= zip_heap_len) { + // Set j to the smallest of the two sons: + if(j < zip_heap_len && + zip_SMALLER(tree, zip_heap[j + 1], zip_heap[j])) + j++; + + // Exit if v is smaller than both sons + if(zip_SMALLER(tree, v, zip_heap[j])) + break; + + // Exchange v with the smallest son + zip_heap[k] = zip_heap[j]; + k = j; + + // And continue down the tree, setting j to the left son of k + j <<= 1; + } + zip_heap[k] = v; +} + +/* ========================================================================== + * Compute the optimal bit lengths for a tree and update the total bit length + * for the current block. + * IN assertion: the fields freq and dad are set, heap[heap_max] and + * above are the tree nodes sorted by increasing frequency. + * OUT assertions: the field len is set to the optimal bit length, the + * array bl_count contains the frequencies for each bit length. + * The length opt_len is updated; static_len is also updated if stree is + * not null. + */ +var zip_gen_bitlen = function(desc) { // the tree descriptor + var tree = desc.dyn_tree; + var extra = desc.extra_bits; + var base = desc.extra_base; + var max_code = desc.max_code; + var max_length = desc.max_length; + var stree = desc.static_tree; + var h; // heap index + var n, m; // iterate over the tree elements + var bits; // bit length + var xbits; // extra bits + var f; // frequency + var overflow = 0; // number of elements with bit length too large + + for(bits = 0; bits <= zip_MAX_BITS; bits++) + zip_bl_count[bits] = 0; + + /* In a first pass, compute the optimal bit lengths (which may + * overflow in the case of the bit length tree). + */ + tree[zip_heap[zip_heap_max]].dl = 0; // root of the heap + + for(h = zip_heap_max + 1; h < zip_HEAP_SIZE; h++) { + n = zip_heap[h]; + bits = tree[tree[n].dl].dl + 1; + if(bits > max_length) { + bits = max_length; + overflow++; + } + tree[n].dl = bits; + // We overwrite tree[n].dl which is no longer needed + + if(n > max_code) + continue; // not a leaf node + + zip_bl_count[bits]++; + xbits = 0; + if(n >= base) + xbits = extra[n - base]; + f = tree[n].fc; + zip_opt_len += f * (bits + xbits); + if(stree != null) + zip_static_len += f * (stree[n].dl + xbits); + } + if(overflow == 0) + return; + + // This happens for example on obj2 and pic of the Calgary corpus + + // Find the first bit length which could increase: + do { + bits = max_length - 1; + while(zip_bl_count[bits] == 0) + bits--; + zip_bl_count[bits]--; // move one leaf down the tree + zip_bl_count[bits + 1] += 2; // move one overflow item as its brother + zip_bl_count[max_length]--; + /* The brother of the overflow item also moves one step up, + * but this does not affect bl_count[max_length] + */ + overflow -= 2; + } while(overflow > 0); + + /* Now recompute all bit lengths, scanning in increasing frequency. + * h is still equal to HEAP_SIZE. (It is simpler to reconstruct all + * lengths instead of fixing only the wrong ones. This idea is taken + * from 'ar' written by Haruhiko Okumura.) + */ + for(bits = max_length; bits != 0; bits--) { + n = zip_bl_count[bits]; + while(n != 0) { + m = zip_heap[--h]; + if(m > max_code) + continue; + if(tree[m].dl != bits) { + zip_opt_len += (bits - tree[m].dl) * tree[m].fc; + tree[m].fc = bits; + } + n--; + } + } +} + + /* ========================================================================== + * Generate the codes for a given tree and bit counts (which need not be + * optimal). + * IN assertion: the array bl_count contains the bit length statistics for + * the given tree and the field len is set for all tree elements. + * OUT assertion: the field code is set for all tree elements of non + * zero code length. + */ +var zip_gen_codes = function(tree, // the tree to decorate + max_code) { // largest code with non zero frequency + var next_code = new Array(zip_MAX_BITS+1); // next code value for each bit length + var code = 0; // running code value + var bits; // bit index + var n; // code index + + /* The distribution counts are first used to generate the code values + * without bit reversal. + */ + for(bits = 1; bits <= zip_MAX_BITS; bits++) { + code = ((code + zip_bl_count[bits-1]) << 1); + next_code[bits] = code; + } + + /* Check that the bit counts in bl_count are consistent. The last code + * must be all ones. + */ +// Assert (code + encoder->bl_count[MAX_BITS]-1 == (1<> 1; n >= 1; n--) + zip_pqdownheap(tree, n); + + /* Construct the Huffman tree by repeatedly combining the least two + * frequent nodes. + */ + do { + n = zip_heap[zip_SMALLEST]; + zip_heap[zip_SMALLEST] = zip_heap[zip_heap_len--]; + zip_pqdownheap(tree, zip_SMALLEST); + + m = zip_heap[zip_SMALLEST]; // m = node of next least frequency + + // keep the nodes sorted by frequency + zip_heap[--zip_heap_max] = n; + zip_heap[--zip_heap_max] = m; + + // Create a new node father of n and m + tree[node].fc = tree[n].fc + tree[m].fc; +// depth[node] = (char)(MAX(depth[n], depth[m]) + 1); + if(zip_depth[n] > zip_depth[m] + 1) + zip_depth[node] = zip_depth[n]; + else + zip_depth[node] = zip_depth[m] + 1; + tree[n].dl = tree[m].dl = node; + + // and insert the new node in the heap + zip_heap[zip_SMALLEST] = node++; + zip_pqdownheap(tree, zip_SMALLEST); + + } while(zip_heap_len >= 2); + + zip_heap[--zip_heap_max] = zip_heap[zip_SMALLEST]; + + /* At this point, the fields freq and dad are set. We can now + * generate the bit lengths. + */ + zip_gen_bitlen(desc); + + // The field len is now set, we can generate the bit codes + zip_gen_codes(tree, max_code); +} + +/* ========================================================================== + * Scan a literal or distance tree to determine the frequencies of the codes + * in the bit length tree. Updates opt_len to take into account the repeat + * counts. (The contribution of the bit length codes will be added later + * during the construction of bl_tree.) + */ +var zip_scan_tree = function(tree,// the tree to be scanned + max_code) { // and its largest code of non zero frequency + var n; // iterates over all tree elements + var prevlen = -1; // last emitted length + var curlen; // length of current code + var nextlen = tree[0].dl; // length of next code + var count = 0; // repeat count of the current code + var max_count = 7; // max repeat count + var min_count = 4; // min repeat count + + if(nextlen == 0) { + max_count = 138; + min_count = 3; + } + tree[max_code + 1].dl = 0xffff; // guard + + for(n = 0; n <= max_code; n++) { + curlen = nextlen; + nextlen = tree[n + 1].dl; + if(++count < max_count && curlen == nextlen) + continue; + else if(count < min_count) + zip_bl_tree[curlen].fc += count; + else if(curlen != 0) { + if(curlen != prevlen) + zip_bl_tree[curlen].fc++; + zip_bl_tree[zip_REP_3_6].fc++; + } else if(count <= 10) + zip_bl_tree[zip_REPZ_3_10].fc++; + else + zip_bl_tree[zip_REPZ_11_138].fc++; + count = 0; prevlen = curlen; + if(nextlen == 0) { + max_count = 138; + min_count = 3; + } else if(curlen == nextlen) { + max_count = 6; + min_count = 3; + } else { + max_count = 7; + min_count = 4; + } + } +} + + /* ========================================================================== + * Send a literal or distance tree in compressed form, using the codes in + * bl_tree. + */ +var zip_send_tree = function(tree, // the tree to be scanned + max_code) { // and its largest code of non zero frequency + var n; // iterates over all tree elements + var prevlen = -1; // last emitted length + var curlen; // length of current code + var nextlen = tree[0].dl; // length of next code + var count = 0; // repeat count of the current code + var max_count = 7; // max repeat count + var min_count = 4; // min repeat count + + /* tree[max_code+1].dl = -1; */ /* guard already set */ + if(nextlen == 0) { + max_count = 138; + min_count = 3; + } + + for(n = 0; n <= max_code; n++) { + curlen = nextlen; + nextlen = tree[n+1].dl; + if(++count < max_count && curlen == nextlen) { + continue; + } else if(count < min_count) { + do { zip_SEND_CODE(curlen, zip_bl_tree); } while(--count != 0); + } else if(curlen != 0) { + if(curlen != prevlen) { + zip_SEND_CODE(curlen, zip_bl_tree); + count--; + } + // Assert(count >= 3 && count <= 6, " 3_6?"); + zip_SEND_CODE(zip_REP_3_6, zip_bl_tree); + zip_send_bits(count - 3, 2); + } else if(count <= 10) { + zip_SEND_CODE(zip_REPZ_3_10, zip_bl_tree); + zip_send_bits(count-3, 3); + } else { + zip_SEND_CODE(zip_REPZ_11_138, zip_bl_tree); + zip_send_bits(count-11, 7); + } + count = 0; + prevlen = curlen; + if(nextlen == 0) { + max_count = 138; + min_count = 3; + } else if(curlen == nextlen) { + max_count = 6; + min_count = 3; + } else { + max_count = 7; + min_count = 4; + } + } +} + +/* ========================================================================== + * Construct the Huffman tree for the bit lengths and return the index in + * bl_order of the last bit length code to send. + */ +var zip_build_bl_tree = function() { + var max_blindex; // index of last bit length code of non zero freq + + // Determine the bit length frequencies for literal and distance trees + zip_scan_tree(zip_dyn_ltree, zip_l_desc.max_code); + zip_scan_tree(zip_dyn_dtree, zip_d_desc.max_code); + + // Build the bit length tree: + zip_build_tree(zip_bl_desc); + /* opt_len now includes the length of the tree representations, except + * the lengths of the bit lengths codes and the 5+5+4 bits for the counts. + */ + + /* Determine the number of bit length codes to send. The pkzip format + * requires that at least 4 bit length codes be sent. (appnote.txt says + * 3 but the actual value used is 4.) + */ + for(max_blindex = zip_BL_CODES-1; max_blindex >= 3; max_blindex--) { + if(zip_bl_tree[zip_bl_order[max_blindex]].dl != 0) break; + } + /* Update opt_len to include the bit length tree and counts */ + zip_opt_len += 3*(max_blindex+1) + 5+5+4; +// Tracev((stderr, "\ndyn trees: dyn %ld, stat %ld", +// encoder->opt_len, encoder->static_len)); + + return max_blindex; +} + +/* ========================================================================== + * Send the header for a block using dynamic Huffman trees: the counts, the + * lengths of the bit length codes, the literal tree and the distance tree. + * IN assertion: lcodes >= 257, dcodes >= 1, blcodes >= 4. + */ +var zip_send_all_trees = function(lcodes, dcodes, blcodes) { // number of codes for each tree + var rank; // index in bl_order + +// Assert (lcodes >= 257 && dcodes >= 1 && blcodes >= 4, "not enough codes"); +// Assert (lcodes <= L_CODES && dcodes <= D_CODES && blcodes <= BL_CODES, +// "too many codes"); +// Tracev((stderr, "\nbl counts: ")); + zip_send_bits(lcodes-257, 5); // not +255 as stated in appnote.txt + zip_send_bits(dcodes-1, 5); + zip_send_bits(blcodes-4, 4); // not -3 as stated in appnote.txt + for(rank = 0; rank < blcodes; rank++) { +// Tracev((stderr, "\nbl code %2d ", bl_order[rank])); + zip_send_bits(zip_bl_tree[zip_bl_order[rank]].dl, 3); + } + + // send the literal tree + zip_send_tree(zip_dyn_ltree,lcodes-1); + + // send the distance tree + zip_send_tree(zip_dyn_dtree,dcodes-1); +} + +/* ========================================================================== + * Determine the best encoding for the current block: dynamic trees, static + * trees or store, and output the encoded block to the zip file. + */ +var zip_flush_block = function(eof) { // true if this is the last block for a file + var opt_lenb, static_lenb; // opt_len and static_len in bytes + var max_blindex; // index of last bit length code of non zero freq + var stored_len; // length of input block + + stored_len = zip_strstart - zip_block_start; + zip_flag_buf[zip_last_flags] = zip_flags; // Save the flags for the last 8 items + + // Construct the literal and distance trees + zip_build_tree(zip_l_desc); +// Tracev((stderr, "\nlit data: dyn %ld, stat %ld", +// encoder->opt_len, encoder->static_len)); + + zip_build_tree(zip_d_desc); +// Tracev((stderr, "\ndist data: dyn %ld, stat %ld", +// encoder->opt_len, encoder->static_len)); + /* At this point, opt_len and static_len are the total bit lengths of + * the compressed block data, excluding the tree representations. + */ + + /* Build the bit length tree for the above two trees, and get the index + * in bl_order of the last bit length code to send. + */ + max_blindex = zip_build_bl_tree(); + + // Determine the best encoding. Compute first the block length in bytes + opt_lenb = (zip_opt_len +3+7)>>3; + static_lenb = (zip_static_len+3+7)>>3; + +// Trace((stderr, "\nopt %lu(%lu) stat %lu(%lu) stored %lu lit %u dist %u ", +// opt_lenb, encoder->opt_len, +// static_lenb, encoder->static_len, stored_len, +// encoder->last_lit, encoder->last_dist)); + + if(static_lenb <= opt_lenb) + opt_lenb = static_lenb; + if(stored_len + 4 <= opt_lenb // 4: two words for the lengths + && zip_block_start >= 0) { + var i; + + /* The test buf != NULL is only necessary if LIT_BUFSIZE > WSIZE. + * Otherwise we can't have processed more than WSIZE input bytes since + * the last block flush, because compression would have been + * successful. If LIT_BUFSIZE <= WSIZE, it is never too late to + * transform a block into a stored block. + */ + zip_send_bits((zip_STORED_BLOCK<<1)+eof, 3); /* send block type */ + zip_bi_windup(); /* align on byte boundary */ + zip_put_short(stored_len); + zip_put_short(~stored_len); + + // copy block +/* + p = &window[block_start]; + for(i = 0; i < stored_len; i++) + put_byte(p[i]); +*/ + for(i = 0; i < stored_len; i++) + zip_put_byte(zip_window[zip_block_start + i]); + + } else if(static_lenb == opt_lenb) { + zip_send_bits((zip_STATIC_TREES<<1)+eof, 3); + zip_compress_block(zip_static_ltree, zip_static_dtree); + } else { + zip_send_bits((zip_DYN_TREES<<1)+eof, 3); + zip_send_all_trees(zip_l_desc.max_code+1, + zip_d_desc.max_code+1, + max_blindex+1); + zip_compress_block(zip_dyn_ltree, zip_dyn_dtree); + } + + zip_init_block(); + + if(eof != 0) + zip_bi_windup(); +} + +/* ========================================================================== + * Save the match info and tally the frequency counts. Return true if + * the current block must be flushed. + */ +var zip_ct_tally = function( + dist, // distance of matched string + lc) { // match length-MIN_MATCH or unmatched char (if dist==0) + zip_l_buf[zip_last_lit++] = lc; + if(dist == 0) { + // lc is the unmatched char + zip_dyn_ltree[lc].fc++; + } else { + // Here, lc is the match length - MIN_MATCH + dist--; // dist = match distance - 1 +// Assert((ush)dist < (ush)MAX_DIST && +// (ush)lc <= (ush)(MAX_MATCH-MIN_MATCH) && +// (ush)D_CODE(dist) < (ush)D_CODES, "ct_tally: bad match"); + + zip_dyn_ltree[zip_length_code[lc]+zip_LITERALS+1].fc++; + zip_dyn_dtree[zip_D_CODE(dist)].fc++; + + zip_d_buf[zip_last_dist++] = dist; + zip_flags |= zip_flag_bit; + } + zip_flag_bit <<= 1; + + // Output the flags if they fill a byte + if((zip_last_lit & 7) == 0) { + zip_flag_buf[zip_last_flags++] = zip_flags; + zip_flags = 0; + zip_flag_bit = 1; + } + // Try to guess if it is profitable to stop the current block here + if(zip_compr_level > 2 && (zip_last_lit & 0xfff) == 0) { + // Compute an upper bound for the compressed length + var out_length = zip_last_lit * 8; + var in_length = zip_strstart - zip_block_start; + var dcode; + + for(dcode = 0; dcode < zip_D_CODES; dcode++) { + out_length += zip_dyn_dtree[dcode].fc * (5 + zip_extra_dbits[dcode]); + } + out_length >>= 3; +// Trace((stderr,"\nlast_lit %u, last_dist %u, in %ld, out ~%ld(%ld%%) ", +// encoder->last_lit, encoder->last_dist, in_length, out_length, +// 100L - out_length*100L/in_length)); + if(zip_last_dist < parseInt(zip_last_lit/2) && + out_length < parseInt(in_length/2)) + return true; + } + return (zip_last_lit == zip_LIT_BUFSIZE-1 || + zip_last_dist == zip_DIST_BUFSIZE); + /* We avoid equality with LIT_BUFSIZE because of wraparound at 64K + * on 16 bit machines and because stored blocks are restricted to + * 64K-1 bytes. + */ +} + + /* ========================================================================== + * Send the block data compressed using the given Huffman trees + */ +var zip_compress_block = function( + ltree, // literal tree + dtree) { // distance tree + var dist; // distance of matched string + var lc; // match length or unmatched char (if dist == 0) + var lx = 0; // running index in l_buf + var dx = 0; // running index in d_buf + var fx = 0; // running index in flag_buf + var flag = 0; // current flags + var code; // the code to send + var extra; // number of extra bits to send + + if(zip_last_lit != 0) do { + if((lx & 7) == 0) + flag = zip_flag_buf[fx++]; + lc = zip_l_buf[lx++] & 0xff; + if((flag & 1) == 0) { + zip_SEND_CODE(lc, ltree); /* send a literal byte */ +// Tracecv(isgraph(lc), (stderr," '%c' ", lc)); + } else { + // Here, lc is the match length - MIN_MATCH + code = zip_length_code[lc]; + zip_SEND_CODE(code+zip_LITERALS+1, ltree); // send the length code + extra = zip_extra_lbits[code]; + if(extra != 0) { + lc -= zip_base_length[code]; + zip_send_bits(lc, extra); // send the extra length bits + } + dist = zip_d_buf[dx++]; + // Here, dist is the match distance - 1 + code = zip_D_CODE(dist); +// Assert (code < D_CODES, "bad d_code"); + + zip_SEND_CODE(code, dtree); // send the distance code + extra = zip_extra_dbits[code]; + if(extra != 0) { + dist -= zip_base_dist[code]; + zip_send_bits(dist, extra); // send the extra distance bits + } + } // literal or match pair ? + flag >>= 1; + } while(lx < zip_last_lit); + + zip_SEND_CODE(zip_END_BLOCK, ltree); +} + +/* ========================================================================== + * Send a value on a given number of bits. + * IN assertion: length <= 16 and value fits in length bits. + */ +var zip_Buf_size = 16; // bit size of bi_buf +var zip_send_bits = function( + value, // value to send + length) { // number of bits + /* If not enough room in bi_buf, use (valid) bits from bi_buf and + * (16 - bi_valid) bits from value, leaving (width - (16-bi_valid)) + * unused bits in value. + */ + if(zip_bi_valid > zip_Buf_size - length) { + zip_bi_buf |= (value << zip_bi_valid); + zip_put_short(zip_bi_buf); + zip_bi_buf = (value >> (zip_Buf_size - zip_bi_valid)); + zip_bi_valid += length - zip_Buf_size; + } else { + zip_bi_buf |= value << zip_bi_valid; + zip_bi_valid += length; + } +} + +/* ========================================================================== + * Reverse the first len bits of a code, using straightforward code (a faster + * method would use a table) + * IN assertion: 1 <= len <= 15 + */ +var zip_bi_reverse = function( + code, // the value to invert + len) { // its bit length + var res = 0; + do { + res |= code & 1; + code >>= 1; + res <<= 1; + } while(--len > 0); + return res >> 1; +} + +/* ========================================================================== + * Write out any remaining bits in an incomplete byte. + */ +var zip_bi_windup = function() { + if(zip_bi_valid > 8) { + zip_put_short(zip_bi_buf); + } else if(zip_bi_valid > 0) { + zip_put_byte(zip_bi_buf); + } + zip_bi_buf = 0; + zip_bi_valid = 0; +} + +var zip_qoutbuf = function() { + if(zip_outcnt != 0) { + var q, i; + q = zip_new_queue(); + if(zip_qhead == null) + zip_qhead = zip_qtail = q; + else + zip_qtail = zip_qtail.next = q; + q.len = zip_outcnt - zip_outoff; +// System.arraycopy(zip_outbuf, zip_outoff, q.ptr, 0, q.len); + for(i = 0; i < q.len; i++) + q.ptr[i] = zip_outbuf[zip_outoff + i]; + zip_outcnt = zip_outoff = 0; + } +} + +var zip_deflate = function(str, level) { + var i, j; + + zip_deflate_data = str; + zip_deflate_pos = 0; + if(typeof level == "undefined") + level = zip_DEFAULT_LEVEL; + zip_deflate_start(level); + + var buff = new Array(1024); + var aout = []; + while((i = zip_deflate_internal(buff, 0, buff.length)) > 0) { + var cbuf = new Array(i); + for(j = 0; j < i; j++){ + cbuf[j] = String.fromCharCode(buff[j]); + } + aout[aout.length] = cbuf.join(""); + } + zip_deflate_data = null; // G.C. + return aout.join(""); +} + +// +// end of the script of Masanao Izumo. +// + +// we add the compression method for JSZip +if(!JSZip.compressions["DEFLATE"]) { + JSZip.compressions["DEFLATE"] = { + magic : "\x08\x00", + compress : zip_deflate + } +} else { + JSZip.compressions["DEFLATE"].compress = zip_deflate; +} + +})(); \ No newline at end of file diff --git a/docs/assets/js/jszip.js b/docs/assets/js/jszip.js new file mode 100644 index 000000000..730894c0b --- /dev/null +++ b/docs/assets/js/jszip.js @@ -0,0 +1,735 @@ +/** + +JSZip - A Javascript class for generating and reading zip files + + +(c) 2009-2012 Stuart Knightley +Dual licenced under the MIT license or GPLv3. See LICENSE.markdown. + +Usage: + zip = new JSZip(); + zip.file("hello.txt", "Hello, World!").add("tempfile", "nothing"); + zip.folder("images").file("smile.gif", base64Data, {base64: true}); + zip.file("Xmas.txt", "Ho ho ho !", {date : new Date("December 25, 2007 00:00:01")}); + zip.remove("tempfile"); + + base64zip = zip.generate(); + +**/ + +/** + * Representation a of zip file in js + * @constructor + * @param {String=} data the data to load, if any (optional). + * @param {Object=} options the options for creating this objects (optional). + */ +var JSZip = function(data, options) { + // object containing the files : + // { + // "folder/" : {...}, + // "folder/data.txt" : {...} + // } + this.files = {}; + + // Where we are in the hierarchy + this.root = ""; + + if(data) { + this.load(data, options); + } +}; + +JSZip.signature = { + LOCAL_FILE_HEADER : "\x50\x4b\x03\x04", + CENTRAL_FILE_HEADER : "\x50\x4b\x01\x02", + CENTRAL_DIRECTORY_END : "\x50\x4b\x05\x06", + ZIP64_CENTRAL_DIRECTORY_LOCATOR : "\x50\x4b\x06\x07", + ZIP64_CENTRAL_DIRECTORY_END : "\x50\x4b\x06\x06", + DATA_DESCRIPTOR : "\x50\x4b\x07\x08" +}; + +// Default properties for a new file +JSZip.defaults = { + base64: false, + binary: false, + dir: false, + date: null +}; + + +JSZip.prototype = (function () +{ + /** + * A simple object representing a file in the zip file. + * @constructor + * @param {string} name the name of the file + * @param {string} data the data + * @param {Object} options the options of the file + */ + var ZipObject = function (name, data, options) { + this.name = name; + this.data = data; + this.options = options; + }; + + ZipObject.prototype = { + /** + * Return the content as UTF8 string. + * @return {string} the UTF8 string. + */ + asText : function () + { + return this.options.binary ? JSZip.prototype.utf8decode(this.data) : this.data; + }, + /** + * Returns the binary content. + * @return {string} the content as binary. + */ + asBinary : function () + { + return this.options.binary ? this.data : JSZip.prototype.utf8encode(this.data); + } + }; + + /** + * Transform an integer into a string in hexadecimal. + * @private + * @param {number} dec the number to convert. + * @param {number} bytes the number of bytes to generate. + * @returns {string} the result. + */ + var decToHex = function(dec, bytes) { + var hex = "", i; + for(i = 0; i < bytes; i++) + { + hex += String.fromCharCode(dec&0xff); + dec=dec>>>8; + } + return hex; + }; + + /** + * Merge the objects passed as parameters into a new one. + * @private + * @param {...Object} var_args All objects to merge. + * @return {Object} a new object with the data of the others. + */ + var extend = function () { + var result = {}, i, attr; + for (i = 0; i < arguments.length; i++) // arguments is not enumerable in some browsers + { + for (attr in arguments[i]) + { + if(typeof result[attr] === "undefined") + { + result[attr] = arguments[i][attr]; + } + } + } + return result; + }; + + /** + * Transforms the (incomplete) options from the user into the complete + * set of options to create a file. + * @private + * @param {Object} o the options from the user. + * @return {Object} the complete set of options. + */ + var prepareFileAttrs = function (o) { + o = o || {}; + if (o.base64 === true && o.binary == null) { + o.binary = true; + } + o = extend(o, JSZip.defaults); + o.date = o.date || new Date(); + + return o; + }; + + /** + * Add a file in the current folder. + * @private + * @param {string} name the name of the file + * @param {string} data the data of the file + * @param {Object} o the options of the file + * @return {Object} the new file. + */ + var fileAdd = function (name, data, o) { + // be sure sub folders exist + var parent = parentFolder(name); + if (parent) { + folderAdd.call(this, parent); + } + + o = prepareFileAttrs(o); + + return this.files[name] = {name: name, data: data, options:o}; + }; + + + /** + * Find the parent folder of the path. + * @private + * @param {string} path the path to use + * @return {string} the parent folder, or "" + */ + var parentFolder = function (path) { + if (path.slice(-1) == '/') + { + path = path.substring(0, path.length - 1); + } + var lastSlash = path.lastIndexOf('/'); + return (lastSlash > 0) ? path.substring(0, lastSlash) : ""; + }; + + /** + * Add a (sub) folder in the current folder. + * @private + * @param {string} name the folder's name + * @return {Object} the new folder. + */ + var folderAdd = function (name) { + // Check the name ends with a / + if (name.slice(-1) != "/") { + name += "/"; // IE doesn't like substr(-1) + } + + // Does this folder already exist? + if (!this.files[name]) + { + // be sure sub folders exist + var parent = parentFolder(name); + if (parent) { + folderAdd.call(this, parent); + } + + fileAdd.call(this, name, '', {dir:true}); + } + return this.files[name]; + }; + + /** + * Generate the data found in the local header of a zip file. + * Do not create it now, as some parts are re-used later. + * @private + * @param {Object} file the file to use. + * @param {string} utfEncodedFileName the file name, utf8 encoded. + * @param {string} compressionType the compression to use. + * @return {Object} an object containing header and compressedData. + */ + var prepareLocalHeaderData = function(file, utfEncodedFileName, compressionType) { + var useUTF8 = utfEncodedFileName !== file.name, + data = file.data, + o = file.options, + dosTime, + dosDate; + + // date + // @see http://www.delorie.com/djgpp/doc/rbinter/it/52/13.html + // @see http://www.delorie.com/djgpp/doc/rbinter/it/65/16.html + // @see http://www.delorie.com/djgpp/doc/rbinter/it/66/16.html + + dosTime = o.date.getHours(); + dosTime = dosTime << 6; + dosTime = dosTime | o.date.getMinutes(); + dosTime = dosTime << 5; + dosTime = dosTime | o.date.getSeconds() / 2; + + dosDate = o.date.getFullYear() - 1980; + dosDate = dosDate << 4; + dosDate = dosDate | (o.date.getMonth() + 1); + dosDate = dosDate << 5; + dosDate = dosDate | o.date.getDate(); + + if (o.base64 === true) { + data = JSZipBase64.decode(data); + } + // decode UTF-8 strings if we are dealing with text data + if(o.binary === false) { + data = this.utf8encode(data); + } + + + var compression = JSZip.compressions[compressionType]; + var compressedData = compression.compress(data); + + var header = ""; + + // version needed to extract + header += "\x0A\x00"; + // general purpose bit flag + // set bit 11 if utf8 + header += useUTF8 ? "\x00\x08" : "\x00\x00"; + // compression method + header += compression.magic; + // last mod file time + header += decToHex(dosTime, 2); + // last mod file date + header += decToHex(dosDate, 2); + // crc-32 + header += decToHex(this.crc32(data), 4); + // compressed size + header += decToHex(compressedData.length, 4); + // uncompressed size + header += decToHex(data.length, 4); + // file name length + header += decToHex(utfEncodedFileName.length, 2); + // extra field length + header += "\x00\x00"; + + return { + header:header, + compressedData:compressedData + }; + }; + + + // return the actual prototype of JSZip + return { + /** + * Read an existing zip and merge the data in the current JSZip object. + * The implementation is in jszip-load.js, don't forget to include it. + * @param {string} stream The stream to load + * @param {Object} options Options for loading the stream. + * options.base64 : is the stream in base64 ? default : false + * @return {JSZip} the current JSZip object + */ + load : function (stream, options) + { + throw new Error("Load method is not defined. Is the file jszip-load.js included ?"); + }, + + /** + * Filter nested files/folders with the specified function. + * @param {Function} search the predicate to use : + * function (relativePath, file) {...} + * It takes 2 arguments : the relative path and the file. + * @return {Array} An array of matching elements. + */ + filter : function (search) + { + var result = [], filename, relativePath, file, fileClone; + for (filename in this.files) + { + file = this.files[filename]; + // return a new object, don't let the user mess with our internal objects :) + fileClone = new ZipObject(file.name, file.data, extend(file.options)); + relativePath = filename.slice(this.root.length, filename.length); + if (filename.slice(0, this.root.length) === this.root && // the file is in the current root + search(relativePath, fileClone)) // and the file matches the function + { + result.push(fileClone); + } + } + return result; + }, + + /** + * Add a file to the zip file, or search a file. + * @param {string|RegExp} name The name of the file to add (if data is defined), + * the name of the file to find (if no data) or a regex to match files. + * @param {string} data The file data, either raw or base64 encoded + * @param {Object} o File options + * @return {JSZip|Object|Array} this JSZip object (when adding a file), + * a file (when searching by string) or an array of files (when searching by regex). + */ + file : function(name, data, o) + { + if (arguments.length === 1) + { + if (name instanceof RegExp) + { + var regexp = name; + return this.filter(function(relativePath, file) { + return !file.options.dir && regexp.test(relativePath); + }); + } + else // text + { + return this.filter(function (relativePath, file) { + return !file.options.dir && relativePath === name; + })[0]||null; + } + } + else // more than one argument : we have data ! + { + name = this.root+name; + fileAdd.call(this, name, data, o); + } + return this; + }, + + /** + * Add a directory to the zip file, or search. + * @param {String|RegExp} arg The name of the directory to add, or a regex to search folders. + * @return {JSZip} an object with the new directory as the root, or an array containing matching folders. + */ + folder : function(arg) + { + if (!arg) + { + throw new Error("folder : wrong argument"); + } + + if (arg instanceof RegExp) + { + return this.filter(function(relativePath, file) { + return file.options.dir && arg.test(relativePath); + }); + } + + // else, name is a new folder + var name = this.root + arg; + var newFolder = folderAdd.call(this, name); + + // Allow chaining by returning a new object with this folder as the root + var ret = this.clone(); + ret.root = newFolder.name; + return ret; + }, + + /** + * Delete a file, or a directory and all sub-files, from the zip + * @param {string} name the name of the file to delete + * @return {JSZip} this JSZip object + */ + remove : function(name) + { + name = this.root + name; + var file = this.files[name]; + if (!file) + { + // Look for any folders + if (name.slice(-1) != "/") { + name += "/"; + } + file = this.files[name]; + } + + if (file) + { + if (!file.options.dir) + { + // file + delete this.files[name]; + } + else + { + // folder + var kids = this.filter(function (relativePath, file) { + return file.name.slice(0, name.length) === name; + }); + for (var i = 0; i < kids.length; i++) + { + delete this.files[kids[i].name]; + } + } + } + + return this; + }, + + /** + * Generate the complete zip file + * @param {Object} options the options to generate the zip file : + * - base64, true to generate base64. + * - compression, "STORE" by default. + * @return {string} the zip file + */ + generate : function(options) + { + options = extend(options || {}, { + base64 : true, + compression : "STORE" + }); + var compression = options.compression.toUpperCase(); + + // The central directory, and files data + var directory = [], files = [], fileOffset = 0; + + if (!JSZip.compressions[compression]) { + throw compression + " is not a valid compression method !"; + } + + for (var name in this.files) + { + if( !this.files.hasOwnProperty(name) ) { continue; } + + var file = this.files[name]; + + var utfEncodedFileName = this.utf8encode(file.name); + + var fileRecord = "", + dirRecord = "", + data = prepareLocalHeaderData.call(this, file, utfEncodedFileName, compression); + fileRecord = JSZip.signature.LOCAL_FILE_HEADER + data.header + utfEncodedFileName + data.compressedData; + + dirRecord = JSZip.signature.CENTRAL_FILE_HEADER + + // version made by (00: DOS) + "\x14\x00" + + // file header (common to file and central directory) + data.header + + // file comment length + "\x00\x00" + + // disk number start + "\x00\x00" + + // internal file attributes TODO + "\x00\x00" + + // external file attributes + (this.files[name].dir===true?"\x10\x00\x00\x00":"\x00\x00\x00\x00")+ + // relative offset of local header + decToHex(fileOffset, 4) + + // file name + utfEncodedFileName; + + fileOffset += fileRecord.length; + + files.push(fileRecord); + directory.push(dirRecord); + } + + var fileData = files.join(""); + var dirData = directory.join(""); + + var dirEnd = ""; + + // end of central dir signature + dirEnd = JSZip.signature.CENTRAL_DIRECTORY_END + + // number of this disk + "\x00\x00" + + // number of the disk with the start of the central directory + "\x00\x00" + + // total number of entries in the central directory on this disk + decToHex(files.length, 2) + + // total number of entries in the central directory + decToHex(files.length, 2) + + // size of the central directory 4 bytes + decToHex(dirData.length, 4) + + // offset of start of central directory with respect to the starting disk number + decToHex(fileData.length, 4) + + // .ZIP file comment length + "\x00\x00"; + + var zip = fileData + dirData + dirEnd; + return (options.base64) ? JSZipBase64.encode(zip) : zip; + }, + + /** + * + * Javascript crc32 + * http://www.webtoolkit.info/ + * + */ + crc32 : function(str, crc) + { + + if (str === "" || typeof str === "undefined") { + return 0; + } + + var table = "00000000 77073096 EE0E612C 990951BA 076DC419 706AF48F E963A535 9E6495A3 0EDB8832 79DCB8A4 E0D5E91E 97D2D988 09B64C2B 7EB17CBD E7B82D07 90BF1D91 1DB71064 6AB020F2 F3B97148 84BE41DE 1ADAD47D 6DDDE4EB F4D4B551 83D385C7 136C9856 646BA8C0 FD62F97A 8A65C9EC 14015C4F 63066CD9 FA0F3D63 8D080DF5 3B6E20C8 4C69105E D56041E4 A2677172 3C03E4D1 4B04D447 D20D85FD A50AB56B 35B5A8FA 42B2986C DBBBC9D6 ACBCF940 32D86CE3 45DF5C75 DCD60DCF ABD13D59 26D930AC 51DE003A C8D75180 BFD06116 21B4F4B5 56B3C423 CFBA9599 B8BDA50F 2802B89E 5F058808 C60CD9B2 B10BE924 2F6F7C87 58684C11 C1611DAB B6662D3D 76DC4190 01DB7106 98D220BC EFD5102A 71B18589 06B6B51F 9FBFE4A5 E8B8D433 7807C9A2 0F00F934 9609A88E E10E9818 7F6A0DBB 086D3D2D 91646C97 E6635C01 6B6B51F4 1C6C6162 856530D8 F262004E 6C0695ED 1B01A57B 8208F4C1 F50FC457 65B0D9C6 12B7E950 8BBEB8EA FCB9887C 62DD1DDF 15DA2D49 8CD37CF3 FBD44C65 4DB26158 3AB551CE A3BC0074 D4BB30E2 4ADFA541 3DD895D7 A4D1C46D D3D6F4FB 4369E96A 346ED9FC AD678846 DA60B8D0 44042D73 33031DE5 AA0A4C5F DD0D7CC9 5005713C 270241AA BE0B1010 C90C2086 5768B525 206F85B3 B966D409 CE61E49F 5EDEF90E 29D9C998 B0D09822 C7D7A8B4 59B33D17 2EB40D81 B7BD5C3B C0BA6CAD EDB88320 9ABFB3B6 03B6E20C 74B1D29A EAD54739 9DD277AF 04DB2615 73DC1683 E3630B12 94643B84 0D6D6A3E 7A6A5AA8 E40ECF0B 9309FF9D 0A00AE27 7D079EB1 F00F9344 8708A3D2 1E01F268 6906C2FE F762575D 806567CB 196C3671 6E6B06E7 FED41B76 89D32BE0 10DA7A5A 67DD4ACC F9B9DF6F 8EBEEFF9 17B7BE43 60B08ED5 D6D6A3E8 A1D1937E 38D8C2C4 4FDFF252 D1BB67F1 A6BC5767 3FB506DD 48B2364B D80D2BDA AF0A1B4C 36034AF6 41047A60 DF60EFC3 A867DF55 316E8EEF 4669BE79 CB61B38C BC66831A 256FD2A0 5268E236 CC0C7795 BB0B4703 220216B9 5505262F C5BA3BBE B2BD0B28 2BB45A92 5CB36A04 C2D7FFA7 B5D0CF31 2CD99E8B 5BDEAE1D 9B64C2B0 EC63F226 756AA39C 026D930A 9C0906A9 EB0E363F 72076785 05005713 95BF4A82 E2B87A14 7BB12BAE 0CB61B38 92D28E9B E5D5BE0D 7CDCEFB7 0BDBDF21 86D3D2D4 F1D4E242 68DDB3F8 1FDA836E 81BE16CD F6B9265B 6FB077E1 18B74777 88085AE6 FF0F6A70 66063BCA 11010B5C 8F659EFF F862AE69 616BFFD3 166CCF45 A00AE278 D70DD2EE 4E048354 3903B3C2 A7672661 D06016F7 4969474D 3E6E77DB AED16A4A D9D65ADC 40DF0B66 37D83BF0 A9BCAE53 DEBB9EC5 47B2CF7F 30B5FFE9 BDBDF21C CABAC28A 53B39330 24B4A3A6 BAD03605 CDD70693 54DE5729 23D967BF B3667A2E C4614AB8 5D681B02 2A6F2B94 B40BBE37 C30C8EA1 5A05DF1B 2D02EF8D"; + + if (typeof(crc) == "undefined") { crc = 0; } + var x = 0; + var y = 0; + + crc = crc ^ (-1); + for( var i = 0, iTop = str.length; i < iTop; i++ ) { + y = ( crc ^ str.charCodeAt( i ) ) & 0xFF; + x = "0x" + table.substr( y * 9, 8 ); + crc = ( crc >>> 8 ) ^ x; + } + + return crc ^ (-1); + + }, + + // Inspired by http://my.opera.com/GreyWyvern/blog/show.dml/1725165 + clone : function() + { + var newObj = new JSZip(); + for (var i in this) + { + if (typeof this[i] !== "function") + { + newObj[i] = this[i]; + } + } + return newObj; + }, + + + /** + * http://www.webtoolkit.info/javascript-utf8.html + */ + utf8encode : function (string) { + string = string.replace(/\r\n/g,"\n"); + var utftext = ""; + + for (var n = 0; n < string.length; n++) { + + var c = string.charCodeAt(n); + + if (c < 128) { + utftext += String.fromCharCode(c); + } + else if((c > 127) && (c < 2048)) { + utftext += String.fromCharCode((c >> 6) | 192); + utftext += String.fromCharCode((c & 63) | 128); + } + else { + utftext += String.fromCharCode((c >> 12) | 224); + utftext += String.fromCharCode(((c >> 6) & 63) | 128); + utftext += String.fromCharCode((c & 63) | 128); + } + + } + + return utftext; + }, + + /** + * http://www.webtoolkit.info/javascript-utf8.html + */ + utf8decode : function (utftext) { + var string = ""; + var i = 0; + var c = 0, c1 = 0, c2 = 0, c3 = 0; + + while ( i < utftext.length ) { + + c = utftext.charCodeAt(i); + + if (c < 128) { + string += String.fromCharCode(c); + i++; + } + else if((c > 191) && (c < 224)) { + c2 = utftext.charCodeAt(i+1); + string += String.fromCharCode(((c & 31) << 6) | (c2 & 63)); + i += 2; + } + else { + c2 = utftext.charCodeAt(i+1); + c3 = utftext.charCodeAt(i+2); + string += String.fromCharCode(((c & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63)); + i += 3; + } + + } + + return string; + } + }; +}()); + +/* + * Compression methods + * This object is filled in as follow : + * name : { + * magic // the 2 bytes indentifying the compression method + * compress // function, take the uncompressed content and return it compressed. + * uncompress // function, take the compressed content and return it uncompressed. + * } + * + * STORE is the default compression method, so it's included in this file. + * Other methods should go to separated files : the user wants modularity. + */ +JSZip.compressions = { + "STORE" : { + magic : "\x00\x00", + compress : function (content) + { + return content; // no compression + }, + uncompress : function (content) + { + return content; // no compression + } + } +}; + +/** + * + * Base64 encode / decode + * http://www.webtoolkit.info/ + * + * Hacked so that it doesn't utf8 en/decode everything + **/ +var JSZipBase64 = (function() { + // private property + var _keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="; + + return { + // public method for encoding + encode : function(input, utf8) { + var output = ""; + var chr1, chr2, chr3, enc1, enc2, enc3, enc4; + var i = 0; + + while (i < input.length) { + + chr1 = input.charCodeAt(i++); + chr2 = input.charCodeAt(i++); + chr3 = input.charCodeAt(i++); + + enc1 = chr1 >> 2; + enc2 = ((chr1 & 3) << 4) | (chr2 >> 4); + enc3 = ((chr2 & 15) << 2) | (chr3 >> 6); + enc4 = chr3 & 63; + + if (isNaN(chr2)) { + enc3 = enc4 = 64; + } else if (isNaN(chr3)) { + enc4 = 64; + } + + output = output + + _keyStr.charAt(enc1) + _keyStr.charAt(enc2) + + _keyStr.charAt(enc3) + _keyStr.charAt(enc4); + + } + + return output; + }, + + // public method for decoding + decode : function(input, utf8) { + var output = ""; + var chr1, chr2, chr3; + var enc1, enc2, enc3, enc4; + var i = 0; + + input = input.replace(/[^A-Za-z0-9\+\/\=]/g, ""); + + while (i < input.length) { + + enc1 = _keyStr.indexOf(input.charAt(i++)); + enc2 = _keyStr.indexOf(input.charAt(i++)); + enc3 = _keyStr.indexOf(input.charAt(i++)); + enc4 = _keyStr.indexOf(input.charAt(i++)); + + chr1 = (enc1 << 2) | (enc2 >> 4); + chr2 = ((enc2 & 15) << 4) | (enc3 >> 2); + chr3 = ((enc3 & 3) << 6) | enc4; + + output = output + String.fromCharCode(chr1); + + if (enc3 != 64) { + output = output + String.fromCharCode(chr2); + } + if (enc4 != 64) { + output = output + String.fromCharCode(chr3); + } + + } + + return output; + + } + }; +}()); + +// enforcing Stuk's coding style +// vim: set shiftwidth=3 softtabstop=3: \ No newline at end of file diff --git a/js/.jshintrc b/js/.jshintrc index 849f6ebf0..70e6c5792 100644 --- a/js/.jshintrc +++ b/js/.jshintrc @@ -9,4 +9,4 @@ "boss" : true, "expr" : true, "asi" : true -} +} \ No newline at end of file diff --git a/js/affix.js b/js/affix.js index c85726a0c..2400ba217 100644 --- a/js/affix.js +++ b/js/affix.js @@ -1,7 +1,7 @@ -/* ========================================================== +/* ======================================================================== * Bootstrap: affix.js v3.0.0 * http://twitter.github.com/bootstrap/javascript.html#affix - * ========================================================== + * ======================================================================== * Copyright 2012 Twitter, Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); @@ -15,10 +15,10 @@ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. - * ========================================================== */ + * ======================================================================== */ -!function ($) { "use strict"; ++function ($) { "use strict"; // AFFIX CLASS DEFINITION // ====================== diff --git a/js/alert.js b/js/alert.js index 64eb30ae6..d9f64767c 100644 --- a/js/alert.js +++ b/js/alert.js @@ -1,7 +1,7 @@ -/* ========================================================== +/* ======================================================================== * Bootstrap: alert.js v3.0.0 * http://twitter.github.com/bootstrap/javascript.html#alerts - * ========================================================== + * ======================================================================== * Copyright 2013 Twitter, Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); @@ -15,10 +15,10 @@ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. - * ========================================================== */ + * ======================================================================== */ -!function ($) { "use strict"; ++function ($) { "use strict"; // ALERT CLASS DEFINITION // ====================== diff --git a/js/button.js b/js/button.js index 1dbef5ccd..c29647840 100644 --- a/js/button.js +++ b/js/button.js @@ -1,7 +1,7 @@ -/* ============================================================ +/* ======================================================================== * Bootstrap: button.js v3.0.0 * http://twitter.github.com/bootstrap/javascript.html#buttons - * ============================================================ + * ======================================================================== * Copyright 2013 Twitter, Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); @@ -15,10 +15,10 @@ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. - * ============================================================ */ + * ======================================================================== */ -!function ($) { "use strict"; ++function ($) { "use strict"; // BUTTON PUBLIC CLASS DEFINITION // ============================== diff --git a/js/carousel.js b/js/carousel.js index e0d74f81f..f1d035e9a 100644 --- a/js/carousel.js +++ b/js/carousel.js @@ -1,7 +1,7 @@ -/* ========================================================== +/* ======================================================================== * Bootstrap: carousel.js v3.0.0 * http://twitter.github.com/bootstrap/javascript.html#carousel - * ========================================================== + * ======================================================================== * Copyright 2012 Twitter, Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); @@ -15,10 +15,10 @@ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. - * ========================================================== */ + * ======================================================================== */ -!function ($) { "use strict"; ++function ($) { "use strict"; // CAROUSEL CLASS DEFINITION // ========================= diff --git a/js/collapse.js b/js/collapse.js index 4a94b1505..e37f25592 100644 --- a/js/collapse.js +++ b/js/collapse.js @@ -1,7 +1,7 @@ -/* ============================================================= +/* ======================================================================== * Bootstrap: collapse.js v3.0.0 * http://twitter.github.com/bootstrap/javascript.html#collapse - * ============================================================= + * ======================================================================== * Copyright 2012 Twitter, Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); @@ -15,10 +15,10 @@ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. - * ============================================================ */ + * ======================================================================== */ -!function ($) { "use strict"; ++function ($) { "use strict"; // COLLAPSE PUBLIC CLASS DEFINITION // ================================ diff --git a/js/dropdown.js b/js/dropdown.js index d9acdd2e8..39c4ad258 100644 --- a/js/dropdown.js +++ b/js/dropdown.js @@ -1,7 +1,7 @@ -/* ============================================================ +/* ======================================================================== * Bootstrap: dropdown.js v3.0.0 * http://twitter.github.com/bootstrap/javascript.html#dropdowns - * ============================================================ + * ======================================================================== * Copyright 2012 Twitter, Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); @@ -15,10 +15,10 @@ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. - * ============================================================ */ + * ======================================================================== */ -!function ($) { "use strict"; ++function ($) { "use strict"; // DROPDOWN CLASS DEFINITION // ========================= diff --git a/js/modal.js b/js/modal.js index 605aed10d..9d6bf7339 100644 --- a/js/modal.js +++ b/js/modal.js @@ -1,7 +1,7 @@ -/* ========================================================= +/* ======================================================================== * Bootstrap: modal.js v3.0.0 * http://twitter.github.com/bootstrap/javascript.html#modals - * ========================================================= + * ======================================================================== * Copyright 2012 Twitter, Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); @@ -15,10 +15,10 @@ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. - * ========================================================= */ + * ======================================================================== */ -!function ($) { "use strict"; ++function ($) { "use strict"; // MODAL CLASS DEFINITION // ====================== diff --git a/js/popover.js b/js/popover.js index 2fca934f8..33edadf7f 100644 --- a/js/popover.js +++ b/js/popover.js @@ -1,7 +1,7 @@ -/* =========================================================== +/* ======================================================================== * Bootstrap: popover.js v3.0.0 * http://twitter.github.com/bootstrap/javascript.html#popovers - * =========================================================== + * ======================================================================== * Copyright 2012 Twitter, Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); @@ -15,10 +15,10 @@ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. - * =========================================================== */ + * ======================================================================== */ -!function ($) { "use strict"; ++function ($) { "use strict"; // POPOVER PUBLIC CLASS DEFINITION // =============================== diff --git a/js/scrollspy.js b/js/scrollspy.js index c0ce3c2b7..41c17822c 100644 --- a/js/scrollspy.js +++ b/js/scrollspy.js @@ -1,7 +1,7 @@ -/* ============================================================= +/* ======================================================================== * Bootstrap: scrollspy.js v3.0.0 * http://twitter.github.com/bootstrap/javascript.html#scrollspy - * ============================================================= + * ======================================================================== * Copyright 2012 Twitter, Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); @@ -15,10 +15,10 @@ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. - * ============================================================== */ + * ======================================================================== */ -!function ($) { "use strict"; ++function ($) { "use strict"; // SCROLLSPY CLASS DEFINITION // ========================== diff --git a/js/tab.js b/js/tab.js index 68fdb0930..89dbb8b70 100644 --- a/js/tab.js +++ b/js/tab.js @@ -1,7 +1,7 @@ -/* ======================================================== +/* ======================================================================== * Bootstrap: tab.js v3.0.0 * http://twitter.github.com/bootstrap/javascript.html#tabs - * ======================================================== + * ======================================================================== * Copyright 2012 Twitter, Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); @@ -15,10 +15,10 @@ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. - * ======================================================== */ + * ======================================================================== */ -!function ($) { "use strict"; ++function ($) { "use strict"; // TAB CLASS DEFINITION // ==================== diff --git a/js/tooltip.js b/js/tooltip.js index be9ac251d..45f068010 100644 --- a/js/tooltip.js +++ b/js/tooltip.js @@ -1,8 +1,8 @@ -/* =========================================================== +/* ======================================================================== * Bootstrap: tooltip.js v3.0.0 - * http://twitter.github.com/bootstrap/javascript.html#tooltips + * http://twitter.github.com/bootstrap/javascript.html#affix * Inspired by the original jQuery.tipsy by Jason Frame - * =========================================================== + * ======================================================================== * Copyright 2012 Twitter, Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); @@ -16,10 +16,10 @@ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. - * ========================================================== */ + * ======================================================================== */ -!function ($) { "use strict"; ++function ($) { "use strict"; // TOOLTIP PUBLIC CLASS DEFINITION // =============================== diff --git a/js/transition.js b/js/transition.js index 11f20e9b2..2ad53234a 100644 --- a/js/transition.js +++ b/js/transition.js @@ -1,7 +1,7 @@ -/* =================================================== +/* ======================================================================== * Bootstrap: transition.js v3.0.0 * http://twitter.github.com/bootstrap/javascript.html#transitions - * =================================================== + * ======================================================================== * Copyright 2013 Twitter, Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); @@ -15,10 +15,10 @@ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. - * ========================================================== */ + * ======================================================================== */ -!function ($) { "use strict"; ++function ($) { "use strict"; // CSS TRANSITION SUPPORT (Shoutout: http://www.modernizr.com/) // ============================================================ diff --git a/package.json b/package.json index 84fc2166e..6acf7a517 100644 --- a/package.json +++ b/package.json @@ -18,7 +18,7 @@ ] , "devDependencies": { "uglify-js": "1.3.4" - , "jshint": "0.9.1" + , "jshint": "2.1.2" , "recess": "1.1.6" , "connect": "2.1.3" } -- cgit v1.2.3 From 7cbec6e89a0f8a14afe2e601159ecc6a52062205 Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Tue, 21 May 2013 19:33:57 -0700 Subject: remove jszip files --- docs/assets/js/jszip-deflate.js | 1695 --------------------------------------- docs/assets/js/jszip.js | 735 ----------------- 2 files changed, 2430 deletions(-) delete mode 100644 docs/assets/js/jszip-deflate.js delete mode 100644 docs/assets/js/jszip.js diff --git a/docs/assets/js/jszip-deflate.js b/docs/assets/js/jszip-deflate.js deleted file mode 100644 index 61efd7e3e..000000000 --- a/docs/assets/js/jszip-deflate.js +++ /dev/null @@ -1,1695 +0,0 @@ -/* - * Port of a script by Masanao Izumo. - * - * Only changes : wrap all the variables in a function and add the - * main function to JSZip (DEFLATE compression method). - * Everything else was written by M. Izumo. - * - * Original code can be found here: http://www.onicos.com/staff/iz/amuse/javascript/expert/deflate.txt - */ - -if(!JSZip) -{ - throw "JSZip not defined"; -} - -/* - * Original: - * http://www.onicos.com/staff/iz/amuse/javascript/expert/deflate.txt - */ - -(function(){ - -/* Copyright (C) 1999 Masanao Izumo - * Version: 1.0.1 - * LastModified: Dec 25 1999 - */ - -/* Interface: - * data = zip_deflate(src); - */ - -/* constant parameters */ -var zip_WSIZE = 32768; // Sliding Window size -var zip_STORED_BLOCK = 0; -var zip_STATIC_TREES = 1; -var zip_DYN_TREES = 2; - -/* for deflate */ -var zip_DEFAULT_LEVEL = 6; -var zip_FULL_SEARCH = true; -var zip_INBUFSIZ = 32768; // Input buffer size -var zip_INBUF_EXTRA = 64; // Extra buffer -var zip_OUTBUFSIZ = 1024 * 8; -var zip_window_size = 2 * zip_WSIZE; -var zip_MIN_MATCH = 3; -var zip_MAX_MATCH = 258; -var zip_BITS = 16; -// for SMALL_MEM -var zip_LIT_BUFSIZE = 0x2000; -var zip_HASH_BITS = 13; -// for MEDIUM_MEM -// var zip_LIT_BUFSIZE = 0x4000; -// var zip_HASH_BITS = 14; -// for BIG_MEM -// var zip_LIT_BUFSIZE = 0x8000; -// var zip_HASH_BITS = 15; -if(zip_LIT_BUFSIZE > zip_INBUFSIZ) - alert("error: zip_INBUFSIZ is too small"); -if((zip_WSIZE<<1) > (1< zip_BITS-1) - alert("error: zip_HASH_BITS is too large"); -if(zip_HASH_BITS < 8 || zip_MAX_MATCH != 258) - alert("error: Code too clever"); -var zip_DIST_BUFSIZE = zip_LIT_BUFSIZE; -var zip_HASH_SIZE = 1 << zip_HASH_BITS; -var zip_HASH_MASK = zip_HASH_SIZE - 1; -var zip_WMASK = zip_WSIZE - 1; -var zip_NIL = 0; // Tail of hash chains -var zip_TOO_FAR = 4096; -var zip_MIN_LOOKAHEAD = zip_MAX_MATCH + zip_MIN_MATCH + 1; -var zip_MAX_DIST = zip_WSIZE - zip_MIN_LOOKAHEAD; -var zip_SMALLEST = 1; -var zip_MAX_BITS = 15; -var zip_MAX_BL_BITS = 7; -var zip_LENGTH_CODES = 29; -var zip_LITERALS =256; -var zip_END_BLOCK = 256; -var zip_L_CODES = zip_LITERALS + 1 + zip_LENGTH_CODES; -var zip_D_CODES = 30; -var zip_BL_CODES = 19; -var zip_REP_3_6 = 16; -var zip_REPZ_3_10 = 17; -var zip_REPZ_11_138 = 18; -var zip_HEAP_SIZE = 2 * zip_L_CODES + 1; -var zip_H_SHIFT = parseInt((zip_HASH_BITS + zip_MIN_MATCH - 1) / - zip_MIN_MATCH); - -/* variables */ -var zip_free_queue; -var zip_qhead, zip_qtail; -var zip_initflag; -var zip_outbuf = null; -var zip_outcnt, zip_outoff; -var zip_complete; -var zip_window; -var zip_d_buf; -var zip_l_buf; -var zip_prev; -var zip_bi_buf; -var zip_bi_valid; -var zip_block_start; -var zip_ins_h; -var zip_hash_head; -var zip_prev_match; -var zip_match_available; -var zip_match_length; -var zip_prev_length; -var zip_strstart; -var zip_match_start; -var zip_eofile; -var zip_lookahead; -var zip_max_chain_length; -var zip_max_lazy_match; -var zip_compr_level; -var zip_good_match; -var zip_nice_match; -var zip_dyn_ltree; -var zip_dyn_dtree; -var zip_static_ltree; -var zip_static_dtree; -var zip_bl_tree; -var zip_l_desc; -var zip_d_desc; -var zip_bl_desc; -var zip_bl_count; -var zip_heap; -var zip_heap_len; -var zip_heap_max; -var zip_depth; -var zip_length_code; -var zip_dist_code; -var zip_base_length; -var zip_base_dist; -var zip_flag_buf; -var zip_last_lit; -var zip_last_dist; -var zip_last_flags; -var zip_flags; -var zip_flag_bit; -var zip_opt_len; -var zip_static_len; -var zip_deflate_data; -var zip_deflate_pos; - -/* objects (deflate) */ - -var zip_DeflateCT = function() { - this.fc = 0; // frequency count or bit string - this.dl = 0; // father node in Huffman tree or length of bit string -} - -var zip_DeflateTreeDesc = function() { - this.dyn_tree = null; // the dynamic tree - this.static_tree = null; // corresponding static tree or NULL - this.extra_bits = null; // extra bits for each code or NULL - this.extra_base = 0; // base index for extra_bits - this.elems = 0; // max number of elements in the tree - this.max_length = 0; // max bit length for the codes - this.max_code = 0; // largest code with non zero frequency -} - -/* Values for max_lazy_match, good_match and max_chain_length, depending on - * the desired pack level (0..9). The values given below have been tuned to - * exclude worst case performance for pathological files. Better values may be - * found for specific files. - */ -var zip_DeflateConfiguration = function(a, b, c, d) { - this.good_length = a; // reduce lazy search above this match length - this.max_lazy = b; // do not perform lazy search above this match length - this.nice_length = c; // quit search above this match length - this.max_chain = d; -} - -var zip_DeflateBuffer = function() { - this.next = null; - this.len = 0; - this.ptr = new Array(zip_OUTBUFSIZ); - this.off = 0; -} - -/* constant tables */ -var zip_extra_lbits = new Array( - 0,0,0,0,0,0,0,0,1,1,1,1,2,2,2,2,3,3,3,3,4,4,4,4,5,5,5,5,0); -var zip_extra_dbits = new Array( - 0,0,0,0,1,1,2,2,3,3,4,4,5,5,6,6,7,7,8,8,9,9,10,10,11,11,12,12,13,13); -var zip_extra_blbits = new Array( - 0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,2,3,7); -var zip_bl_order = new Array( - 16,17,18,0,8,7,9,6,10,5,11,4,12,3,13,2,14,1,15); -var zip_configuration_table = new Array( - new zip_DeflateConfiguration(0, 0, 0, 0), - new zip_DeflateConfiguration(4, 4, 8, 4), - new zip_DeflateConfiguration(4, 5, 16, 8), - new zip_DeflateConfiguration(4, 6, 32, 32), - new zip_DeflateConfiguration(4, 4, 16, 16), - new zip_DeflateConfiguration(8, 16, 32, 32), - new zip_DeflateConfiguration(8, 16, 128, 128), - new zip_DeflateConfiguration(8, 32, 128, 256), - new zip_DeflateConfiguration(32, 128, 258, 1024), - new zip_DeflateConfiguration(32, 258, 258, 4096)); - - -/* routines (deflate) */ - -var zip_deflate_start = function(level) { - var i; - - if(!level) - level = zip_DEFAULT_LEVEL; - else if(level < 1) - level = 1; - else if(level > 9) - level = 9; - - zip_compr_level = level; - zip_initflag = false; - zip_eofile = false; - if(zip_outbuf != null) - return; - - zip_free_queue = zip_qhead = zip_qtail = null; - zip_outbuf = new Array(zip_OUTBUFSIZ); - zip_window = new Array(zip_window_size); - zip_d_buf = new Array(zip_DIST_BUFSIZE); - zip_l_buf = new Array(zip_INBUFSIZ + zip_INBUF_EXTRA); - zip_prev = new Array(1 << zip_BITS); - zip_dyn_ltree = new Array(zip_HEAP_SIZE); - for(i = 0; i < zip_HEAP_SIZE; i++) - zip_dyn_ltree[i] = new zip_DeflateCT(); - zip_dyn_dtree = new Array(2*zip_D_CODES+1); - for(i = 0; i < 2*zip_D_CODES+1; i++) - zip_dyn_dtree[i] = new zip_DeflateCT(); - zip_static_ltree = new Array(zip_L_CODES+2); - for(i = 0; i < zip_L_CODES+2; i++) - zip_static_ltree[i] = new zip_DeflateCT(); - zip_static_dtree = new Array(zip_D_CODES); - for(i = 0; i < zip_D_CODES; i++) - zip_static_dtree[i] = new zip_DeflateCT(); - zip_bl_tree = new Array(2*zip_BL_CODES+1); - for(i = 0; i < 2*zip_BL_CODES+1; i++) - zip_bl_tree[i] = new zip_DeflateCT(); - zip_l_desc = new zip_DeflateTreeDesc(); - zip_d_desc = new zip_DeflateTreeDesc(); - zip_bl_desc = new zip_DeflateTreeDesc(); - zip_bl_count = new Array(zip_MAX_BITS+1); - zip_heap = new Array(2*zip_L_CODES+1); - zip_depth = new Array(2*zip_L_CODES+1); - zip_length_code = new Array(zip_MAX_MATCH-zip_MIN_MATCH+1); - zip_dist_code = new Array(512); - zip_base_length = new Array(zip_LENGTH_CODES); - zip_base_dist = new Array(zip_D_CODES); - zip_flag_buf = new Array(parseInt(zip_LIT_BUFSIZE / 8)); -} - -var zip_deflate_end = function() { - zip_free_queue = zip_qhead = zip_qtail = null; - zip_outbuf = null; - zip_window = null; - zip_d_buf = null; - zip_l_buf = null; - zip_prev = null; - zip_dyn_ltree = null; - zip_dyn_dtree = null; - zip_static_ltree = null; - zip_static_dtree = null; - zip_bl_tree = null; - zip_l_desc = null; - zip_d_desc = null; - zip_bl_desc = null; - zip_bl_count = null; - zip_heap = null; - zip_depth = null; - zip_length_code = null; - zip_dist_code = null; - zip_base_length = null; - zip_base_dist = null; - zip_flag_buf = null; -} - -var zip_reuse_queue = function(p) { - p.next = zip_free_queue; - zip_free_queue = p; -} - -var zip_new_queue = function() { - var p; - - if(zip_free_queue != null) - { - p = zip_free_queue; - zip_free_queue = zip_free_queue.next; - } - else - p = new zip_DeflateBuffer(); - p.next = null; - p.len = p.off = 0; - - return p; -} - -var zip_head1 = function(i) { - return zip_prev[zip_WSIZE + i]; -} - -var zip_head2 = function(i, val) { - return zip_prev[zip_WSIZE + i] = val; -} - -/* put_byte is used for the compressed output, put_ubyte for the - * uncompressed output. However unlzw() uses window for its - * suffix table instead of its output buffer, so it does not use put_ubyte - * (to be cleaned up). - */ -var zip_put_byte = function(c) { - zip_outbuf[zip_outoff + zip_outcnt++] = c; - if(zip_outoff + zip_outcnt == zip_OUTBUFSIZ) - zip_qoutbuf(); -} - -/* Output a 16 bit value, lsb first */ -var zip_put_short = function(w) { - w &= 0xffff; - if(zip_outoff + zip_outcnt < zip_OUTBUFSIZ - 2) { - zip_outbuf[zip_outoff + zip_outcnt++] = (w & 0xff); - zip_outbuf[zip_outoff + zip_outcnt++] = (w >>> 8); - } else { - zip_put_byte(w & 0xff); - zip_put_byte(w >>> 8); - } -} - -/* ========================================================================== - * Insert string s in the dictionary and set match_head to the previous head - * of the hash chain (the most recent string with same hash key). Return - * the previous length of the hash chain. - * IN assertion: all calls to to INSERT_STRING are made with consecutive - * input characters and the first MIN_MATCH bytes of s are valid - * (except for the last MIN_MATCH-1 bytes of the input file). - */ -var zip_INSERT_STRING = function() { - zip_ins_h = ((zip_ins_h << zip_H_SHIFT) - ^ (zip_window[zip_strstart + zip_MIN_MATCH - 1] & 0xff)) - & zip_HASH_MASK; - zip_hash_head = zip_head1(zip_ins_h); - zip_prev[zip_strstart & zip_WMASK] = zip_hash_head; - zip_head2(zip_ins_h, zip_strstart); -} - -/* Send a code of the given tree. c and tree must not have side effects */ -var zip_SEND_CODE = function(c, tree) { - zip_send_bits(tree[c].fc, tree[c].dl); -} - -/* Mapping from a distance to a distance code. dist is the distance - 1 and - * must not have side effects. dist_code[256] and dist_code[257] are never - * used. - */ -var zip_D_CODE = function(dist) { - return (dist < 256 ? zip_dist_code[dist] - : zip_dist_code[256 + (dist>>7)]) & 0xff; -} - -/* ========================================================================== - * Compares to subtrees, using the tree depth as tie breaker when - * the subtrees have equal frequency. This minimizes the worst case length. - */ -var zip_SMALLER = function(tree, n, m) { - return tree[n].fc < tree[m].fc || - (tree[n].fc == tree[m].fc && zip_depth[n] <= zip_depth[m]); -} - -/* ========================================================================== - * read string data - */ -var zip_read_buff = function(buff, offset, n) { - var i; - for(i = 0; i < n && zip_deflate_pos < zip_deflate_data.length; i++) - buff[offset + i] = - zip_deflate_data.charCodeAt(zip_deflate_pos++) & 0xff; - return i; -} - -/* ========================================================================== - * Initialize the "longest match" routines for a new file - */ -var zip_lm_init = function() { - var j; - - /* Initialize the hash table. */ - for(j = 0; j < zip_HASH_SIZE; j++) -// zip_head2(j, zip_NIL); - zip_prev[zip_WSIZE + j] = 0; - /* prev will be initialized on the fly */ - - /* Set the default configuration parameters: - */ - zip_max_lazy_match = zip_configuration_table[zip_compr_level].max_lazy; - zip_good_match = zip_configuration_table[zip_compr_level].good_length; - if(!zip_FULL_SEARCH) - zip_nice_match = zip_configuration_table[zip_compr_level].nice_length; - zip_max_chain_length = zip_configuration_table[zip_compr_level].max_chain; - - zip_strstart = 0; - zip_block_start = 0; - - zip_lookahead = zip_read_buff(zip_window, 0, 2 * zip_WSIZE); - if(zip_lookahead <= 0) { - zip_eofile = true; - zip_lookahead = 0; - return; - } - zip_eofile = false; - /* Make sure that we always have enough lookahead. This is important - * if input comes from a device such as a tty. - */ - while(zip_lookahead < zip_MIN_LOOKAHEAD && !zip_eofile) - zip_fill_window(); - - /* If lookahead < MIN_MATCH, ins_h is garbage, but this is - * not important since only literal bytes will be emitted. - */ - zip_ins_h = 0; - for(j = 0; j < zip_MIN_MATCH - 1; j++) { -// UPDATE_HASH(ins_h, window[j]); - zip_ins_h = ((zip_ins_h << zip_H_SHIFT) ^ (zip_window[j] & 0xff)) & zip_HASH_MASK; - } -} - -/* ========================================================================== - * Set match_start to the longest match starting at the given string and - * return its length. Matches shorter or equal to prev_length are discarded, - * in which case the result is equal to prev_length and match_start is - * garbage. - * IN assertions: cur_match is the head of the hash chain for the current - * string (strstart) and its distance is <= MAX_DIST, and prev_length >= 1 - */ -var zip_longest_match = function(cur_match) { - var chain_length = zip_max_chain_length; // max hash chain length - var scanp = zip_strstart; // current string - var matchp; // matched string - var len; // length of current match - var best_len = zip_prev_length; // best match length so far - - /* Stop when cur_match becomes <= limit. To simplify the code, - * we prevent matches with the string of window index 0. - */ - var limit = (zip_strstart > zip_MAX_DIST ? zip_strstart - zip_MAX_DIST : zip_NIL); - - var strendp = zip_strstart + zip_MAX_MATCH; - var scan_end1 = zip_window[scanp + best_len - 1]; - var scan_end = zip_window[scanp + best_len]; - - /* Do not waste too much time if we already have a good match: */ - if(zip_prev_length >= zip_good_match) - chain_length >>= 2; - -// Assert(encoder->strstart <= window_size-MIN_LOOKAHEAD, "insufficient lookahead"); - - do { -// Assert(cur_match < encoder->strstart, "no future"); - matchp = cur_match; - - /* Skip to next match if the match length cannot increase - * or if the match length is less than 2: - */ - if(zip_window[matchp + best_len] != scan_end || - zip_window[matchp + best_len - 1] != scan_end1 || - zip_window[matchp] != zip_window[scanp] || - zip_window[++matchp] != zip_window[scanp + 1]) { - continue; - } - - /* The check at best_len-1 can be removed because it will be made - * again later. (This heuristic is not always a win.) - * It is not necessary to compare scan[2] and match[2] since they - * are always equal when the other bytes match, given that - * the hash keys are equal and that HASH_BITS >= 8. - */ - scanp += 2; - matchp++; - - /* We check for insufficient lookahead only every 8th comparison; - * the 256th check will be made at strstart+258. - */ - do { - } while(zip_window[++scanp] == zip_window[++matchp] && - zip_window[++scanp] == zip_window[++matchp] && - zip_window[++scanp] == zip_window[++matchp] && - zip_window[++scanp] == zip_window[++matchp] && - zip_window[++scanp] == zip_window[++matchp] && - zip_window[++scanp] == zip_window[++matchp] && - zip_window[++scanp] == zip_window[++matchp] && - zip_window[++scanp] == zip_window[++matchp] && - scanp < strendp); - - len = zip_MAX_MATCH - (strendp - scanp); - scanp = strendp - zip_MAX_MATCH; - - if(len > best_len) { - zip_match_start = cur_match; - best_len = len; - if(zip_FULL_SEARCH) { - if(len >= zip_MAX_MATCH) break; - } else { - if(len >= zip_nice_match) break; - } - - scan_end1 = zip_window[scanp + best_len-1]; - scan_end = zip_window[scanp + best_len]; - } - } while((cur_match = zip_prev[cur_match & zip_WMASK]) > limit - && --chain_length != 0); - - return best_len; -} - -/* ========================================================================== - * Fill the window when the lookahead becomes insufficient. - * Updates strstart and lookahead, and sets eofile if end of input file. - * IN assertion: lookahead < MIN_LOOKAHEAD && strstart + lookahead > 0 - * OUT assertions: at least one byte has been read, or eofile is set; - * file reads are performed for at least two bytes (required for the - * translate_eol option). - */ -var zip_fill_window = function() { - var n, m; - - // Amount of free space at the end of the window. - var more = zip_window_size - zip_lookahead - zip_strstart; - - /* If the window is almost full and there is insufficient lookahead, - * move the upper half to the lower one to make room in the upper half. - */ - if(more == -1) { - /* Very unlikely, but possible on 16 bit machine if strstart == 0 - * and lookahead == 1 (input done one byte at time) - */ - more--; - } else if(zip_strstart >= zip_WSIZE + zip_MAX_DIST) { - /* By the IN assertion, the window is not empty so we can't confuse - * more == 0 with more == 64K on a 16 bit machine. - */ -// Assert(window_size == (ulg)2*WSIZE, "no sliding with BIG_MEM"); - -// System.arraycopy(window, WSIZE, window, 0, WSIZE); - for(n = 0; n < zip_WSIZE; n++) - zip_window[n] = zip_window[n + zip_WSIZE]; - - zip_match_start -= zip_WSIZE; - zip_strstart -= zip_WSIZE; /* we now have strstart >= MAX_DIST: */ - zip_block_start -= zip_WSIZE; - - for(n = 0; n < zip_HASH_SIZE; n++) { - m = zip_head1(n); - zip_head2(n, m >= zip_WSIZE ? m - zip_WSIZE : zip_NIL); - } - for(n = 0; n < zip_WSIZE; n++) { - /* If n is not on any hash chain, prev[n] is garbage but - * its value will never be used. - */ - m = zip_prev[n]; - zip_prev[n] = (m >= zip_WSIZE ? m - zip_WSIZE : zip_NIL); - } - more += zip_WSIZE; - } - // At this point, more >= 2 - if(!zip_eofile) { - n = zip_read_buff(zip_window, zip_strstart + zip_lookahead, more); - if(n <= 0) - zip_eofile = true; - else - zip_lookahead += n; - } -} - -/* ========================================================================== - * Processes a new input file and return its compressed length. This - * function does not perform lazy evaluationof matches and inserts - * new strings in the dictionary only for unmatched strings or for short - * matches. It is used only for the fast compression options. - */ -var zip_deflate_fast = function() { - while(zip_lookahead != 0 && zip_qhead == null) { - var flush; // set if current block must be flushed - - /* Insert the string window[strstart .. strstart+2] in the - * dictionary, and set hash_head to the head of the hash chain: - */ - zip_INSERT_STRING(); - - /* Find the longest match, discarding those <= prev_length. - * At this point we have always match_length < MIN_MATCH - */ - if(zip_hash_head != zip_NIL && - zip_strstart - zip_hash_head <= zip_MAX_DIST) { - /* To simplify the code, we prevent matches with the string - * of window index 0 (in particular we have to avoid a match - * of the string with itself at the start of the input file). - */ - zip_match_length = zip_longest_match(zip_hash_head); - /* longest_match() sets match_start */ - if(zip_match_length > zip_lookahead) - zip_match_length = zip_lookahead; - } - if(zip_match_length >= zip_MIN_MATCH) { -// check_match(strstart, match_start, match_length); - - flush = zip_ct_tally(zip_strstart - zip_match_start, - zip_match_length - zip_MIN_MATCH); - zip_lookahead -= zip_match_length; - - /* Insert new strings in the hash table only if the match length - * is not too large. This saves time but degrades compression. - */ - if(zip_match_length <= zip_max_lazy_match) { - zip_match_length--; // string at strstart already in hash table - do { - zip_strstart++; - zip_INSERT_STRING(); - /* strstart never exceeds WSIZE-MAX_MATCH, so there are - * always MIN_MATCH bytes ahead. If lookahead < MIN_MATCH - * these bytes are garbage, but it does not matter since - * the next lookahead bytes will be emitted as literals. - */ - } while(--zip_match_length != 0); - zip_strstart++; - } else { - zip_strstart += zip_match_length; - zip_match_length = 0; - zip_ins_h = zip_window[zip_strstart] & 0xff; -// UPDATE_HASH(ins_h, window[strstart + 1]); - zip_ins_h = ((zip_ins_h< zip_lookahead) - zip_match_length = zip_lookahead; - - /* Ignore a length 3 match if it is too distant: */ - if(zip_match_length == zip_MIN_MATCH && - zip_strstart - zip_match_start > zip_TOO_FAR) { - /* If prev_match is also MIN_MATCH, match_start is garbage - * but we will ignore the current match anyway. - */ - zip_match_length--; - } - } - /* If there was a match at the previous step and the current - * match is not better, output the previous match: - */ - if(zip_prev_length >= zip_MIN_MATCH && - zip_match_length <= zip_prev_length) { - var flush; // set if current block must be flushed - -// check_match(strstart - 1, prev_match, prev_length); - flush = zip_ct_tally(zip_strstart - 1 - zip_prev_match, - zip_prev_length - zip_MIN_MATCH); - - /* Insert in hash table all strings up to the end of the match. - * strstart-1 and strstart are already inserted. - */ - zip_lookahead -= zip_prev_length - 1; - zip_prev_length -= 2; - do { - zip_strstart++; - zip_INSERT_STRING(); - /* strstart never exceeds WSIZE-MAX_MATCH, so there are - * always MIN_MATCH bytes ahead. If lookahead < MIN_MATCH - * these bytes are garbage, but it does not matter since the - * next lookahead bytes will always be emitted as literals. - */ - } while(--zip_prev_length != 0); - zip_match_available = 0; - zip_match_length = zip_MIN_MATCH - 1; - zip_strstart++; - if(flush) { - zip_flush_block(0); - zip_block_start = zip_strstart; - } - } else if(zip_match_available != 0) { - /* If there was no match at the previous position, output a - * single literal. If there was a match but the current match - * is longer, truncate the previous match to a single literal. - */ - if(zip_ct_tally(0, zip_window[zip_strstart - 1] & 0xff)) { - zip_flush_block(0); - zip_block_start = zip_strstart; - } - zip_strstart++; - zip_lookahead--; - } else { - /* There is no previous match to compare with, wait for - * the next step to decide. - */ - zip_match_available = 1; - zip_strstart++; - zip_lookahead--; - } - - /* Make sure that we always have enough lookahead, except - * at the end of the input file. We need MAX_MATCH bytes - * for the next match, plus MIN_MATCH bytes to insert the - * string following the next match. - */ - while(zip_lookahead < zip_MIN_LOOKAHEAD && !zip_eofile) - zip_fill_window(); - } -} - -var zip_init_deflate = function() { - if(zip_eofile) - return; - zip_bi_buf = 0; - zip_bi_valid = 0; - zip_ct_init(); - zip_lm_init(); - - zip_qhead = null; - zip_outcnt = 0; - zip_outoff = 0; - - if(zip_compr_level <= 3) - { - zip_prev_length = zip_MIN_MATCH - 1; - zip_match_length = 0; - } - else - { - zip_match_length = zip_MIN_MATCH - 1; - zip_match_available = 0; - } - - zip_complete = false; -} - -/* ========================================================================== - * Same as above, but achieves better compression. We use a lazy - * evaluation for matches: a match is finally adopted only if there is - * no better match at the next window position. - */ -var zip_deflate_internal = function(buff, off, buff_size) { - var n; - - if(!zip_initflag) - { - zip_init_deflate(); - zip_initflag = true; - if(zip_lookahead == 0) { // empty - zip_complete = true; - return 0; - } - } - - if((n = zip_qcopy(buff, off, buff_size)) == buff_size) - return buff_size; - - if(zip_complete) - return n; - - if(zip_compr_level <= 3) // optimized for speed - zip_deflate_fast(); - else - zip_deflate_better(); - if(zip_lookahead == 0) { - if(zip_match_available != 0) - zip_ct_tally(0, zip_window[zip_strstart - 1] & 0xff); - zip_flush_block(1); - zip_complete = true; - } - return n + zip_qcopy(buff, n + off, buff_size - n); -} - -var zip_qcopy = function(buff, off, buff_size) { - var n, i, j; - - n = 0; - while(zip_qhead != null && n < buff_size) - { - i = buff_size - n; - if(i > zip_qhead.len) - i = zip_qhead.len; -// System.arraycopy(qhead.ptr, qhead.off, buff, off + n, i); - for(j = 0; j < i; j++) - buff[off + n + j] = zip_qhead.ptr[zip_qhead.off + j]; - - zip_qhead.off += i; - zip_qhead.len -= i; - n += i; - if(zip_qhead.len == 0) { - var p; - p = zip_qhead; - zip_qhead = zip_qhead.next; - zip_reuse_queue(p); - } - } - - if(n == buff_size) - return n; - - if(zip_outoff < zip_outcnt) { - i = buff_size - n; - if(i > zip_outcnt - zip_outoff) - i = zip_outcnt - zip_outoff; - // System.arraycopy(outbuf, outoff, buff, off + n, i); - for(j = 0; j < i; j++) - buff[off + n + j] = zip_outbuf[zip_outoff + j]; - zip_outoff += i; - n += i; - if(zip_outcnt == zip_outoff) - zip_outcnt = zip_outoff = 0; - } - return n; -} - -/* ========================================================================== - * Allocate the match buffer, initialize the various tables and save the - * location of the internal file attribute (ascii/binary) and method - * (DEFLATE/STORE). - */ -var zip_ct_init = function() { - var n; // iterates over tree elements - var bits; // bit counter - var length; // length value - var code; // code value - var dist; // distance index - - if(zip_static_dtree[0].dl != 0) return; // ct_init already called - - zip_l_desc.dyn_tree = zip_dyn_ltree; - zip_l_desc.static_tree = zip_static_ltree; - zip_l_desc.extra_bits = zip_extra_lbits; - zip_l_desc.extra_base = zip_LITERALS + 1; - zip_l_desc.elems = zip_L_CODES; - zip_l_desc.max_length = zip_MAX_BITS; - zip_l_desc.max_code = 0; - - zip_d_desc.dyn_tree = zip_dyn_dtree; - zip_d_desc.static_tree = zip_static_dtree; - zip_d_desc.extra_bits = zip_extra_dbits; - zip_d_desc.extra_base = 0; - zip_d_desc.elems = zip_D_CODES; - zip_d_desc.max_length = zip_MAX_BITS; - zip_d_desc.max_code = 0; - - zip_bl_desc.dyn_tree = zip_bl_tree; - zip_bl_desc.static_tree = null; - zip_bl_desc.extra_bits = zip_extra_blbits; - zip_bl_desc.extra_base = 0; - zip_bl_desc.elems = zip_BL_CODES; - zip_bl_desc.max_length = zip_MAX_BL_BITS; - zip_bl_desc.max_code = 0; - - // Initialize the mapping length (0..255) -> length code (0..28) - length = 0; - for(code = 0; code < zip_LENGTH_CODES-1; code++) { - zip_base_length[code] = length; - for(n = 0; n < (1< dist code (0..29) */ - dist = 0; - for(code = 0 ; code < 16; code++) { - zip_base_dist[code] = dist; - for(n = 0; n < (1<>= 7; // from now on, all distances are divided by 128 - for( ; code < zip_D_CODES; code++) { - zip_base_dist[code] = dist << 7; - for(n = 0; n < (1<<(zip_extra_dbits[code]-7)); n++) - zip_dist_code[256 + dist++] = code; - } - // Assert (dist == 256, "ct_init: 256+dist != 512"); - - // Construct the codes of the static literal tree - for(bits = 0; bits <= zip_MAX_BITS; bits++) - zip_bl_count[bits] = 0; - n = 0; - while(n <= 143) { zip_static_ltree[n++].dl = 8; zip_bl_count[8]++; } - while(n <= 255) { zip_static_ltree[n++].dl = 9; zip_bl_count[9]++; } - while(n <= 279) { zip_static_ltree[n++].dl = 7; zip_bl_count[7]++; } - while(n <= 287) { zip_static_ltree[n++].dl = 8; zip_bl_count[8]++; } - /* Codes 286 and 287 do not exist, but we must include them in the - * tree construction to get a canonical Huffman tree (longest code - * all ones) - */ - zip_gen_codes(zip_static_ltree, zip_L_CODES + 1); - - /* The static distance tree is trivial: */ - for(n = 0; n < zip_D_CODES; n++) { - zip_static_dtree[n].dl = 5; - zip_static_dtree[n].fc = zip_bi_reverse(n, 5); - } - - // Initialize the first block of the first file: - zip_init_block(); -} - -/* ========================================================================== - * Initialize a new block. - */ -var zip_init_block = function() { - var n; // iterates over tree elements - - // Initialize the trees. - for(n = 0; n < zip_L_CODES; n++) zip_dyn_ltree[n].fc = 0; - for(n = 0; n < zip_D_CODES; n++) zip_dyn_dtree[n].fc = 0; - for(n = 0; n < zip_BL_CODES; n++) zip_bl_tree[n].fc = 0; - - zip_dyn_ltree[zip_END_BLOCK].fc = 1; - zip_opt_len = zip_static_len = 0; - zip_last_lit = zip_last_dist = zip_last_flags = 0; - zip_flags = 0; - zip_flag_bit = 1; -} - -/* ========================================================================== - * Restore the heap property by moving down the tree starting at node k, - * exchanging a node with the smallest of its two sons if necessary, stopping - * when the heap property is re-established (each father smaller than its - * two sons). - */ -var zip_pqdownheap = function( - tree, // the tree to restore - k) { // node to move down - var v = zip_heap[k]; - var j = k << 1; // left son of k - - while(j <= zip_heap_len) { - // Set j to the smallest of the two sons: - if(j < zip_heap_len && - zip_SMALLER(tree, zip_heap[j + 1], zip_heap[j])) - j++; - - // Exit if v is smaller than both sons - if(zip_SMALLER(tree, v, zip_heap[j])) - break; - - // Exchange v with the smallest son - zip_heap[k] = zip_heap[j]; - k = j; - - // And continue down the tree, setting j to the left son of k - j <<= 1; - } - zip_heap[k] = v; -} - -/* ========================================================================== - * Compute the optimal bit lengths for a tree and update the total bit length - * for the current block. - * IN assertion: the fields freq and dad are set, heap[heap_max] and - * above are the tree nodes sorted by increasing frequency. - * OUT assertions: the field len is set to the optimal bit length, the - * array bl_count contains the frequencies for each bit length. - * The length opt_len is updated; static_len is also updated if stree is - * not null. - */ -var zip_gen_bitlen = function(desc) { // the tree descriptor - var tree = desc.dyn_tree; - var extra = desc.extra_bits; - var base = desc.extra_base; - var max_code = desc.max_code; - var max_length = desc.max_length; - var stree = desc.static_tree; - var h; // heap index - var n, m; // iterate over the tree elements - var bits; // bit length - var xbits; // extra bits - var f; // frequency - var overflow = 0; // number of elements with bit length too large - - for(bits = 0; bits <= zip_MAX_BITS; bits++) - zip_bl_count[bits] = 0; - - /* In a first pass, compute the optimal bit lengths (which may - * overflow in the case of the bit length tree). - */ - tree[zip_heap[zip_heap_max]].dl = 0; // root of the heap - - for(h = zip_heap_max + 1; h < zip_HEAP_SIZE; h++) { - n = zip_heap[h]; - bits = tree[tree[n].dl].dl + 1; - if(bits > max_length) { - bits = max_length; - overflow++; - } - tree[n].dl = bits; - // We overwrite tree[n].dl which is no longer needed - - if(n > max_code) - continue; // not a leaf node - - zip_bl_count[bits]++; - xbits = 0; - if(n >= base) - xbits = extra[n - base]; - f = tree[n].fc; - zip_opt_len += f * (bits + xbits); - if(stree != null) - zip_static_len += f * (stree[n].dl + xbits); - } - if(overflow == 0) - return; - - // This happens for example on obj2 and pic of the Calgary corpus - - // Find the first bit length which could increase: - do { - bits = max_length - 1; - while(zip_bl_count[bits] == 0) - bits--; - zip_bl_count[bits]--; // move one leaf down the tree - zip_bl_count[bits + 1] += 2; // move one overflow item as its brother - zip_bl_count[max_length]--; - /* The brother of the overflow item also moves one step up, - * but this does not affect bl_count[max_length] - */ - overflow -= 2; - } while(overflow > 0); - - /* Now recompute all bit lengths, scanning in increasing frequency. - * h is still equal to HEAP_SIZE. (It is simpler to reconstruct all - * lengths instead of fixing only the wrong ones. This idea is taken - * from 'ar' written by Haruhiko Okumura.) - */ - for(bits = max_length; bits != 0; bits--) { - n = zip_bl_count[bits]; - while(n != 0) { - m = zip_heap[--h]; - if(m > max_code) - continue; - if(tree[m].dl != bits) { - zip_opt_len += (bits - tree[m].dl) * tree[m].fc; - tree[m].fc = bits; - } - n--; - } - } -} - - /* ========================================================================== - * Generate the codes for a given tree and bit counts (which need not be - * optimal). - * IN assertion: the array bl_count contains the bit length statistics for - * the given tree and the field len is set for all tree elements. - * OUT assertion: the field code is set for all tree elements of non - * zero code length. - */ -var zip_gen_codes = function(tree, // the tree to decorate - max_code) { // largest code with non zero frequency - var next_code = new Array(zip_MAX_BITS+1); // next code value for each bit length - var code = 0; // running code value - var bits; // bit index - var n; // code index - - /* The distribution counts are first used to generate the code values - * without bit reversal. - */ - for(bits = 1; bits <= zip_MAX_BITS; bits++) { - code = ((code + zip_bl_count[bits-1]) << 1); - next_code[bits] = code; - } - - /* Check that the bit counts in bl_count are consistent. The last code - * must be all ones. - */ -// Assert (code + encoder->bl_count[MAX_BITS]-1 == (1<> 1; n >= 1; n--) - zip_pqdownheap(tree, n); - - /* Construct the Huffman tree by repeatedly combining the least two - * frequent nodes. - */ - do { - n = zip_heap[zip_SMALLEST]; - zip_heap[zip_SMALLEST] = zip_heap[zip_heap_len--]; - zip_pqdownheap(tree, zip_SMALLEST); - - m = zip_heap[zip_SMALLEST]; // m = node of next least frequency - - // keep the nodes sorted by frequency - zip_heap[--zip_heap_max] = n; - zip_heap[--zip_heap_max] = m; - - // Create a new node father of n and m - tree[node].fc = tree[n].fc + tree[m].fc; -// depth[node] = (char)(MAX(depth[n], depth[m]) + 1); - if(zip_depth[n] > zip_depth[m] + 1) - zip_depth[node] = zip_depth[n]; - else - zip_depth[node] = zip_depth[m] + 1; - tree[n].dl = tree[m].dl = node; - - // and insert the new node in the heap - zip_heap[zip_SMALLEST] = node++; - zip_pqdownheap(tree, zip_SMALLEST); - - } while(zip_heap_len >= 2); - - zip_heap[--zip_heap_max] = zip_heap[zip_SMALLEST]; - - /* At this point, the fields freq and dad are set. We can now - * generate the bit lengths. - */ - zip_gen_bitlen(desc); - - // The field len is now set, we can generate the bit codes - zip_gen_codes(tree, max_code); -} - -/* ========================================================================== - * Scan a literal or distance tree to determine the frequencies of the codes - * in the bit length tree. Updates opt_len to take into account the repeat - * counts. (The contribution of the bit length codes will be added later - * during the construction of bl_tree.) - */ -var zip_scan_tree = function(tree,// the tree to be scanned - max_code) { // and its largest code of non zero frequency - var n; // iterates over all tree elements - var prevlen = -1; // last emitted length - var curlen; // length of current code - var nextlen = tree[0].dl; // length of next code - var count = 0; // repeat count of the current code - var max_count = 7; // max repeat count - var min_count = 4; // min repeat count - - if(nextlen == 0) { - max_count = 138; - min_count = 3; - } - tree[max_code + 1].dl = 0xffff; // guard - - for(n = 0; n <= max_code; n++) { - curlen = nextlen; - nextlen = tree[n + 1].dl; - if(++count < max_count && curlen == nextlen) - continue; - else if(count < min_count) - zip_bl_tree[curlen].fc += count; - else if(curlen != 0) { - if(curlen != prevlen) - zip_bl_tree[curlen].fc++; - zip_bl_tree[zip_REP_3_6].fc++; - } else if(count <= 10) - zip_bl_tree[zip_REPZ_3_10].fc++; - else - zip_bl_tree[zip_REPZ_11_138].fc++; - count = 0; prevlen = curlen; - if(nextlen == 0) { - max_count = 138; - min_count = 3; - } else if(curlen == nextlen) { - max_count = 6; - min_count = 3; - } else { - max_count = 7; - min_count = 4; - } - } -} - - /* ========================================================================== - * Send a literal or distance tree in compressed form, using the codes in - * bl_tree. - */ -var zip_send_tree = function(tree, // the tree to be scanned - max_code) { // and its largest code of non zero frequency - var n; // iterates over all tree elements - var prevlen = -1; // last emitted length - var curlen; // length of current code - var nextlen = tree[0].dl; // length of next code - var count = 0; // repeat count of the current code - var max_count = 7; // max repeat count - var min_count = 4; // min repeat count - - /* tree[max_code+1].dl = -1; */ /* guard already set */ - if(nextlen == 0) { - max_count = 138; - min_count = 3; - } - - for(n = 0; n <= max_code; n++) { - curlen = nextlen; - nextlen = tree[n+1].dl; - if(++count < max_count && curlen == nextlen) { - continue; - } else if(count < min_count) { - do { zip_SEND_CODE(curlen, zip_bl_tree); } while(--count != 0); - } else if(curlen != 0) { - if(curlen != prevlen) { - zip_SEND_CODE(curlen, zip_bl_tree); - count--; - } - // Assert(count >= 3 && count <= 6, " 3_6?"); - zip_SEND_CODE(zip_REP_3_6, zip_bl_tree); - zip_send_bits(count - 3, 2); - } else if(count <= 10) { - zip_SEND_CODE(zip_REPZ_3_10, zip_bl_tree); - zip_send_bits(count-3, 3); - } else { - zip_SEND_CODE(zip_REPZ_11_138, zip_bl_tree); - zip_send_bits(count-11, 7); - } - count = 0; - prevlen = curlen; - if(nextlen == 0) { - max_count = 138; - min_count = 3; - } else if(curlen == nextlen) { - max_count = 6; - min_count = 3; - } else { - max_count = 7; - min_count = 4; - } - } -} - -/* ========================================================================== - * Construct the Huffman tree for the bit lengths and return the index in - * bl_order of the last bit length code to send. - */ -var zip_build_bl_tree = function() { - var max_blindex; // index of last bit length code of non zero freq - - // Determine the bit length frequencies for literal and distance trees - zip_scan_tree(zip_dyn_ltree, zip_l_desc.max_code); - zip_scan_tree(zip_dyn_dtree, zip_d_desc.max_code); - - // Build the bit length tree: - zip_build_tree(zip_bl_desc); - /* opt_len now includes the length of the tree representations, except - * the lengths of the bit lengths codes and the 5+5+4 bits for the counts. - */ - - /* Determine the number of bit length codes to send. The pkzip format - * requires that at least 4 bit length codes be sent. (appnote.txt says - * 3 but the actual value used is 4.) - */ - for(max_blindex = zip_BL_CODES-1; max_blindex >= 3; max_blindex--) { - if(zip_bl_tree[zip_bl_order[max_blindex]].dl != 0) break; - } - /* Update opt_len to include the bit length tree and counts */ - zip_opt_len += 3*(max_blindex+1) + 5+5+4; -// Tracev((stderr, "\ndyn trees: dyn %ld, stat %ld", -// encoder->opt_len, encoder->static_len)); - - return max_blindex; -} - -/* ========================================================================== - * Send the header for a block using dynamic Huffman trees: the counts, the - * lengths of the bit length codes, the literal tree and the distance tree. - * IN assertion: lcodes >= 257, dcodes >= 1, blcodes >= 4. - */ -var zip_send_all_trees = function(lcodes, dcodes, blcodes) { // number of codes for each tree - var rank; // index in bl_order - -// Assert (lcodes >= 257 && dcodes >= 1 && blcodes >= 4, "not enough codes"); -// Assert (lcodes <= L_CODES && dcodes <= D_CODES && blcodes <= BL_CODES, -// "too many codes"); -// Tracev((stderr, "\nbl counts: ")); - zip_send_bits(lcodes-257, 5); // not +255 as stated in appnote.txt - zip_send_bits(dcodes-1, 5); - zip_send_bits(blcodes-4, 4); // not -3 as stated in appnote.txt - for(rank = 0; rank < blcodes; rank++) { -// Tracev((stderr, "\nbl code %2d ", bl_order[rank])); - zip_send_bits(zip_bl_tree[zip_bl_order[rank]].dl, 3); - } - - // send the literal tree - zip_send_tree(zip_dyn_ltree,lcodes-1); - - // send the distance tree - zip_send_tree(zip_dyn_dtree,dcodes-1); -} - -/* ========================================================================== - * Determine the best encoding for the current block: dynamic trees, static - * trees or store, and output the encoded block to the zip file. - */ -var zip_flush_block = function(eof) { // true if this is the last block for a file - var opt_lenb, static_lenb; // opt_len and static_len in bytes - var max_blindex; // index of last bit length code of non zero freq - var stored_len; // length of input block - - stored_len = zip_strstart - zip_block_start; - zip_flag_buf[zip_last_flags] = zip_flags; // Save the flags for the last 8 items - - // Construct the literal and distance trees - zip_build_tree(zip_l_desc); -// Tracev((stderr, "\nlit data: dyn %ld, stat %ld", -// encoder->opt_len, encoder->static_len)); - - zip_build_tree(zip_d_desc); -// Tracev((stderr, "\ndist data: dyn %ld, stat %ld", -// encoder->opt_len, encoder->static_len)); - /* At this point, opt_len and static_len are the total bit lengths of - * the compressed block data, excluding the tree representations. - */ - - /* Build the bit length tree for the above two trees, and get the index - * in bl_order of the last bit length code to send. - */ - max_blindex = zip_build_bl_tree(); - - // Determine the best encoding. Compute first the block length in bytes - opt_lenb = (zip_opt_len +3+7)>>3; - static_lenb = (zip_static_len+3+7)>>3; - -// Trace((stderr, "\nopt %lu(%lu) stat %lu(%lu) stored %lu lit %u dist %u ", -// opt_lenb, encoder->opt_len, -// static_lenb, encoder->static_len, stored_len, -// encoder->last_lit, encoder->last_dist)); - - if(static_lenb <= opt_lenb) - opt_lenb = static_lenb; - if(stored_len + 4 <= opt_lenb // 4: two words for the lengths - && zip_block_start >= 0) { - var i; - - /* The test buf != NULL is only necessary if LIT_BUFSIZE > WSIZE. - * Otherwise we can't have processed more than WSIZE input bytes since - * the last block flush, because compression would have been - * successful. If LIT_BUFSIZE <= WSIZE, it is never too late to - * transform a block into a stored block. - */ - zip_send_bits((zip_STORED_BLOCK<<1)+eof, 3); /* send block type */ - zip_bi_windup(); /* align on byte boundary */ - zip_put_short(stored_len); - zip_put_short(~stored_len); - - // copy block -/* - p = &window[block_start]; - for(i = 0; i < stored_len; i++) - put_byte(p[i]); -*/ - for(i = 0; i < stored_len; i++) - zip_put_byte(zip_window[zip_block_start + i]); - - } else if(static_lenb == opt_lenb) { - zip_send_bits((zip_STATIC_TREES<<1)+eof, 3); - zip_compress_block(zip_static_ltree, zip_static_dtree); - } else { - zip_send_bits((zip_DYN_TREES<<1)+eof, 3); - zip_send_all_trees(zip_l_desc.max_code+1, - zip_d_desc.max_code+1, - max_blindex+1); - zip_compress_block(zip_dyn_ltree, zip_dyn_dtree); - } - - zip_init_block(); - - if(eof != 0) - zip_bi_windup(); -} - -/* ========================================================================== - * Save the match info and tally the frequency counts. Return true if - * the current block must be flushed. - */ -var zip_ct_tally = function( - dist, // distance of matched string - lc) { // match length-MIN_MATCH or unmatched char (if dist==0) - zip_l_buf[zip_last_lit++] = lc; - if(dist == 0) { - // lc is the unmatched char - zip_dyn_ltree[lc].fc++; - } else { - // Here, lc is the match length - MIN_MATCH - dist--; // dist = match distance - 1 -// Assert((ush)dist < (ush)MAX_DIST && -// (ush)lc <= (ush)(MAX_MATCH-MIN_MATCH) && -// (ush)D_CODE(dist) < (ush)D_CODES, "ct_tally: bad match"); - - zip_dyn_ltree[zip_length_code[lc]+zip_LITERALS+1].fc++; - zip_dyn_dtree[zip_D_CODE(dist)].fc++; - - zip_d_buf[zip_last_dist++] = dist; - zip_flags |= zip_flag_bit; - } - zip_flag_bit <<= 1; - - // Output the flags if they fill a byte - if((zip_last_lit & 7) == 0) { - zip_flag_buf[zip_last_flags++] = zip_flags; - zip_flags = 0; - zip_flag_bit = 1; - } - // Try to guess if it is profitable to stop the current block here - if(zip_compr_level > 2 && (zip_last_lit & 0xfff) == 0) { - // Compute an upper bound for the compressed length - var out_length = zip_last_lit * 8; - var in_length = zip_strstart - zip_block_start; - var dcode; - - for(dcode = 0; dcode < zip_D_CODES; dcode++) { - out_length += zip_dyn_dtree[dcode].fc * (5 + zip_extra_dbits[dcode]); - } - out_length >>= 3; -// Trace((stderr,"\nlast_lit %u, last_dist %u, in %ld, out ~%ld(%ld%%) ", -// encoder->last_lit, encoder->last_dist, in_length, out_length, -// 100L - out_length*100L/in_length)); - if(zip_last_dist < parseInt(zip_last_lit/2) && - out_length < parseInt(in_length/2)) - return true; - } - return (zip_last_lit == zip_LIT_BUFSIZE-1 || - zip_last_dist == zip_DIST_BUFSIZE); - /* We avoid equality with LIT_BUFSIZE because of wraparound at 64K - * on 16 bit machines and because stored blocks are restricted to - * 64K-1 bytes. - */ -} - - /* ========================================================================== - * Send the block data compressed using the given Huffman trees - */ -var zip_compress_block = function( - ltree, // literal tree - dtree) { // distance tree - var dist; // distance of matched string - var lc; // match length or unmatched char (if dist == 0) - var lx = 0; // running index in l_buf - var dx = 0; // running index in d_buf - var fx = 0; // running index in flag_buf - var flag = 0; // current flags - var code; // the code to send - var extra; // number of extra bits to send - - if(zip_last_lit != 0) do { - if((lx & 7) == 0) - flag = zip_flag_buf[fx++]; - lc = zip_l_buf[lx++] & 0xff; - if((flag & 1) == 0) { - zip_SEND_CODE(lc, ltree); /* send a literal byte */ -// Tracecv(isgraph(lc), (stderr," '%c' ", lc)); - } else { - // Here, lc is the match length - MIN_MATCH - code = zip_length_code[lc]; - zip_SEND_CODE(code+zip_LITERALS+1, ltree); // send the length code - extra = zip_extra_lbits[code]; - if(extra != 0) { - lc -= zip_base_length[code]; - zip_send_bits(lc, extra); // send the extra length bits - } - dist = zip_d_buf[dx++]; - // Here, dist is the match distance - 1 - code = zip_D_CODE(dist); -// Assert (code < D_CODES, "bad d_code"); - - zip_SEND_CODE(code, dtree); // send the distance code - extra = zip_extra_dbits[code]; - if(extra != 0) { - dist -= zip_base_dist[code]; - zip_send_bits(dist, extra); // send the extra distance bits - } - } // literal or match pair ? - flag >>= 1; - } while(lx < zip_last_lit); - - zip_SEND_CODE(zip_END_BLOCK, ltree); -} - -/* ========================================================================== - * Send a value on a given number of bits. - * IN assertion: length <= 16 and value fits in length bits. - */ -var zip_Buf_size = 16; // bit size of bi_buf -var zip_send_bits = function( - value, // value to send - length) { // number of bits - /* If not enough room in bi_buf, use (valid) bits from bi_buf and - * (16 - bi_valid) bits from value, leaving (width - (16-bi_valid)) - * unused bits in value. - */ - if(zip_bi_valid > zip_Buf_size - length) { - zip_bi_buf |= (value << zip_bi_valid); - zip_put_short(zip_bi_buf); - zip_bi_buf = (value >> (zip_Buf_size - zip_bi_valid)); - zip_bi_valid += length - zip_Buf_size; - } else { - zip_bi_buf |= value << zip_bi_valid; - zip_bi_valid += length; - } -} - -/* ========================================================================== - * Reverse the first len bits of a code, using straightforward code (a faster - * method would use a table) - * IN assertion: 1 <= len <= 15 - */ -var zip_bi_reverse = function( - code, // the value to invert - len) { // its bit length - var res = 0; - do { - res |= code & 1; - code >>= 1; - res <<= 1; - } while(--len > 0); - return res >> 1; -} - -/* ========================================================================== - * Write out any remaining bits in an incomplete byte. - */ -var zip_bi_windup = function() { - if(zip_bi_valid > 8) { - zip_put_short(zip_bi_buf); - } else if(zip_bi_valid > 0) { - zip_put_byte(zip_bi_buf); - } - zip_bi_buf = 0; - zip_bi_valid = 0; -} - -var zip_qoutbuf = function() { - if(zip_outcnt != 0) { - var q, i; - q = zip_new_queue(); - if(zip_qhead == null) - zip_qhead = zip_qtail = q; - else - zip_qtail = zip_qtail.next = q; - q.len = zip_outcnt - zip_outoff; -// System.arraycopy(zip_outbuf, zip_outoff, q.ptr, 0, q.len); - for(i = 0; i < q.len; i++) - q.ptr[i] = zip_outbuf[zip_outoff + i]; - zip_outcnt = zip_outoff = 0; - } -} - -var zip_deflate = function(str, level) { - var i, j; - - zip_deflate_data = str; - zip_deflate_pos = 0; - if(typeof level == "undefined") - level = zip_DEFAULT_LEVEL; - zip_deflate_start(level); - - var buff = new Array(1024); - var aout = []; - while((i = zip_deflate_internal(buff, 0, buff.length)) > 0) { - var cbuf = new Array(i); - for(j = 0; j < i; j++){ - cbuf[j] = String.fromCharCode(buff[j]); - } - aout[aout.length] = cbuf.join(""); - } - zip_deflate_data = null; // G.C. - return aout.join(""); -} - -// -// end of the script of Masanao Izumo. -// - -// we add the compression method for JSZip -if(!JSZip.compressions["DEFLATE"]) { - JSZip.compressions["DEFLATE"] = { - magic : "\x08\x00", - compress : zip_deflate - } -} else { - JSZip.compressions["DEFLATE"].compress = zip_deflate; -} - -})(); \ No newline at end of file diff --git a/docs/assets/js/jszip.js b/docs/assets/js/jszip.js deleted file mode 100644 index 730894c0b..000000000 --- a/docs/assets/js/jszip.js +++ /dev/null @@ -1,735 +0,0 @@ -/** - -JSZip - A Javascript class for generating and reading zip files - - -(c) 2009-2012 Stuart Knightley -Dual licenced under the MIT license or GPLv3. See LICENSE.markdown. - -Usage: - zip = new JSZip(); - zip.file("hello.txt", "Hello, World!").add("tempfile", "nothing"); - zip.folder("images").file("smile.gif", base64Data, {base64: true}); - zip.file("Xmas.txt", "Ho ho ho !", {date : new Date("December 25, 2007 00:00:01")}); - zip.remove("tempfile"); - - base64zip = zip.generate(); - -**/ - -/** - * Representation a of zip file in js - * @constructor - * @param {String=} data the data to load, if any (optional). - * @param {Object=} options the options for creating this objects (optional). - */ -var JSZip = function(data, options) { - // object containing the files : - // { - // "folder/" : {...}, - // "folder/data.txt" : {...} - // } - this.files = {}; - - // Where we are in the hierarchy - this.root = ""; - - if(data) { - this.load(data, options); - } -}; - -JSZip.signature = { - LOCAL_FILE_HEADER : "\x50\x4b\x03\x04", - CENTRAL_FILE_HEADER : "\x50\x4b\x01\x02", - CENTRAL_DIRECTORY_END : "\x50\x4b\x05\x06", - ZIP64_CENTRAL_DIRECTORY_LOCATOR : "\x50\x4b\x06\x07", - ZIP64_CENTRAL_DIRECTORY_END : "\x50\x4b\x06\x06", - DATA_DESCRIPTOR : "\x50\x4b\x07\x08" -}; - -// Default properties for a new file -JSZip.defaults = { - base64: false, - binary: false, - dir: false, - date: null -}; - - -JSZip.prototype = (function () -{ - /** - * A simple object representing a file in the zip file. - * @constructor - * @param {string} name the name of the file - * @param {string} data the data - * @param {Object} options the options of the file - */ - var ZipObject = function (name, data, options) { - this.name = name; - this.data = data; - this.options = options; - }; - - ZipObject.prototype = { - /** - * Return the content as UTF8 string. - * @return {string} the UTF8 string. - */ - asText : function () - { - return this.options.binary ? JSZip.prototype.utf8decode(this.data) : this.data; - }, - /** - * Returns the binary content. - * @return {string} the content as binary. - */ - asBinary : function () - { - return this.options.binary ? this.data : JSZip.prototype.utf8encode(this.data); - } - }; - - /** - * Transform an integer into a string in hexadecimal. - * @private - * @param {number} dec the number to convert. - * @param {number} bytes the number of bytes to generate. - * @returns {string} the result. - */ - var decToHex = function(dec, bytes) { - var hex = "", i; - for(i = 0; i < bytes; i++) - { - hex += String.fromCharCode(dec&0xff); - dec=dec>>>8; - } - return hex; - }; - - /** - * Merge the objects passed as parameters into a new one. - * @private - * @param {...Object} var_args All objects to merge. - * @return {Object} a new object with the data of the others. - */ - var extend = function () { - var result = {}, i, attr; - for (i = 0; i < arguments.length; i++) // arguments is not enumerable in some browsers - { - for (attr in arguments[i]) - { - if(typeof result[attr] === "undefined") - { - result[attr] = arguments[i][attr]; - } - } - } - return result; - }; - - /** - * Transforms the (incomplete) options from the user into the complete - * set of options to create a file. - * @private - * @param {Object} o the options from the user. - * @return {Object} the complete set of options. - */ - var prepareFileAttrs = function (o) { - o = o || {}; - if (o.base64 === true && o.binary == null) { - o.binary = true; - } - o = extend(o, JSZip.defaults); - o.date = o.date || new Date(); - - return o; - }; - - /** - * Add a file in the current folder. - * @private - * @param {string} name the name of the file - * @param {string} data the data of the file - * @param {Object} o the options of the file - * @return {Object} the new file. - */ - var fileAdd = function (name, data, o) { - // be sure sub folders exist - var parent = parentFolder(name); - if (parent) { - folderAdd.call(this, parent); - } - - o = prepareFileAttrs(o); - - return this.files[name] = {name: name, data: data, options:o}; - }; - - - /** - * Find the parent folder of the path. - * @private - * @param {string} path the path to use - * @return {string} the parent folder, or "" - */ - var parentFolder = function (path) { - if (path.slice(-1) == '/') - { - path = path.substring(0, path.length - 1); - } - var lastSlash = path.lastIndexOf('/'); - return (lastSlash > 0) ? path.substring(0, lastSlash) : ""; - }; - - /** - * Add a (sub) folder in the current folder. - * @private - * @param {string} name the folder's name - * @return {Object} the new folder. - */ - var folderAdd = function (name) { - // Check the name ends with a / - if (name.slice(-1) != "/") { - name += "/"; // IE doesn't like substr(-1) - } - - // Does this folder already exist? - if (!this.files[name]) - { - // be sure sub folders exist - var parent = parentFolder(name); - if (parent) { - folderAdd.call(this, parent); - } - - fileAdd.call(this, name, '', {dir:true}); - } - return this.files[name]; - }; - - /** - * Generate the data found in the local header of a zip file. - * Do not create it now, as some parts are re-used later. - * @private - * @param {Object} file the file to use. - * @param {string} utfEncodedFileName the file name, utf8 encoded. - * @param {string} compressionType the compression to use. - * @return {Object} an object containing header and compressedData. - */ - var prepareLocalHeaderData = function(file, utfEncodedFileName, compressionType) { - var useUTF8 = utfEncodedFileName !== file.name, - data = file.data, - o = file.options, - dosTime, - dosDate; - - // date - // @see http://www.delorie.com/djgpp/doc/rbinter/it/52/13.html - // @see http://www.delorie.com/djgpp/doc/rbinter/it/65/16.html - // @see http://www.delorie.com/djgpp/doc/rbinter/it/66/16.html - - dosTime = o.date.getHours(); - dosTime = dosTime << 6; - dosTime = dosTime | o.date.getMinutes(); - dosTime = dosTime << 5; - dosTime = dosTime | o.date.getSeconds() / 2; - - dosDate = o.date.getFullYear() - 1980; - dosDate = dosDate << 4; - dosDate = dosDate | (o.date.getMonth() + 1); - dosDate = dosDate << 5; - dosDate = dosDate | o.date.getDate(); - - if (o.base64 === true) { - data = JSZipBase64.decode(data); - } - // decode UTF-8 strings if we are dealing with text data - if(o.binary === false) { - data = this.utf8encode(data); - } - - - var compression = JSZip.compressions[compressionType]; - var compressedData = compression.compress(data); - - var header = ""; - - // version needed to extract - header += "\x0A\x00"; - // general purpose bit flag - // set bit 11 if utf8 - header += useUTF8 ? "\x00\x08" : "\x00\x00"; - // compression method - header += compression.magic; - // last mod file time - header += decToHex(dosTime, 2); - // last mod file date - header += decToHex(dosDate, 2); - // crc-32 - header += decToHex(this.crc32(data), 4); - // compressed size - header += decToHex(compressedData.length, 4); - // uncompressed size - header += decToHex(data.length, 4); - // file name length - header += decToHex(utfEncodedFileName.length, 2); - // extra field length - header += "\x00\x00"; - - return { - header:header, - compressedData:compressedData - }; - }; - - - // return the actual prototype of JSZip - return { - /** - * Read an existing zip and merge the data in the current JSZip object. - * The implementation is in jszip-load.js, don't forget to include it. - * @param {string} stream The stream to load - * @param {Object} options Options for loading the stream. - * options.base64 : is the stream in base64 ? default : false - * @return {JSZip} the current JSZip object - */ - load : function (stream, options) - { - throw new Error("Load method is not defined. Is the file jszip-load.js included ?"); - }, - - /** - * Filter nested files/folders with the specified function. - * @param {Function} search the predicate to use : - * function (relativePath, file) {...} - * It takes 2 arguments : the relative path and the file. - * @return {Array} An array of matching elements. - */ - filter : function (search) - { - var result = [], filename, relativePath, file, fileClone; - for (filename in this.files) - { - file = this.files[filename]; - // return a new object, don't let the user mess with our internal objects :) - fileClone = new ZipObject(file.name, file.data, extend(file.options)); - relativePath = filename.slice(this.root.length, filename.length); - if (filename.slice(0, this.root.length) === this.root && // the file is in the current root - search(relativePath, fileClone)) // and the file matches the function - { - result.push(fileClone); - } - } - return result; - }, - - /** - * Add a file to the zip file, or search a file. - * @param {string|RegExp} name The name of the file to add (if data is defined), - * the name of the file to find (if no data) or a regex to match files. - * @param {string} data The file data, either raw or base64 encoded - * @param {Object} o File options - * @return {JSZip|Object|Array} this JSZip object (when adding a file), - * a file (when searching by string) or an array of files (when searching by regex). - */ - file : function(name, data, o) - { - if (arguments.length === 1) - { - if (name instanceof RegExp) - { - var regexp = name; - return this.filter(function(relativePath, file) { - return !file.options.dir && regexp.test(relativePath); - }); - } - else // text - { - return this.filter(function (relativePath, file) { - return !file.options.dir && relativePath === name; - })[0]||null; - } - } - else // more than one argument : we have data ! - { - name = this.root+name; - fileAdd.call(this, name, data, o); - } - return this; - }, - - /** - * Add a directory to the zip file, or search. - * @param {String|RegExp} arg The name of the directory to add, or a regex to search folders. - * @return {JSZip} an object with the new directory as the root, or an array containing matching folders. - */ - folder : function(arg) - { - if (!arg) - { - throw new Error("folder : wrong argument"); - } - - if (arg instanceof RegExp) - { - return this.filter(function(relativePath, file) { - return file.options.dir && arg.test(relativePath); - }); - } - - // else, name is a new folder - var name = this.root + arg; - var newFolder = folderAdd.call(this, name); - - // Allow chaining by returning a new object with this folder as the root - var ret = this.clone(); - ret.root = newFolder.name; - return ret; - }, - - /** - * Delete a file, or a directory and all sub-files, from the zip - * @param {string} name the name of the file to delete - * @return {JSZip} this JSZip object - */ - remove : function(name) - { - name = this.root + name; - var file = this.files[name]; - if (!file) - { - // Look for any folders - if (name.slice(-1) != "/") { - name += "/"; - } - file = this.files[name]; - } - - if (file) - { - if (!file.options.dir) - { - // file - delete this.files[name]; - } - else - { - // folder - var kids = this.filter(function (relativePath, file) { - return file.name.slice(0, name.length) === name; - }); - for (var i = 0; i < kids.length; i++) - { - delete this.files[kids[i].name]; - } - } - } - - return this; - }, - - /** - * Generate the complete zip file - * @param {Object} options the options to generate the zip file : - * - base64, true to generate base64. - * - compression, "STORE" by default. - * @return {string} the zip file - */ - generate : function(options) - { - options = extend(options || {}, { - base64 : true, - compression : "STORE" - }); - var compression = options.compression.toUpperCase(); - - // The central directory, and files data - var directory = [], files = [], fileOffset = 0; - - if (!JSZip.compressions[compression]) { - throw compression + " is not a valid compression method !"; - } - - for (var name in this.files) - { - if( !this.files.hasOwnProperty(name) ) { continue; } - - var file = this.files[name]; - - var utfEncodedFileName = this.utf8encode(file.name); - - var fileRecord = "", - dirRecord = "", - data = prepareLocalHeaderData.call(this, file, utfEncodedFileName, compression); - fileRecord = JSZip.signature.LOCAL_FILE_HEADER + data.header + utfEncodedFileName + data.compressedData; - - dirRecord = JSZip.signature.CENTRAL_FILE_HEADER + - // version made by (00: DOS) - "\x14\x00" + - // file header (common to file and central directory) - data.header + - // file comment length - "\x00\x00" + - // disk number start - "\x00\x00" + - // internal file attributes TODO - "\x00\x00" + - // external file attributes - (this.files[name].dir===true?"\x10\x00\x00\x00":"\x00\x00\x00\x00")+ - // relative offset of local header - decToHex(fileOffset, 4) + - // file name - utfEncodedFileName; - - fileOffset += fileRecord.length; - - files.push(fileRecord); - directory.push(dirRecord); - } - - var fileData = files.join(""); - var dirData = directory.join(""); - - var dirEnd = ""; - - // end of central dir signature - dirEnd = JSZip.signature.CENTRAL_DIRECTORY_END + - // number of this disk - "\x00\x00" + - // number of the disk with the start of the central directory - "\x00\x00" + - // total number of entries in the central directory on this disk - decToHex(files.length, 2) + - // total number of entries in the central directory - decToHex(files.length, 2) + - // size of the central directory 4 bytes - decToHex(dirData.length, 4) + - // offset of start of central directory with respect to the starting disk number - decToHex(fileData.length, 4) + - // .ZIP file comment length - "\x00\x00"; - - var zip = fileData + dirData + dirEnd; - return (options.base64) ? JSZipBase64.encode(zip) : zip; - }, - - /** - * - * Javascript crc32 - * http://www.webtoolkit.info/ - * - */ - crc32 : function(str, crc) - { - - if (str === "" || typeof str === "undefined") { - return 0; - } - - var table = "00000000 77073096 EE0E612C 990951BA 076DC419 706AF48F E963A535 9E6495A3 0EDB8832 79DCB8A4 E0D5E91E 97D2D988 09B64C2B 7EB17CBD E7B82D07 90BF1D91 1DB71064 6AB020F2 F3B97148 84BE41DE 1ADAD47D 6DDDE4EB F4D4B551 83D385C7 136C9856 646BA8C0 FD62F97A 8A65C9EC 14015C4F 63066CD9 FA0F3D63 8D080DF5 3B6E20C8 4C69105E D56041E4 A2677172 3C03E4D1 4B04D447 D20D85FD A50AB56B 35B5A8FA 42B2986C DBBBC9D6 ACBCF940 32D86CE3 45DF5C75 DCD60DCF ABD13D59 26D930AC 51DE003A C8D75180 BFD06116 21B4F4B5 56B3C423 CFBA9599 B8BDA50F 2802B89E 5F058808 C60CD9B2 B10BE924 2F6F7C87 58684C11 C1611DAB B6662D3D 76DC4190 01DB7106 98D220BC EFD5102A 71B18589 06B6B51F 9FBFE4A5 E8B8D433 7807C9A2 0F00F934 9609A88E E10E9818 7F6A0DBB 086D3D2D 91646C97 E6635C01 6B6B51F4 1C6C6162 856530D8 F262004E 6C0695ED 1B01A57B 8208F4C1 F50FC457 65B0D9C6 12B7E950 8BBEB8EA FCB9887C 62DD1DDF 15DA2D49 8CD37CF3 FBD44C65 4DB26158 3AB551CE A3BC0074 D4BB30E2 4ADFA541 3DD895D7 A4D1C46D D3D6F4FB 4369E96A 346ED9FC AD678846 DA60B8D0 44042D73 33031DE5 AA0A4C5F DD0D7CC9 5005713C 270241AA BE0B1010 C90C2086 5768B525 206F85B3 B966D409 CE61E49F 5EDEF90E 29D9C998 B0D09822 C7D7A8B4 59B33D17 2EB40D81 B7BD5C3B C0BA6CAD EDB88320 9ABFB3B6 03B6E20C 74B1D29A EAD54739 9DD277AF 04DB2615 73DC1683 E3630B12 94643B84 0D6D6A3E 7A6A5AA8 E40ECF0B 9309FF9D 0A00AE27 7D079EB1 F00F9344 8708A3D2 1E01F268 6906C2FE F762575D 806567CB 196C3671 6E6B06E7 FED41B76 89D32BE0 10DA7A5A 67DD4ACC F9B9DF6F 8EBEEFF9 17B7BE43 60B08ED5 D6D6A3E8 A1D1937E 38D8C2C4 4FDFF252 D1BB67F1 A6BC5767 3FB506DD 48B2364B D80D2BDA AF0A1B4C 36034AF6 41047A60 DF60EFC3 A867DF55 316E8EEF 4669BE79 CB61B38C BC66831A 256FD2A0 5268E236 CC0C7795 BB0B4703 220216B9 5505262F C5BA3BBE B2BD0B28 2BB45A92 5CB36A04 C2D7FFA7 B5D0CF31 2CD99E8B 5BDEAE1D 9B64C2B0 EC63F226 756AA39C 026D930A 9C0906A9 EB0E363F 72076785 05005713 95BF4A82 E2B87A14 7BB12BAE 0CB61B38 92D28E9B E5D5BE0D 7CDCEFB7 0BDBDF21 86D3D2D4 F1D4E242 68DDB3F8 1FDA836E 81BE16CD F6B9265B 6FB077E1 18B74777 88085AE6 FF0F6A70 66063BCA 11010B5C 8F659EFF F862AE69 616BFFD3 166CCF45 A00AE278 D70DD2EE 4E048354 3903B3C2 A7672661 D06016F7 4969474D 3E6E77DB AED16A4A D9D65ADC 40DF0B66 37D83BF0 A9BCAE53 DEBB9EC5 47B2CF7F 30B5FFE9 BDBDF21C CABAC28A 53B39330 24B4A3A6 BAD03605 CDD70693 54DE5729 23D967BF B3667A2E C4614AB8 5D681B02 2A6F2B94 B40BBE37 C30C8EA1 5A05DF1B 2D02EF8D"; - - if (typeof(crc) == "undefined") { crc = 0; } - var x = 0; - var y = 0; - - crc = crc ^ (-1); - for( var i = 0, iTop = str.length; i < iTop; i++ ) { - y = ( crc ^ str.charCodeAt( i ) ) & 0xFF; - x = "0x" + table.substr( y * 9, 8 ); - crc = ( crc >>> 8 ) ^ x; - } - - return crc ^ (-1); - - }, - - // Inspired by http://my.opera.com/GreyWyvern/blog/show.dml/1725165 - clone : function() - { - var newObj = new JSZip(); - for (var i in this) - { - if (typeof this[i] !== "function") - { - newObj[i] = this[i]; - } - } - return newObj; - }, - - - /** - * http://www.webtoolkit.info/javascript-utf8.html - */ - utf8encode : function (string) { - string = string.replace(/\r\n/g,"\n"); - var utftext = ""; - - for (var n = 0; n < string.length; n++) { - - var c = string.charCodeAt(n); - - if (c < 128) { - utftext += String.fromCharCode(c); - } - else if((c > 127) && (c < 2048)) { - utftext += String.fromCharCode((c >> 6) | 192); - utftext += String.fromCharCode((c & 63) | 128); - } - else { - utftext += String.fromCharCode((c >> 12) | 224); - utftext += String.fromCharCode(((c >> 6) & 63) | 128); - utftext += String.fromCharCode((c & 63) | 128); - } - - } - - return utftext; - }, - - /** - * http://www.webtoolkit.info/javascript-utf8.html - */ - utf8decode : function (utftext) { - var string = ""; - var i = 0; - var c = 0, c1 = 0, c2 = 0, c3 = 0; - - while ( i < utftext.length ) { - - c = utftext.charCodeAt(i); - - if (c < 128) { - string += String.fromCharCode(c); - i++; - } - else if((c > 191) && (c < 224)) { - c2 = utftext.charCodeAt(i+1); - string += String.fromCharCode(((c & 31) << 6) | (c2 & 63)); - i += 2; - } - else { - c2 = utftext.charCodeAt(i+1); - c3 = utftext.charCodeAt(i+2); - string += String.fromCharCode(((c & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63)); - i += 3; - } - - } - - return string; - } - }; -}()); - -/* - * Compression methods - * This object is filled in as follow : - * name : { - * magic // the 2 bytes indentifying the compression method - * compress // function, take the uncompressed content and return it compressed. - * uncompress // function, take the compressed content and return it uncompressed. - * } - * - * STORE is the default compression method, so it's included in this file. - * Other methods should go to separated files : the user wants modularity. - */ -JSZip.compressions = { - "STORE" : { - magic : "\x00\x00", - compress : function (content) - { - return content; // no compression - }, - uncompress : function (content) - { - return content; // no compression - } - } -}; - -/** - * - * Base64 encode / decode - * http://www.webtoolkit.info/ - * - * Hacked so that it doesn't utf8 en/decode everything - **/ -var JSZipBase64 = (function() { - // private property - var _keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="; - - return { - // public method for encoding - encode : function(input, utf8) { - var output = ""; - var chr1, chr2, chr3, enc1, enc2, enc3, enc4; - var i = 0; - - while (i < input.length) { - - chr1 = input.charCodeAt(i++); - chr2 = input.charCodeAt(i++); - chr3 = input.charCodeAt(i++); - - enc1 = chr1 >> 2; - enc2 = ((chr1 & 3) << 4) | (chr2 >> 4); - enc3 = ((chr2 & 15) << 2) | (chr3 >> 6); - enc4 = chr3 & 63; - - if (isNaN(chr2)) { - enc3 = enc4 = 64; - } else if (isNaN(chr3)) { - enc4 = 64; - } - - output = output + - _keyStr.charAt(enc1) + _keyStr.charAt(enc2) + - _keyStr.charAt(enc3) + _keyStr.charAt(enc4); - - } - - return output; - }, - - // public method for decoding - decode : function(input, utf8) { - var output = ""; - var chr1, chr2, chr3; - var enc1, enc2, enc3, enc4; - var i = 0; - - input = input.replace(/[^A-Za-z0-9\+\/\=]/g, ""); - - while (i < input.length) { - - enc1 = _keyStr.indexOf(input.charAt(i++)); - enc2 = _keyStr.indexOf(input.charAt(i++)); - enc3 = _keyStr.indexOf(input.charAt(i++)); - enc4 = _keyStr.indexOf(input.charAt(i++)); - - chr1 = (enc1 << 2) | (enc2 >> 4); - chr2 = ((enc2 & 15) << 4) | (enc3 >> 2); - chr3 = ((enc3 & 3) << 6) | enc4; - - output = output + String.fromCharCode(chr1); - - if (enc3 != 64) { - output = output + String.fromCharCode(chr2); - } - if (enc4 != 64) { - output = output + String.fromCharCode(chr3); - } - - } - - return output; - - } - }; -}()); - -// enforcing Stuk's coding style -// vim: set shiftwidth=3 softtabstop=3: \ No newline at end of file -- cgit v1.2.3 From bb9d867cf83d6a9aed27f390b844fc02ad13ebc4 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 21 May 2013 19:56:25 -0700 Subject: remove make gh-pages command --- Makefile | 12 ------------ 1 file changed, 12 deletions(-) diff --git a/Makefile b/Makefile index 6d79830a8..40f5a44f0 100644 --- a/Makefile +++ b/Makefile @@ -99,18 +99,6 @@ bootstrap/fonts/*: fonts/* cp fonts/* bootstrap/fonts/ -# -# MAKE FOR GH-PAGES 4 FAT & MDO ONLY (O_O ) -# - -gh-pages: bootstrap docs - rm -f docs/assets/bootstrap.zip - zip -r docs/assets/bootstrap.zip bootstrap - rm -r bootstrap - rm -f ../bootstrap-gh-pages/assets/bootstrap.zip - node docs/build production - cp -r docs/* ../bootstrap-gh-pages - # # WATCH LESS FILES # -- cgit v1.2.3 From e7b4fedee8f0e7590d0b8eff7aaae160bad0e483 Mon Sep 17 00:00:00 2001 From: fat Date: Wed, 22 May 2013 15:18:30 -0700 Subject: remove 3rd arg from $.each call --- docs/assets/js/bootstrap.js | 2 +- docs/assets/js/bootstrap.min.js | 2 +- js/tooltip.js | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/docs/assets/js/bootstrap.js b/docs/assets/js/bootstrap.js index a24db7b48..f19a123a4 100644 --- a/docs/assets/js/bootstrap.js +++ b/docs/assets/js/bootstrap.js @@ -1088,7 +1088,7 @@ this._options && $.each(this._options, function (key, value) { if (defaults[key] != value) options[key] = value - }, this) + }) var self = $(e.currentTarget)[this.type](options).data('bs.' + this.type) diff --git a/docs/assets/js/bootstrap.min.js b/docs/assets/js/bootstrap.min.js index cc334e4e5..11dee563b 100644 --- a/docs/assets/js/bootstrap.min.js +++ b/docs/assets/js/bootstrap.min.js @@ -3,4 +3,4 @@ * Copyright 2012 Twitter, Inc. * http://www.apache.org/licenses/LICENSE-2.0.txt */ -+function(e){"use strict";function t(){var e=document.createElement("bootstrap"),t={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var n in t)if(e.style[n]!==undefined)return{end:t[n]}}e(function(){e.support.transition=t()})}(window.jQuery),+function(e){"use strict";var t='[data-dismiss="alert"]',n=function(n){e(n).on("click",t,this.close)};n.prototype.close=function(t){function s(){i.trigger("closed.bs.alert").remove()}var n=e(this),r=n.attr("data-target");r||(r=n.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,""));var i=e(r);t&&t.preventDefault(),i.length||(i=n.hasClass("alert")?n:n.parent()),i.trigger(t=e.Event("close.bs.alert"));if(t.isDefaultPrevented())return;i.removeClass("in"),e.support.transition&&i.hasClass("fade")?i.on(e.support.transition.end,s):s()};var r=e.fn.alert;e.fn.alert=function(t){return this.each(function(){var r=e(this),i=r.data("bs.alert");i||r.data("bs.alert",i=new n(this)),typeof t=="string"&&i[t].call(r)})},e.fn.alert.Constructor=n,e.fn.alert.noConflict=function(){return e.fn.alert=r,this},e(document).on("click.bs.alert.data-api",t,n.prototype.close)}(window.jQuery),+function(e){"use strict";var t=function(n,r){this.$element=e(n),this.options=e.extend({},t.DEFAULTS,r)};t.DEFAULTS={loadingText:"loading..."},t.prototype.setState=function(e){var t="disabled",n=this.$element,r=n.is("input")?"val":"html",i=n.data();e+="Text",i.resetText||n.data("resetText",n[r]()),n[r](i[e]||this.options[e]),setTimeout(function(){e=="loadingText"?n.addClass(t).attr(t,t):n.removeClass(t).removeAttr(t)},0)},t.prototype.toggle=function(){var e=this.$element.closest('[data-toggle="buttons-radio"]');e&&e.find(".active").removeClass("active"),this.$element.toggleClass("active")};var n=e.fn.button;e.fn.button=function(n){return this.each(function(){var r=e(this),i=r.data("button"),s=typeof n=="object"&&n;i||r.data("bs.button",i=new t(this,s)),n=="toggle"?i.toggle():n&&i.setState(n)})},e.fn.button.Constructor=t,e.fn.button.noConflict=function(){return e.fn.button=n,this},e(document).on("click.bs.button.data-api","[data-toggle^=button]",function(t){var n=e(t.target);n.hasClass("btn")||(n=n.closest(".btn")),n.button("toggle")})}(window.jQuery),+function(e){"use strict";var t=function(t,n){this.$element=e(t),this.$indicators=this.$element.find(".carousel-indicators"),this.options=n,this.paused=this.sliding=this.interval=this.$active=this.$items=null,this.options.pause=="hover"&&this.$element.on("mouseenter",e.proxy(this.pause,this)).on("mouseleave",e.proxy(this.cycle,this))};t.DEFAULTS={interval:5e3,pause:"hover"},t.prototype.cycle=function(t){return t||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(e.proxy(this.next,this),this.options.interval)),this},t.prototype.getActiveIndex=function(){return this.$active=this.$element.find(".item.active"),this.$items=this.$active.parent().children(),this.$items.index(this.$active)},t.prototype.to=function(t){var n=this,r=this.getActiveIndex();if(t>this.$items.length-1||t<0)return;return this.sliding?this.$element.one("slid",function(){n.to(t)}):r==t?this.pause().cycle():this.slide(t>r?"next":"prev",e(this.$items[t]))},t.prototype.pause=function(t){return t||(this.paused=!0),this.$element.find(".next, .prev").length&&e.support.transition.end&&(this.$element.trigger(e.support.transition.end),this.cycle(!0)),this.interval=clearInterval(this.interval),this},t.prototype.next=function(){if(this.sliding)return;return this.slide("next")},t.prototype.prev=function(){if(this.sliding)return;return this.slide("prev")},t.prototype.slide=function(t,n){var r=this.$element.find(".item.active"),i=n||r[t](),s=this.interval,o=t=="next"?"left":"right",u=t=="next"?"first":"last",a=this;this.sliding=!0,s&&this.pause(),i=i.length?i:this.$element.find(".item")[u]();var f=e.Event("slide.bs.carousel",{relatedTarget:i[0],direction:o});if(i.hasClass("active"))return;this.$indicators.length&&(this.$indicators.find(".active").removeClass("active"),this.$element.one("slid",function(){var t=e(a.$indicators.children()[a.getActiveIndex()]);t&&t.addClass("active")}));if(e.support.transition&&this.$element.hasClass("slide")){this.$element.trigger(f);if(f.isDefaultPrevented())return;i.addClass(t),i[0].offsetWidth,r.addClass(o),i.addClass(o),this.$element.one(e.support.transition.end,function(){i.removeClass([t,o].join(" ")).addClass("active"),r.removeClass(["active",o].join(" ")),a.sliding=!1,setTimeout(function(){a.$element.trigger("slid")},0)})}else{this.$element.trigger(f);if(f.isDefaultPrevented())return;r.removeClass("active"),i.addClass("active"),this.sliding=!1,this.$element.trigger("slid")}return s&&this.cycle(),this};var n=e.fn.carousel;e.fn.carousel=function(n){return this.each(function(){var r=e(this),i=r.data("bs.carousel"),s=e.extend({},t.DEFAULTS,typeof n=="object"&&n),o=typeof n=="string"?n:s.slide;i||r.data("bs.carousel",i=new t(this,s)),typeof n=="number"?i.to(n):o?i[o]():s.interval&&i.pause().cycle()})},e.fn.carousel.Constructor=t,e.fn.carousel.noConflict=function(){return e.fn.carousel=n,this},e(document).on("click.carousel.data-api","[data-slide], [data-slide-to]",function(t){var n=e(this),r,i=e(n.attr("data-target")||(r=n.attr("href"))&&r.replace(/.*(?=#[^\s]+$)/,"")),s=e.extend({},i.data(),n.data()),o;i.carousel(s),(o=n.attr("data-slide-to"))&&i.data("bs-carousel").pause().to(o).cycle(),t.preventDefault()})}(window.jQuery),+function(e){"use strict";var t=function(n,r){this.$element=e(n),this.options=e.extend({},t.DEFAULTS,r),this.transitioning=null,this.options.parent&&(this.$parent=e(this.options.parent)),this.options.toggle&&this.toggle()};t.DEFAULTS={toggle:!0},t.prototype.dimension=function(){var e=this.$element.hasClass("width");return e?"width":"height"},t.prototype.show=function(){if(this.transitioning||this.$element.hasClass("in"))return;var t=this.dimension(),n=e.camelCase(["scroll",t].join("-")),r=this.$parent&&this.$parent.find("> .accordion-group > .in");if(r&&r.length){var i=r.data("collapse");if(i&&i.transitioning)return;r.collapse("hide"),i||r.data("collapse",null)}this.$element[t](0),this.transition("addClass",e.Event("show.bs.collapse"),"shown.bs.collapse"),e.support.transition&&this.$element[t](this.$element[0][n])},t.prototype.hide=function(){if(this.transitioning||!this.$element.hasClass("in"))return;var t=this.dimension();this.reset(this.$element[t]()),this.transition("removeClass",e.Event("hide.bs.collapse"),"hidden"),this.$element[t](0)},t.prototype.reset=function(e){var t=this.dimension();return this.$element.removeClass("collapse")[t](e||"auto")[0].offsetWidth,this.$element[e!==null?"addClass":"removeClass"]("collapse"),this},t.prototype.transition=function(t,n,r){var i=this,s=function(){n.type=="show"&&i.reset(),i.transitioning=0,i.$element.trigger(r)};this.$element.trigger(n);if(n.isDefaultPrevented())return;this.transitioning=1,this.$element[t]("in"),e.support.transition&&this.$element.hasClass("collapse")?this.$element.one(e.support.transition.end,s):s()},t.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()};var n=e.fn.collapse;e.fn.collapse=function(n){return this.each(function(){var r=e(this),i=r.data("collapse"),s=e.extend({},t.DEFAULTS,r.data(),typeof n=="object"&&n);i||r.data("collapse",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.collapse.Constructor=t,e.fn.collapse.noConflict=function(){return e.fn.collapse=n,this},e(document).on("click.collapse.data-api","[data-toggle=collapse]",function(t){var n=e(this),r,i=n.attr("data-target")||t.preventDefault()||(r=n.attr("href"))&&r.replace(/.*(?=#[^\s]+$)/,""),s=e(i).data("collapse")?"toggle":n.data();n[e(i).hasClass("in")?"addClass":"removeClass"]("collapsed"),e(i).collapse(s)})}(window.jQuery),+function(e){"use strict";function i(){e(t).remove(),e(n).each(function(){s(e(this)).removeClass("open")})}function s(t){var n=t.attr("data-target");n||(n=t.attr("href"),n=n&&/#/.test(n)&&n.replace(/.*(?=#[^\s]*$)/,""));var r=n&&e(n);return r&&r.length?r:t.parent()}var t=".dropdown-backdrop",n="[data-toggle=dropdown]",r=function(t){var n=e(t).on("click.dropdown.data-api",this.toggle);e("html").on("click.dropdown.data-api",function(){n.parent().removeClass("open")})};r.prototype.toggle=function(t){var n=e(this);if(n.is(".disabled, :disabled"))return;var r=s(n),o=r.hasClass("open");return i(),o||("ontouchstart"in document.documentElement&&e('
                ').insertBefore(e(this)).on("click",i),r.toggleClass("open")),n.focus(),!1},r.prototype.keydown=function(t){if(!/(38|40|27)/.test(t.keyCode))return;var r=e(this);t.preventDefault(),t.stopPropagation();if(r.is(".disabled, :disabled"))return;var i=s(r),o=i.hasClass("open");if(!o||o&&t.keyCode==27)return t.which==27&&i.find(n).focus(),r.click();var u=e("[role=menu] li:not(.divider):visible a",i);if(!u.length)return;var a=u.index(u.filter(":focus"));t.keyCode==38&&a>0&&a--,t.keyCode==40&&a').appendTo(document.body),this.$backdrop.click(this.options.backdrop=="static"?e.proxy(this.$element[0].focus,this.$element[0]):e.proxy(this.hide,this)),i&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in");if(!t)return;i?this.$backdrop.one(e.support.transition.end,t):t()}else!this.isShown&&this.$backdrop?(this.$backdrop.removeClass("in"),e.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one(e.support.transition.end,t):t()):t&&t()};var n=e.fn.modal;e.fn.modal=function(n){return this.each(function(){var r=e(this),i=r.data("bs.modal"),s=e.extend({},t.DEFAULTS,r.data(),typeof n=="object"&&n);i||r.data("bs.modal",i=new t(this,s)),typeof n=="string"?i[n]():s.show&&i.show()})},e.fn.modal.Constructor=t,e.fn.modal.noConflict=function(){return e.fn.modal=n,this},e(document).on("click.bs.modal.data-api",'[data-toggle="modal"]',function(t){var n=e(this),r=n.attr("href"),i=e(n.attr("data-target")||r&&r.replace(/.*(?=#[^\s]+$)/,"")),s=i.data("modal")?"toggle":e.extend({remote:!/#/.test(r)&&r},i.data(),n.data());t.preventDefault(),i.modal(s).one("hide",function(){n.focus()})});var r=e(document.body).on("bs.modal.shown",".modal",function(){r.addClass("modal-open")}).on("bs.modal.hidden",".modal",function(){r.removeClass("modal-open")})}(window.jQuery),+function(e){"use strict";var t=function(e,t){this.type=this.options=this.enabled=this.timeout=this.hoverState=this.$element=null,this.init("tooltip",e,t)};t.DEFAULTS={animation:!0,placement:"top",selector:!1,template:'
                ',trigger:"hover focus",title:"",delay:0,html:!1,container:!1},t.prototype.init=function(t,n,r){this.enabled=!0,this.type=t,this.$element=e(n),this.options=this.getOptions(r);var i=this.options.trigger.split(" ");for(var s=i.length;s--;){var o=i[s];if(o=="click")this.$element.on("click."+this.type,this.options.selector,e.proxy(this.toggle,this));else if(o!="manual"){var u=o=="hover"?"mouseenter":"focus",a=o=="hover"?"mouseleave":"blur";this.$element.on(u+"."+this.type,this.options.selector,e.proxy(this.enter,this)),this.$element.on(a+"."+this.type,this.options.selector,e.proxy(this.leave,this))}}this.options.selector?this._options=e.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},t.prototype.getDefaults=function(){return t.DEFAULTS},t.prototype.getOptions=function(t){return t=e.extend({},this.getDefaults(),this.$element.data(),t),t.delay&&typeof t.delay=="number"&&(t.delay={show:t.delay,hide:t.delay}),t},t.prototype.enter=function(t){var n=this.getDefaults(),r={};this._options&&e.each(this._options,function(e,t){n[e]!=t&&(r[e]=t)},this);var i=e(t.currentTarget)[this.type](r).data("bs."+this.type);if(!i.options.delay||!i.options.delay.show)return i.show();clearTimeout(this.timeout),i.hoverState="in",this.timeout=setTimeout(function(){i.hoverState=="in"&&i.show()},i.options.delay.show)},t.prototype.leave=function(t){var n=e(t.currentTarget)[this.type](this._options).data("bs."+this.type);this.timeout&&clearTimeout(this.timeout);if(!n.options.delay||!n.options.delay.hide)return n.hide();n.hoverState="out",this.timeout=setTimeout(function(){n.hoverState=="out"&&n.hide()},n.options.delay.hide)},t.prototype.show=function(){var t=e.Event("show.bs."+this.type);if(this.hasContent()&&this.enabled){this.$element.trigger(t);if(t.isDefaultPrevented())return;var n=this.tip();this.setContent(),this.options.animation&&n.addClass("fade");var r=typeof this.options.placement=="function"?this.options.placement.call(this,n[0],this.$element[0]):this.options.placement;n.detach().css({top:0,left:0,display:"block"}),this.options.container?n.appendTo(this.options.container):n.insertAfter(this.$element);var i,s=this.getPosition(),o=n[0].offsetWidth,u=n[0].offsetHeight;switch(r){case"bottom":i={top:s.top+s.height,left:s.left+s.width/2-o/2};break;case"top":i={top:s.top-u,left:s.left+s.width/2-o/2};break;case"left":i={top:s.top+s.height/2-u/2,left:s.left-o};break;case"right":i={top:s.top+s.height/2-u/2,left:s.left+s.width}}this.applyPlacement(i,r),this.$element.trigger("shown.bs."+this.type)}},t.prototype.applyPlacement=function(e,t){var n,r=this.tip(),i=r[0].offsetWidth,s=r[0].offsetHeight;r.offset(e).addClass(t).addClass("in");var o=r[0].offsetWidth,u=r[0].offsetHeight;t=="top"&&u!=s&&(n=!0,e.top=e.top+s-u);if(t=="bottom"||t=="top"){var a=0;e.left<0&&(a=e.left*-2,e.left=0,r.offset(e),o=r[0].offsetWidth,u=r[0].offsetHeight),this.replaceArrow(a-i+o,o,"left")}else this.replaceArrow(u-s,u,"top");n&&r.offset(e)},t.prototype.replaceArrow=function(e,t,n){this.arrow().css(n,e?50*(1-e/t)+"%":"")},t.prototype.setContent=function(){var e=this.tip(),t=this.getTitle();e.find(".tooltip-inner")[this.options.html?"html":"text"](t),e.removeClass("fade in top bottom left right")},t.prototype.hide=function(){function i(){var t=setTimeout(function(){n.off(e.support.transition.end).detach()},500);n.one(e.support.transition.end,function(){clearTimeout(t),n.detach()})}var t=this,n=this.tip(),r=e.Event("hide.bs."+this.type);this.$element.trigger(r);if(r.isDefaultPrevented())return;return n.removeClass("in"),e.support.transition&&this.$tip.hasClass("fade")?i():n.detach(),this.$element.trigger("hidden.bs."+this.type),this},t.prototype.fixTitle=function(){var e=this.$element;(e.attr("title")||typeof e.attr("data-original-title")!="string")&&e.attr("data-original-title",e.attr("title")||"").attr("title","")},t.prototype.hasContent=function(){return this.getTitle()},t.prototype.getPosition=function(){var t=this.$element[0];return e.extend({},typeof t.getBoundingClientRect=="function"?t.getBoundingClientRect():{width:t.offsetWidth,height:t.offsetHeight},this.$element.offset())},t.prototype.getTitle=function(){var e,t=this.$element,n=this.options;return e=t.attr("data-original-title")||(typeof n.title=="function"?n.title.call(t[0]):n.title),e},t.prototype.tip=function(){return this.$tip=this.$tip||e(this.options.template)},t.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".tooltip-arrow")},t.prototype.validate=function(){this.$element[0].parentNode||(this.hide(),this.$element=null,this.options=null)},t.prototype.enable=function(){this.enabled=!0},t.prototype.disable=function(){this.enabled=!1},t.prototype.toggleEnabled=function(){this.enabled=!this.enabled},t.prototype.toggle=function(t){var n=t?e(t.currentTarget)[this.type](this._options).data("bs."+this.type):this;n.tip().hasClass("in")?n.hide():n.show()},t.prototype.destroy=function(){this.hide().$element.off("."+this.type).removeData("bs."+this.type)};var n=e.fn.tooltip;e.fn.tooltip=function(n){return this.each(function(){var r=e(this),i=r.data("bs.tooltip"),s=typeof n=="object"&&n;i||r.data("bs.tooltip",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.tooltip.Constructor=t,e.fn.tooltip.noConflict=function(){return e.fn.tooltip=n,this}}(window.jQuery),+function(e){"use strict";var t=function(e,t){this.init("popover",e,t)};t.DEFAULTS=e.extend({},e.fn.tooltip.Constructor.DEFAULTS,{placement:"right",trigger:"click",content:"",template:'

                '}),t.prototype=e.extend({},e.fn.tooltip.Constructor.prototype),t.prototype.constructor=t,t.prototype.getDefaults=function(){return t.DEFAULTS},t.prototype.setContent=function(){var e=this.tip(),t=this.getTitle(),n=this.getContent();e.find(".popover-title")[this.options.html?"html":"text"](t),e.find(".popover-content")[this.options.html?"html":"text"](n),e.removeClass("fade top bottom left right in")},t.prototype.hasContent=function(){return this.getTitle()||this.getContent()},t.prototype.getContent=function(){var e=typeof this.options.content=="function"?this.options.content.call(this.$element[0]):this.options.content;return e||this.$element.attr("data-content")},t.prototype.tip=function(){return this.$tip||(this.$tip=e(this.options.template)),this.$tip},t.prototype.destroy=function(){this.hide().$element.off("."+this.type).removeData(this.type)};var n=e.fn.popover;e.fn.popover=function(n){return this.each(function(){var r=e(this),i=r.data("bs.popover"),s=typeof n=="object"&&n;i||r.data("bs.popover",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.popover.Constructor=t,e.fn.popover.noConflict=function(){return e.fn.popover=n,this}}(window.jQuery),+function(e){"use strict";function t(n,r){var i,s=e.proxy(this.process,this),o=e(n).is("body")?e(window):e(n);this.$body=e("body"),this.$scrollElement=o.on("scroll.scroll-spy.data-api",s),this.options=e.extend({},t.DEFAULTS,r),this.selector=(this.options.target||(i=e(n).attr("href"))&&i.replace(/.*(?=#[^\s]+$)/,"")||"")+" .nav li > a",this.offsets=e([]),this.targets=e([]),this.activeTarget=null,this.refresh(),this.process()}t.DEFAULTS={offset:10},t.prototype.refresh=function(){this.offsets=e([]),this.targets=e([]);var t=this,n=this.$body.find(this.selector).map(function(){var n=e(this),r=n.data("target")||n.attr("href"),i=/^#\w/.test(r)&&e(r);return i&&i.length&&[[i.position().top+(!e.isWindow(t.$scrollElement.get(0))&&t.$scrollElement.scrollTop()),r]]||null}).sort(function(e,t){return e[0]-t[0]}).each(function(){t.offsets.push(this[0]),t.targets.push(this[1])})},t.prototype.process=function(){var e=this.$scrollElement.scrollTop()+this.options.offset,t=this.$scrollElement[0].scrollHeight||this.$body[0].scrollHeight,n=t-this.$scrollElement.height(),r=this.offsets,i=this.targets,s=this.activeTarget,o;if(e>=n)return s!=(o=i.last()[0])&&this.activate(o);for(o=r.length;o--;)s!=i[o]&&e>=r[o]&&(!r[o+1]||e<=r[o+1])&&this.activate(i[o])},t.prototype.activate=function(t){this.activeTarget=t,e(this.selector).parents(".active").removeClass("active");var n=this.selector+'[data-target="'+t+'"],'+this.selector+'[href="'+t+'"]',r=e(n).parents("li").addClass("active");r.parent(".dropdown-menu").length&&(r=r.closest("li.dropdown").addClass("active")),r.trigger("activate")};var n=e.fn.scrollspy;e.fn.scrollspy=function(n){return this.each(function(){var r=e(this),i=r.data("bs.scrollspy"),s=typeof n=="object"&&n;i||r.data("bs.scrollspy",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.scrollspy.Constructor=t,e.fn.scrollspy.noConflict=function(){return e.fn.scrollspy=n,this},e(window).on("load",function(){e('[data-spy="scroll"]').each(function(){var t=e(this);t.scrollspy(t.data())})})}(window.jQuery),+function(e){"use strict";var t=function(t){this.element=e(t)};t.prototype.show=function(){var t=this.element,n=t.closest("ul:not(.dropdown-menu)"),r=t.attr("data-target");r||(r=t.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,""));if(t.parent("li").hasClass("active"))return;var i=n.find(".active:last a")[0],s=e.Event("show.bs.tab",{relatedTarget:i});t.trigger(s);if(s.isDefaultPrevented())return;var o=e(r);this.activate(t.parent("li"),n),this.activate(o,o.parent(),function(){t.trigger({type:"shown.bs.tab",relatedTarget:i})})},t.prototype.activate=function(t,n,r){function o(){i.removeClass("active").find("> .dropdown-menu > .active").removeClass("active"),t.addClass("active"),s?(t[0].offsetWidth,t.addClass("in")):t.removeClass("fade"),t.parent(".dropdown-menu")&&t.closest("li.dropdown").addClass("active"),r&&r()}var i=n.find("> .active"),s=r&&e.support.transition&&i.hasClass("fade");s?i.one(e.support.transition.end,o):o(),i.removeClass("in")};var n=e.fn.tab;e.fn.tab=function(n){return this.each(function(){var r=e(this),i=r.data("bs.tab");i||r.data("bs.tab",i=new t(this)),typeof n=="string"&&i[n]()})},e.fn.tab.Constructor=t,e.fn.tab.noConflict=function(){return e.fn.tab=n,this},e(document).on("click.bs.tab.data-api",'[data-toggle="tab"], [data-toggle="pill"]',function(t){t.preventDefault(),e(this).tab("show")})}(window.jQuery),+function(e){"use strict";var t=function(n,r){this.options=e.extend({},t.DEFAULTS,r),this.$window=e(window).on("scroll.bs.affix.data-api",e.proxy(this.checkPosition,this)).on("click.bs.affix.data-api",e.proxy(this.checkPositionWithEventLoop,this)),this.$element=e(n),this.affixed=this.unpin=null,this.checkPosition()};t.DEFAULTS={offset:0},t.prototype.checkPositionWithEventLoop=function(){setTimeout(e.proxy(this.checkPosition,this),1)},t.prototype.checkPosition=function(){if(!this.$element.is(":visible"))return;var t=e(document).height(),n=this.$window.scrollTop(),r=this.$element.offset(),i=this.options.offset,s=i.top,o=i.bottom,u="affix affix-top affix-bottom";typeof i!="object"&&(o=s=i),typeof s=="function"&&(s=i.top()),typeof o=="function"&&(o=i.bottom());var a=this.unpin!=null&&n+this.unpin<=r.top?!1:o!=null&&r.top+this.$element.height()>=t-o?"bottom":s!=null&&n<=s?"top":!1;if(this.affixed===a)return;this.affixed=a,this.unpin=a=="bottom"?r.top-n:null,this.$element.removeClass(u).addClass("affix"+(a?"-"+a:""))};var n=e.fn.affix;e.fn.affix=function(n){return this.each(function(){var r=e(this),i=r.data("bs.affix"),s=typeof n=="object"&&n;i||r.data("bs.affix",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.affix.Constructor=t,e.fn.affix.noConflict=function(){return e.fn.affix=n,this},e(window).on("load",function(){e('[data-spy="affix"]').each(function(){var t=e(this),n=t.data();n.offset=n.offset||{},n.offsetBottom&&(n.offset.bottom=n.offsetBottom),n.offsetTop&&(n.offset.top=n.offsetTop),t.affix(n)})})}(window.jQuery); \ No newline at end of file ++function(e){"use strict";function t(){var e=document.createElement("bootstrap"),t={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var n in t)if(e.style[n]!==undefined)return{end:t[n]}}e(function(){e.support.transition=t()})}(window.jQuery),+function(e){"use strict";var t='[data-dismiss="alert"]',n=function(n){e(n).on("click",t,this.close)};n.prototype.close=function(t){function s(){i.trigger("closed.bs.alert").remove()}var n=e(this),r=n.attr("data-target");r||(r=n.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,""));var i=e(r);t&&t.preventDefault(),i.length||(i=n.hasClass("alert")?n:n.parent()),i.trigger(t=e.Event("close.bs.alert"));if(t.isDefaultPrevented())return;i.removeClass("in"),e.support.transition&&i.hasClass("fade")?i.on(e.support.transition.end,s):s()};var r=e.fn.alert;e.fn.alert=function(t){return this.each(function(){var r=e(this),i=r.data("bs.alert");i||r.data("bs.alert",i=new n(this)),typeof t=="string"&&i[t].call(r)})},e.fn.alert.Constructor=n,e.fn.alert.noConflict=function(){return e.fn.alert=r,this},e(document).on("click.bs.alert.data-api",t,n.prototype.close)}(window.jQuery),+function(e){"use strict";var t=function(n,r){this.$element=e(n),this.options=e.extend({},t.DEFAULTS,r)};t.DEFAULTS={loadingText:"loading..."},t.prototype.setState=function(e){var t="disabled",n=this.$element,r=n.is("input")?"val":"html",i=n.data();e+="Text",i.resetText||n.data("resetText",n[r]()),n[r](i[e]||this.options[e]),setTimeout(function(){e=="loadingText"?n.addClass(t).attr(t,t):n.removeClass(t).removeAttr(t)},0)},t.prototype.toggle=function(){var e=this.$element.closest('[data-toggle="buttons-radio"]');e&&e.find(".active").removeClass("active"),this.$element.toggleClass("active")};var n=e.fn.button;e.fn.button=function(n){return this.each(function(){var r=e(this),i=r.data("button"),s=typeof n=="object"&&n;i||r.data("bs.button",i=new t(this,s)),n=="toggle"?i.toggle():n&&i.setState(n)})},e.fn.button.Constructor=t,e.fn.button.noConflict=function(){return e.fn.button=n,this},e(document).on("click.bs.button.data-api","[data-toggle^=button]",function(t){var n=e(t.target);n.hasClass("btn")||(n=n.closest(".btn")),n.button("toggle")})}(window.jQuery),+function(e){"use strict";var t=function(t,n){this.$element=e(t),this.$indicators=this.$element.find(".carousel-indicators"),this.options=n,this.paused=this.sliding=this.interval=this.$active=this.$items=null,this.options.pause=="hover"&&this.$element.on("mouseenter",e.proxy(this.pause,this)).on("mouseleave",e.proxy(this.cycle,this))};t.DEFAULTS={interval:5e3,pause:"hover"},t.prototype.cycle=function(t){return t||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(e.proxy(this.next,this),this.options.interval)),this},t.prototype.getActiveIndex=function(){return this.$active=this.$element.find(".item.active"),this.$items=this.$active.parent().children(),this.$items.index(this.$active)},t.prototype.to=function(t){var n=this,r=this.getActiveIndex();if(t>this.$items.length-1||t<0)return;return this.sliding?this.$element.one("slid",function(){n.to(t)}):r==t?this.pause().cycle():this.slide(t>r?"next":"prev",e(this.$items[t]))},t.prototype.pause=function(t){return t||(this.paused=!0),this.$element.find(".next, .prev").length&&e.support.transition.end&&(this.$element.trigger(e.support.transition.end),this.cycle(!0)),this.interval=clearInterval(this.interval),this},t.prototype.next=function(){if(this.sliding)return;return this.slide("next")},t.prototype.prev=function(){if(this.sliding)return;return this.slide("prev")},t.prototype.slide=function(t,n){var r=this.$element.find(".item.active"),i=n||r[t](),s=this.interval,o=t=="next"?"left":"right",u=t=="next"?"first":"last",a=this;this.sliding=!0,s&&this.pause(),i=i.length?i:this.$element.find(".item")[u]();var f=e.Event("slide.bs.carousel",{relatedTarget:i[0],direction:o});if(i.hasClass("active"))return;this.$indicators.length&&(this.$indicators.find(".active").removeClass("active"),this.$element.one("slid",function(){var t=e(a.$indicators.children()[a.getActiveIndex()]);t&&t.addClass("active")}));if(e.support.transition&&this.$element.hasClass("slide")){this.$element.trigger(f);if(f.isDefaultPrevented())return;i.addClass(t),i[0].offsetWidth,r.addClass(o),i.addClass(o),this.$element.one(e.support.transition.end,function(){i.removeClass([t,o].join(" ")).addClass("active"),r.removeClass(["active",o].join(" ")),a.sliding=!1,setTimeout(function(){a.$element.trigger("slid")},0)})}else{this.$element.trigger(f);if(f.isDefaultPrevented())return;r.removeClass("active"),i.addClass("active"),this.sliding=!1,this.$element.trigger("slid")}return s&&this.cycle(),this};var n=e.fn.carousel;e.fn.carousel=function(n){return this.each(function(){var r=e(this),i=r.data("bs.carousel"),s=e.extend({},t.DEFAULTS,typeof n=="object"&&n),o=typeof n=="string"?n:s.slide;i||r.data("bs.carousel",i=new t(this,s)),typeof n=="number"?i.to(n):o?i[o]():s.interval&&i.pause().cycle()})},e.fn.carousel.Constructor=t,e.fn.carousel.noConflict=function(){return e.fn.carousel=n,this},e(document).on("click.carousel.data-api","[data-slide], [data-slide-to]",function(t){var n=e(this),r,i=e(n.attr("data-target")||(r=n.attr("href"))&&r.replace(/.*(?=#[^\s]+$)/,"")),s=e.extend({},i.data(),n.data()),o;i.carousel(s),(o=n.attr("data-slide-to"))&&i.data("bs-carousel").pause().to(o).cycle(),t.preventDefault()})}(window.jQuery),+function(e){"use strict";var t=function(n,r){this.$element=e(n),this.options=e.extend({},t.DEFAULTS,r),this.transitioning=null,this.options.parent&&(this.$parent=e(this.options.parent)),this.options.toggle&&this.toggle()};t.DEFAULTS={toggle:!0},t.prototype.dimension=function(){var e=this.$element.hasClass("width");return e?"width":"height"},t.prototype.show=function(){if(this.transitioning||this.$element.hasClass("in"))return;var t=this.dimension(),n=e.camelCase(["scroll",t].join("-")),r=this.$parent&&this.$parent.find("> .accordion-group > .in");if(r&&r.length){var i=r.data("collapse");if(i&&i.transitioning)return;r.collapse("hide"),i||r.data("collapse",null)}this.$element[t](0),this.transition("addClass",e.Event("show.bs.collapse"),"shown.bs.collapse"),e.support.transition&&this.$element[t](this.$element[0][n])},t.prototype.hide=function(){if(this.transitioning||!this.$element.hasClass("in"))return;var t=this.dimension();this.reset(this.$element[t]()),this.transition("removeClass",e.Event("hide.bs.collapse"),"hidden"),this.$element[t](0)},t.prototype.reset=function(e){var t=this.dimension();return this.$element.removeClass("collapse")[t](e||"auto")[0].offsetWidth,this.$element[e!==null?"addClass":"removeClass"]("collapse"),this},t.prototype.transition=function(t,n,r){var i=this,s=function(){n.type=="show"&&i.reset(),i.transitioning=0,i.$element.trigger(r)};this.$element.trigger(n);if(n.isDefaultPrevented())return;this.transitioning=1,this.$element[t]("in"),e.support.transition&&this.$element.hasClass("collapse")?this.$element.one(e.support.transition.end,s):s()},t.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()};var n=e.fn.collapse;e.fn.collapse=function(n){return this.each(function(){var r=e(this),i=r.data("collapse"),s=e.extend({},t.DEFAULTS,r.data(),typeof n=="object"&&n);i||r.data("collapse",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.collapse.Constructor=t,e.fn.collapse.noConflict=function(){return e.fn.collapse=n,this},e(document).on("click.collapse.data-api","[data-toggle=collapse]",function(t){var n=e(this),r,i=n.attr("data-target")||t.preventDefault()||(r=n.attr("href"))&&r.replace(/.*(?=#[^\s]+$)/,""),s=e(i).data("collapse")?"toggle":n.data();n[e(i).hasClass("in")?"addClass":"removeClass"]("collapsed"),e(i).collapse(s)})}(window.jQuery),+function(e){"use strict";function i(){e(t).remove(),e(n).each(function(){s(e(this)).removeClass("open")})}function s(t){var n=t.attr("data-target");n||(n=t.attr("href"),n=n&&/#/.test(n)&&n.replace(/.*(?=#[^\s]*$)/,""));var r=n&&e(n);return r&&r.length?r:t.parent()}var t=".dropdown-backdrop",n="[data-toggle=dropdown]",r=function(t){var n=e(t).on("click.dropdown.data-api",this.toggle);e("html").on("click.dropdown.data-api",function(){n.parent().removeClass("open")})};r.prototype.toggle=function(t){var n=e(this);if(n.is(".disabled, :disabled"))return;var r=s(n),o=r.hasClass("open");return i(),o||("ontouchstart"in document.documentElement&&e('
                ').insertBefore(e(this)).on("click",i),r.toggleClass("open")),n.focus(),!1},r.prototype.keydown=function(t){if(!/(38|40|27)/.test(t.keyCode))return;var r=e(this);t.preventDefault(),t.stopPropagation();if(r.is(".disabled, :disabled"))return;var i=s(r),o=i.hasClass("open");if(!o||o&&t.keyCode==27)return t.which==27&&i.find(n).focus(),r.click();var u=e("[role=menu] li:not(.divider):visible a",i);if(!u.length)return;var a=u.index(u.filter(":focus"));t.keyCode==38&&a>0&&a--,t.keyCode==40&&a').appendTo(document.body),this.$backdrop.click(this.options.backdrop=="static"?e.proxy(this.$element[0].focus,this.$element[0]):e.proxy(this.hide,this)),i&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in");if(!t)return;i?this.$backdrop.one(e.support.transition.end,t):t()}else!this.isShown&&this.$backdrop?(this.$backdrop.removeClass("in"),e.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one(e.support.transition.end,t):t()):t&&t()};var n=e.fn.modal;e.fn.modal=function(n){return this.each(function(){var r=e(this),i=r.data("bs.modal"),s=e.extend({},t.DEFAULTS,r.data(),typeof n=="object"&&n);i||r.data("bs.modal",i=new t(this,s)),typeof n=="string"?i[n]():s.show&&i.show()})},e.fn.modal.Constructor=t,e.fn.modal.noConflict=function(){return e.fn.modal=n,this},e(document).on("click.bs.modal.data-api",'[data-toggle="modal"]',function(t){var n=e(this),r=n.attr("href"),i=e(n.attr("data-target")||r&&r.replace(/.*(?=#[^\s]+$)/,"")),s=i.data("modal")?"toggle":e.extend({remote:!/#/.test(r)&&r},i.data(),n.data());t.preventDefault(),i.modal(s).one("hide",function(){n.focus()})});var r=e(document.body).on("bs.modal.shown",".modal",function(){r.addClass("modal-open")}).on("bs.modal.hidden",".modal",function(){r.removeClass("modal-open")})}(window.jQuery),+function(e){"use strict";var t=function(e,t){this.type=this.options=this.enabled=this.timeout=this.hoverState=this.$element=null,this.init("tooltip",e,t)};t.DEFAULTS={animation:!0,placement:"top",selector:!1,template:'
                ',trigger:"hover focus",title:"",delay:0,html:!1,container:!1},t.prototype.init=function(t,n,r){this.enabled=!0,this.type=t,this.$element=e(n),this.options=this.getOptions(r);var i=this.options.trigger.split(" ");for(var s=i.length;s--;){var o=i[s];if(o=="click")this.$element.on("click."+this.type,this.options.selector,e.proxy(this.toggle,this));else if(o!="manual"){var u=o=="hover"?"mouseenter":"focus",a=o=="hover"?"mouseleave":"blur";this.$element.on(u+"."+this.type,this.options.selector,e.proxy(this.enter,this)),this.$element.on(a+"."+this.type,this.options.selector,e.proxy(this.leave,this))}}this.options.selector?this._options=e.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},t.prototype.getDefaults=function(){return t.DEFAULTS},t.prototype.getOptions=function(t){return t=e.extend({},this.getDefaults(),this.$element.data(),t),t.delay&&typeof t.delay=="number"&&(t.delay={show:t.delay,hide:t.delay}),t},t.prototype.enter=function(t){var n=this.getDefaults(),r={};this._options&&e.each(this._options,function(e,t){n[e]!=t&&(r[e]=t)});var i=e(t.currentTarget)[this.type](r).data("bs."+this.type);if(!i.options.delay||!i.options.delay.show)return i.show();clearTimeout(this.timeout),i.hoverState="in",this.timeout=setTimeout(function(){i.hoverState=="in"&&i.show()},i.options.delay.show)},t.prototype.leave=function(t){var n=e(t.currentTarget)[this.type](this._options).data("bs."+this.type);this.timeout&&clearTimeout(this.timeout);if(!n.options.delay||!n.options.delay.hide)return n.hide();n.hoverState="out",this.timeout=setTimeout(function(){n.hoverState=="out"&&n.hide()},n.options.delay.hide)},t.prototype.show=function(){var t=e.Event("show.bs."+this.type);if(this.hasContent()&&this.enabled){this.$element.trigger(t);if(t.isDefaultPrevented())return;var n=this.tip();this.setContent(),this.options.animation&&n.addClass("fade");var r=typeof this.options.placement=="function"?this.options.placement.call(this,n[0],this.$element[0]):this.options.placement;n.detach().css({top:0,left:0,display:"block"}),this.options.container?n.appendTo(this.options.container):n.insertAfter(this.$element);var i,s=this.getPosition(),o=n[0].offsetWidth,u=n[0].offsetHeight;switch(r){case"bottom":i={top:s.top+s.height,left:s.left+s.width/2-o/2};break;case"top":i={top:s.top-u,left:s.left+s.width/2-o/2};break;case"left":i={top:s.top+s.height/2-u/2,left:s.left-o};break;case"right":i={top:s.top+s.height/2-u/2,left:s.left+s.width}}this.applyPlacement(i,r),this.$element.trigger("shown.bs."+this.type)}},t.prototype.applyPlacement=function(e,t){var n,r=this.tip(),i=r[0].offsetWidth,s=r[0].offsetHeight;r.offset(e).addClass(t).addClass("in");var o=r[0].offsetWidth,u=r[0].offsetHeight;t=="top"&&u!=s&&(n=!0,e.top=e.top+s-u);if(t=="bottom"||t=="top"){var a=0;e.left<0&&(a=e.left*-2,e.left=0,r.offset(e),o=r[0].offsetWidth,u=r[0].offsetHeight),this.replaceArrow(a-i+o,o,"left")}else this.replaceArrow(u-s,u,"top");n&&r.offset(e)},t.prototype.replaceArrow=function(e,t,n){this.arrow().css(n,e?50*(1-e/t)+"%":"")},t.prototype.setContent=function(){var e=this.tip(),t=this.getTitle();e.find(".tooltip-inner")[this.options.html?"html":"text"](t),e.removeClass("fade in top bottom left right")},t.prototype.hide=function(){function i(){var t=setTimeout(function(){n.off(e.support.transition.end).detach()},500);n.one(e.support.transition.end,function(){clearTimeout(t),n.detach()})}var t=this,n=this.tip(),r=e.Event("hide.bs."+this.type);this.$element.trigger(r);if(r.isDefaultPrevented())return;return n.removeClass("in"),e.support.transition&&this.$tip.hasClass("fade")?i():n.detach(),this.$element.trigger("hidden.bs."+this.type),this},t.prototype.fixTitle=function(){var e=this.$element;(e.attr("title")||typeof e.attr("data-original-title")!="string")&&e.attr("data-original-title",e.attr("title")||"").attr("title","")},t.prototype.hasContent=function(){return this.getTitle()},t.prototype.getPosition=function(){var t=this.$element[0];return e.extend({},typeof t.getBoundingClientRect=="function"?t.getBoundingClientRect():{width:t.offsetWidth,height:t.offsetHeight},this.$element.offset())},t.prototype.getTitle=function(){var e,t=this.$element,n=this.options;return e=t.attr("data-original-title")||(typeof n.title=="function"?n.title.call(t[0]):n.title),e},t.prototype.tip=function(){return this.$tip=this.$tip||e(this.options.template)},t.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".tooltip-arrow")},t.prototype.validate=function(){this.$element[0].parentNode||(this.hide(),this.$element=null,this.options=null)},t.prototype.enable=function(){this.enabled=!0},t.prototype.disable=function(){this.enabled=!1},t.prototype.toggleEnabled=function(){this.enabled=!this.enabled},t.prototype.toggle=function(t){var n=t?e(t.currentTarget)[this.type](this._options).data("bs."+this.type):this;n.tip().hasClass("in")?n.hide():n.show()},t.prototype.destroy=function(){this.hide().$element.off("."+this.type).removeData("bs."+this.type)};var n=e.fn.tooltip;e.fn.tooltip=function(n){return this.each(function(){var r=e(this),i=r.data("bs.tooltip"),s=typeof n=="object"&&n;i||r.data("bs.tooltip",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.tooltip.Constructor=t,e.fn.tooltip.noConflict=function(){return e.fn.tooltip=n,this}}(window.jQuery),+function(e){"use strict";var t=function(e,t){this.init("popover",e,t)};t.DEFAULTS=e.extend({},e.fn.tooltip.Constructor.DEFAULTS,{placement:"right",trigger:"click",content:"",template:'

                '}),t.prototype=e.extend({},e.fn.tooltip.Constructor.prototype),t.prototype.constructor=t,t.prototype.getDefaults=function(){return t.DEFAULTS},t.prototype.setContent=function(){var e=this.tip(),t=this.getTitle(),n=this.getContent();e.find(".popover-title")[this.options.html?"html":"text"](t),e.find(".popover-content")[this.options.html?"html":"text"](n),e.removeClass("fade top bottom left right in")},t.prototype.hasContent=function(){return this.getTitle()||this.getContent()},t.prototype.getContent=function(){var e=typeof this.options.content=="function"?this.options.content.call(this.$element[0]):this.options.content;return e||this.$element.attr("data-content")},t.prototype.tip=function(){return this.$tip||(this.$tip=e(this.options.template)),this.$tip},t.prototype.destroy=function(){this.hide().$element.off("."+this.type).removeData(this.type)};var n=e.fn.popover;e.fn.popover=function(n){return this.each(function(){var r=e(this),i=r.data("bs.popover"),s=typeof n=="object"&&n;i||r.data("bs.popover",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.popover.Constructor=t,e.fn.popover.noConflict=function(){return e.fn.popover=n,this}}(window.jQuery),+function(e){"use strict";function t(n,r){var i,s=e.proxy(this.process,this),o=e(n).is("body")?e(window):e(n);this.$body=e("body"),this.$scrollElement=o.on("scroll.scroll-spy.data-api",s),this.options=e.extend({},t.DEFAULTS,r),this.selector=(this.options.target||(i=e(n).attr("href"))&&i.replace(/.*(?=#[^\s]+$)/,"")||"")+" .nav li > a",this.offsets=e([]),this.targets=e([]),this.activeTarget=null,this.refresh(),this.process()}t.DEFAULTS={offset:10},t.prototype.refresh=function(){this.offsets=e([]),this.targets=e([]);var t=this,n=this.$body.find(this.selector).map(function(){var n=e(this),r=n.data("target")||n.attr("href"),i=/^#\w/.test(r)&&e(r);return i&&i.length&&[[i.position().top+(!e.isWindow(t.$scrollElement.get(0))&&t.$scrollElement.scrollTop()),r]]||null}).sort(function(e,t){return e[0]-t[0]}).each(function(){t.offsets.push(this[0]),t.targets.push(this[1])})},t.prototype.process=function(){var e=this.$scrollElement.scrollTop()+this.options.offset,t=this.$scrollElement[0].scrollHeight||this.$body[0].scrollHeight,n=t-this.$scrollElement.height(),r=this.offsets,i=this.targets,s=this.activeTarget,o;if(e>=n)return s!=(o=i.last()[0])&&this.activate(o);for(o=r.length;o--;)s!=i[o]&&e>=r[o]&&(!r[o+1]||e<=r[o+1])&&this.activate(i[o])},t.prototype.activate=function(t){this.activeTarget=t,e(this.selector).parents(".active").removeClass("active");var n=this.selector+'[data-target="'+t+'"],'+this.selector+'[href="'+t+'"]',r=e(n).parents("li").addClass("active");r.parent(".dropdown-menu").length&&(r=r.closest("li.dropdown").addClass("active")),r.trigger("activate")};var n=e.fn.scrollspy;e.fn.scrollspy=function(n){return this.each(function(){var r=e(this),i=r.data("bs.scrollspy"),s=typeof n=="object"&&n;i||r.data("bs.scrollspy",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.scrollspy.Constructor=t,e.fn.scrollspy.noConflict=function(){return e.fn.scrollspy=n,this},e(window).on("load",function(){e('[data-spy="scroll"]').each(function(){var t=e(this);t.scrollspy(t.data())})})}(window.jQuery),+function(e){"use strict";var t=function(t){this.element=e(t)};t.prototype.show=function(){var t=this.element,n=t.closest("ul:not(.dropdown-menu)"),r=t.attr("data-target");r||(r=t.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,""));if(t.parent("li").hasClass("active"))return;var i=n.find(".active:last a")[0],s=e.Event("show.bs.tab",{relatedTarget:i});t.trigger(s);if(s.isDefaultPrevented())return;var o=e(r);this.activate(t.parent("li"),n),this.activate(o,o.parent(),function(){t.trigger({type:"shown.bs.tab",relatedTarget:i})})},t.prototype.activate=function(t,n,r){function o(){i.removeClass("active").find("> .dropdown-menu > .active").removeClass("active"),t.addClass("active"),s?(t[0].offsetWidth,t.addClass("in")):t.removeClass("fade"),t.parent(".dropdown-menu")&&t.closest("li.dropdown").addClass("active"),r&&r()}var i=n.find("> .active"),s=r&&e.support.transition&&i.hasClass("fade");s?i.one(e.support.transition.end,o):o(),i.removeClass("in")};var n=e.fn.tab;e.fn.tab=function(n){return this.each(function(){var r=e(this),i=r.data("bs.tab");i||r.data("bs.tab",i=new t(this)),typeof n=="string"&&i[n]()})},e.fn.tab.Constructor=t,e.fn.tab.noConflict=function(){return e.fn.tab=n,this},e(document).on("click.bs.tab.data-api",'[data-toggle="tab"], [data-toggle="pill"]',function(t){t.preventDefault(),e(this).tab("show")})}(window.jQuery),+function(e){"use strict";var t=function(n,r){this.options=e.extend({},t.DEFAULTS,r),this.$window=e(window).on("scroll.bs.affix.data-api",e.proxy(this.checkPosition,this)).on("click.bs.affix.data-api",e.proxy(this.checkPositionWithEventLoop,this)),this.$element=e(n),this.affixed=this.unpin=null,this.checkPosition()};t.DEFAULTS={offset:0},t.prototype.checkPositionWithEventLoop=function(){setTimeout(e.proxy(this.checkPosition,this),1)},t.prototype.checkPosition=function(){if(!this.$element.is(":visible"))return;var t=e(document).height(),n=this.$window.scrollTop(),r=this.$element.offset(),i=this.options.offset,s=i.top,o=i.bottom,u="affix affix-top affix-bottom";typeof i!="object"&&(o=s=i),typeof s=="function"&&(s=i.top()),typeof o=="function"&&(o=i.bottom());var a=this.unpin!=null&&n+this.unpin<=r.top?!1:o!=null&&r.top+this.$element.height()>=t-o?"bottom":s!=null&&n<=s?"top":!1;if(this.affixed===a)return;this.affixed=a,this.unpin=a=="bottom"?r.top-n:null,this.$element.removeClass(u).addClass("affix"+(a?"-"+a:""))};var n=e.fn.affix;e.fn.affix=function(n){return this.each(function(){var r=e(this),i=r.data("bs.affix"),s=typeof n=="object"&&n;i||r.data("bs.affix",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.affix.Constructor=t,e.fn.affix.noConflict=function(){return e.fn.affix=n,this},e(window).on("load",function(){e('[data-spy="affix"]').each(function(){var t=e(this),n=t.data();n.offset=n.offset||{},n.offsetBottom&&(n.offset.bottom=n.offsetBottom),n.offsetTop&&(n.offset.top=n.offsetTop),t.affix(n)})})}(window.jQuery); \ No newline at end of file diff --git a/js/tooltip.js b/js/tooltip.js index 45f068010..80bdf7266 100644 --- a/js/tooltip.js +++ b/js/tooltip.js @@ -97,7 +97,7 @@ this._options && $.each(this._options, function (key, value) { if (defaults[key] != value) options[key] = value - }, this) + }) var self = $(e.currentTarget)[this.type](options).data('bs.' + this.type) -- cgit v1.2.3 From 52a348aa3f5e06e6429f386002f653dac7a35a99 Mon Sep 17 00:00:00 2001 From: Julian Thilo Date: Thu, 23 May 2013 02:30:58 +0200 Subject: Bring the customizer up to speed I reworked the customizer to match the new docs layout and include all newly added variables, etc. Would be glad to keep an eye on Customize and update it as v3 changes. Help blocks in my new version need some more work, too, so this is just a basis. --- docs/_includes/nav-customize.html | 37 + docs/_layouts/default.html | 2 + docs/assets/css/docs.css | 23 + docs/customize.html | 1496 ++++++++++++++++++++++++++++--------- 4 files changed, 1213 insertions(+), 345 deletions(-) create mode 100644 docs/_includes/nav-customize.html diff --git a/docs/_includes/nav-customize.html b/docs/_includes/nav-customize.html new file mode 100644 index 000000000..5a869659f --- /dev/null +++ b/docs/_includes/nav-customize.html @@ -0,0 +1,37 @@ +
              • + LESS components + +
                • +
              • + jQuery plugins +
                • +
              • + LESS variables + +
                • +
              • + Download +
                • \ No newline at end of file diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html index 638b5485e..d7d49e1b6 100644 --- a/docs/_layouts/default.html +++ b/docs/_layouts/default.html @@ -31,6 +31,8 @@ {% include nav-components.html %} {% elsif page.slug == "js" %} {% include nav-javascript.html %} + {% elsif page.slug == "customize" %} + {% include nav-customize.html %} {% endif %}
              diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 9221cac1b..ddab6ba6a 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -94,6 +94,29 @@ body { +/* Customize and Download button +-------------------------------------------------- */ + +.bs-customize-download { + text-align:center; +} +.bs-customize-download .btn { + margin-top: 5px; + margin-bottom: 5px; + padding: 18px 24px; + font-size: 21px; + color: #b94a48; + background-color: #fff; + border-color: #b94a48; +} +.bs-customize-download .btn:hover, +.bs-customize-download .btn:active { + color: #fff; + background-color: #b94a48; +} + + + /* Docs pages and sections -------------------------------------------------- */ diff --git a/docs/customize.html b/docs/customize.html index 32a00b441..6a703e47f 100644 --- a/docs/customize.html +++ b/docs/customize.html @@ -1,354 +1,1160 @@ --- -layout: customize +layout: default title: Customize and download slug: customize +lead: Customize Bootstrap's components, LESS variables, and jQuery plugins to get your very own version. --- -
              - -
              - - - - -
              -
              - Toggle all -

              - 1. Choose components -

              + + +
              +
              + Toggle all +

              LESS components

              +
              +

              Choose which LESS files should be compiled into your custom stylesheets.

              +
              +

              Read the documentation

              +

              Make an informed choice by first reading about CSS and Components in the docs.

              +
              +

              The basics

              +
              +
              +

              Layout

              +
              + +
              +
              + +
              +
              + +
              +
              + +
              +
              +
              +

              Utility classes

              +
              + +
              +
              + +
              +
              + +
              +
              +
              +

              Standard element styles

              +
              +
              +
              + +
              +
              + +
              +
              + +
              +
              +
              +
              + +
              +
              + +
              +
              +
              +

              Bootstrap features

              +
              +
              +

              Navigation

              +
              + +
              +
              + +
              +
              + +
              +
              + +
              +
              + +
              +
              +
              +

              Additional information

              +
              + +
              +
              + +
              +
              + +
              +
              + +
              +
              + +
              +
              +
              +
              +
              +

              Content blocks

              +
              + +
              +
              + +
              +
              + +
              +
              + +
              +
              + +
              +
              +
              +

              Media

              +
              + +
              +
              + +
              +
              + +
              +
              + +
              +
              +
              +
              +
              +

              Other

              +
              + +
              +
              + +
              +
              + +
              +
              + +
              +
              + +
              +
              +
              -
              -
              -

              Scaffolding

              - - - - - -

              Base CSS

              - - - - - - - -
              -
              -

              Components

              - - - - - - - - - - - -

              JS Components

              - - - - - - -
              -
              -

              Miscellaneous

              - - - - -

              Responsive

              - - - - - -
              -
              -
              - -
              -
              - Toggle all -

              - 2. Select jQuery plugins -

              + +
              +
              + Toggle all +

              jQuery plugins

              +
              +

              Choose which jQuery plugins should be included in your custom JavaScript files.

              +
              +

              Read the documentation

              +

              Make an informed choice by first reading about JavaScript in the docs.

              +
              +
              +
              +

              Linked to components

              +
              + +
              +
              + +
              +
              + +
              +
              + +
              +
              + +
              +
              + +
              +
              + +
              +
              + +
              +
              +
              +

              Magic

              +
              + +
              +
              + +
              +
              + +
              +
              + +
              +
              +
              +
              +

              Heads up!

              +

              All checked plugins will be compiled into a single file, bootstrap.js. All plugins require the latest version of jQuery to be included.

              +
              -
              -
              - - - - - - - -
              -
              - - - - - - -
              -
              -

              Heads up!

              -

              All checked plugins will be compiled into a single file, bootstrap.js. All plugins require the latest version of jQuery to be included.

              -
              -
              -
              - - -
              -
              - Reset to defaults -

              - 3. Customize variables -

              + + +
              +
              + Reset to defaults +

              LESS variables

              +
              +

              Customize LESS variables to define colors, sizes and more inside your custom CSS stylesheets.

              +

              The basics

              +

              Body background

              + + +

              Background color applied to <body>.

              +

              Typography

              +
              +
              + + +

              Default sans-serif fonts. Used almost anywhere in Bootstrap.

              + + +

              Default serif fonts.

              +
              +
              + + +

              Default monospace fonts. Most prominently used for <code> and <pre>.

              + + +
              +
              +
              +
              + + +

              Will be used to calculate font sizes throughout Bootstrap.

              + + +

              Will be used to calculate line heights throughout Bootstrap. Default is ˜14/20.

              +
              +
              + + +

              Choose a separate font weight for headings.

              + + +

              Choose a separate line height for headings.

              +
              +
              +

              Colors

              +
              +
              +

              Define custom colors used in several contexts.

              + + +

              Used for primary buttons, panels and more.

              + + +

              Used to indicate success.

              + + +

              Used to indicate a warning.

              + + +

              Used to indicate danger.

              + + +

              Used to indicate informational content.

              +
              +
              +

              Define your preferred colors for standard text and links.

              + + +

              Color for all standard text.

              + + +

              Link color for links in standard text.

              + + +

              Hovered link color. Leave this blank to compute using @link-color.

              +
              +
              +

              Media queries breakpoints

              +

              Define the breakpoints at which your layout will change, adapting to different screen sizes.

              +
              +
              + + + + +
              +
              + + + + +
              +
              +

              The grid

              +

              Define your custom responsive grid.

              +
              +
              + + +

              Number of columns in the grid.

              + + +

              Padding between columns.

              +
              +
              + + +

              Point at which the navbar stops collapsing.

              +
              +
              +

              Components

              +

              Define common padding and border radius sizes and more.

              +
              +
              +

              Padding

              + + + + + + + + + + + + +
              +
              +

              Border radius sizes

              + + + + + + +
              +
              +

              Active background color

              + + +

              Used for active or hovered items in places like navs or dropdowns.

              +

              Buttons

              +

              For each of Bootstrap's buttons, define text, background and border color.

              +
              +
              +

              Default

              + + + + + + +

              Primary

              + + + + + + +

              Info

              + + + + + + +
              +
              +

              Success

              + + + + + + +

              Warning

              + + + + + + +

              Danger

              + + + + + + +
              +
              +

              Form states and alerts

              +

              Define colors for form feedback states and, by default, alerts.

              +
              +
              +

              Success

              + + + + + + +

              Warning

              + + + + + + +
              +
              +

              Danger

              + + + + + + +

              Info

              + + + + + + +
              +
              +

              Alerts

              +

              Define alert colors and border radius.

              +

              Border radius

              + + +
              +
              +

              Success

              + + + + + + +

              Warning

              + + + + + + +
              +
              +

              Danger

              + + + + + + +

              Info

              + + + + + + +
              +
              +

              Navbar

              +
              +
              +

              The basics

              + + + + + + +

              Links

              + + + + + + + + + + + + + + +

              Brand

              + + + + + + +
              +
              +

              Inverted variation

              +

              The basics

              + + + + +

              Links

              + + + + + + + + + + + + + + +

              Brand

              + + + + + + +
              +
              +

              Tables

              +
              +
              + + +

              Default background color used for all tables.

              +
              +
              + + +

              Background color used for .table-striped.

              +
              +
              + + +

              Background color used for .table-hover.

              +
              +
              + + +

              Border color for table and cell borders.

              +

              Forms

              +
              +
              +

              Background

              + + +

              <input> background color

              + + +

              <input disabled>background color

              +
              +
              +

              Border

              + + +

              <input> border color

              + + +

              <input>border radius

              +
              +
              + + +

              Placeholder text color

              +

              Dropdowns

              +
              +
              +

              Background

              + + +

              Dropdown menu background color

              + + +

              Active dropdown menu entry background color

              + + +

              Hovered dropdown menu entry background color

              +
              +
              +

              Colors

              + + +

              Dropdown text color

              + + +

              Active dropdown menu entry text color

              + + +

              Hovered dropdown menu entry text color

              +
              +
              +

              Dividers

              +
              +
              + + +

              Dropdown divider top border color

              +
              +
              + + +

              Dropdown divider bottom border color

              +
              +
              +

              Panels and wells

              +

              Panel background

              +
              +
              + + +

              Panel body background color

              +
              +
              + + +

              Panel heading background color

              +
              +
              + + +

              Panel footer background color

              +
              +
              +

              Panel border

              +
              +
              + + +

              Panel border color

              +
              +
              + + +

              Panel border radius

              +
              +
              +

              Contextual panel colors

              +
              +
              + + +

              Primary text color

              +
              +
              + + +

              Primary border color

              +
              +
              + + +

              Primary heading background color

              +
              +
              +
              +
              + + +

              Success text color

              +
              +
              + + +

              Success border color

              +
              +
              + + +

              Success heading background color

              +
              +
              +
              +
              + + +

              Warning text color

              +
              +
              + + +

              Warning border color

              +
              +
              + + +

              Warning heading background color

              +
              +
              +
              +
              + + +

              Danger text color

              +
              +
              + + +

              Danger border color

              +
              +
              + + +

              Danger heading background color

              +
              +
              +
              +
              + + +

              Info text color

              +
              +
              + + +

              Info border color

              +
              +
              + + +

              Info heading background color

              +
              +
              +

              Well background

              + + +

              Jumbotron

              +
              +
              + + +

              Jumbotron background color

              +
              +
              + + +

              Jumbotron heading color

              +
              +
              + + +

              Jumbotron lead paragraph color

              +
              +
              +

              Modals

              +
              +
              + + +

              Padding applied to the modal body

              +
              +
              + + +

              Padding applied to the modal title

              +
              +
              + + +

              Modal title line-height

              +
              +
              +

              List group

              +

              Background

              +
              +
              + + +

              Default background color

              +
              +
              + + +

              Background color of single list elements on hover

              +
              +
              + + +

              Background color of active list elements

              +
              +
              +

              Borders

              +
              +
              + + +

              Default border color

              +
              +
              + + +

              List group border radius

              +
              +
              + + +

              Border color of active list elements

              +
              +
              + + +

              Text color of active list elements

              +

              Thumbnails

              +
              +
              + + +

              Custom text color for thumbnail captions

              + + +

              Thumbnail background color

              +
              +
              + + +

              Thumbnail border color

              + + +

              Thumbnail border radius

              +
              +
              +

              Progress bars

              +
              +
              + + +

              Background color of the whole progress component

              +
              +
              + + +

              Default progress bar color

              +
              +
              + + +

              Success progress bar color

              +
              +
              +
              +
              + + +

              Warning progress bar color

              +
              +
              + + +

              Danger progress bar color

              +
              +
              + + +

              Info progress bar color

              +
              +
              +

              Pagination

              +
              +
              + + +

              Background color

              +
              +
              + + +

              Border color

              +
              +
              + + +

              Active background color

              +
              +
              +

              Labels

              +
              +
              + + +

              Success label background color

              + + +

              Info label background color

              +
              +
              + + +

              Warning label background color

              + + +

              Danger label background color

              +
              +
              +

              Tooltips and popovers

              +

              Tooltip styles

              +
              +
              + + +

              Tooltip text color

              + + +

              Tooltip background color

              +
              +
              + + +

              Tooltip arrow width

              + + +

              Tooltip arrow color

              +
              +
              +

              Popover styles

              +
              +
              + + +

              Popover body background color

              + + +

              Popover title background color

              +
              +
              + + +

              Popover arrow width

              + + +

              Popover arrow color

              +
              +
              +
              +
              + + +

              Popover outer arrow width

              +
              +
              + + +

              Popover outer arrow color

              +
              +
              +

              Other

              +
              +
              + + +

              Horizontal line color

              +
              +
              + + +

              Horizontal offset for forms and lists

              +
              +
              -
              -
              -

              Scaffolding

              - - - - - -

              Links

              - - - - - -

              Grid system

              - - - - - - - - - - - - - - - -
              -
              - -

              Typography

              - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

              Tables

              - - - - - - - - - -

              Forms

              - - - - - - - - - - - - - - - - - -
              -
              - -

              Form states & alerts

              - - - - - - - - - - - - - - - - - -

              Navbar

              - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

              Dropdowns

              - - - - - - - - - - -
              -
              -
              - -
              -
              -

              - 4. Download -

              -
              -
              - Customize and Download -

              What's included?

              -

              Downloads include compiled CSS, compiled and minified CSS, and compiled jQuery plugins, all nicely packed up into a zipball for your convenience.

              -
              -
              - +
              +
              +

              Download

              +
              +

              Hooray! Your custom version of Bootstrap is now ready to be compiled. Just click the button below to finish the process.

              +
              + Customize and Download +
              +
              +

              What's included?

              +

              Downloads include compiled CSS, compiled and minified CSS, and compiled jQuery plugins, all nicely packed up into a zipball for your convenience.

              +
              +
              + -- cgit v1.2.3 From cdcc3e87688e470598fb8254194a5c86f72dd368 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 22 May 2013 21:50:25 -0700 Subject: delete customize layout since it's no longer in use --- docs/_layouts/customize.html | 25 ------------------------- 1 file changed, 25 deletions(-) delete mode 100644 docs/_layouts/customize.html diff --git a/docs/_layouts/customize.html b/docs/_layouts/customize.html deleted file mode 100644 index f01f4f86e..000000000 --- a/docs/_layouts/customize.html +++ /dev/null @@ -1,25 +0,0 @@ - - - - - {% include header.html %} - - - - - - {% include nav-main.html %} - - -
              - {{ content }} - - - {% include colophon.html %} -
              - - - {% include footer.html %} - - - -- cgit v1.2.3 From 432d417ade569cce1a8a4a2e5fbbd32b57170891 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 22 May 2013 23:17:39 -0700 Subject: fixes #6898: typo in modal test --- js/tests/unit/modal.js | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/js/tests/unit/modal.js b/js/tests/unit/modal.js index 7ee47be38..9187b5e23 100644 --- a/js/tests/unit/modal.js +++ b/js/tests/unit/modal.js @@ -28,7 +28,7 @@ $(function () { $.support.transition = false $("") .on("shown.bs.modal", function () { - ok($('#modal-test').length, 'modal insterted into dom') + ok($('#modal-test').length, 'modal inserted into dom') $(this).remove() start() }) @@ -71,7 +71,7 @@ $(function () { $("") .on("shown.bs.modal", function () { ok($('#modal-test').is(":visible"), 'modal visible') - ok($('#modal-test').length, 'modal insterted into dom') + ok($('#modal-test').length, 'modal inserted into dom') $(this).modal("hide") }) .on("hidden.bs.modal", function() { @@ -89,7 +89,7 @@ $(function () { div .on("shown.bs.modal", function () { ok($('#modal-test').is(":visible"), 'modal visible') - ok($('#modal-test').length, 'modal insterted into dom') + ok($('#modal-test').length, 'modal inserted into dom') div.modal("toggle") }) .on("hidden.bs.modal", function() { @@ -107,7 +107,7 @@ $(function () { div .on("shown.bs.modal", function () { ok($('#modal-test').is(":visible"), 'modal visible') - ok($('#modal-test').length, 'modal insterted into dom') + ok($('#modal-test').length, 'modal inserted into dom') div.find('.close').click() }) .on("hidden.bs.modal", function() { -- cgit v1.2.3 From acc0875259593d3206a07ac24bf877d0c8c0c8b9 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 22 May 2013 23:34:28 -0700 Subject: fix up customizer js and classes; turn buttons into real buttons --- docs/assets/css/docs.css | 11 +++++++++++ docs/assets/js/application.js | 29 +++++++++++------------------ docs/customize.html | 14 +++++++------- 3 files changed, 29 insertions(+), 25 deletions(-) diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index ddab6ba6a..6f7254e82 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -97,6 +97,17 @@ body { /* Customize and Download button -------------------------------------------------- */ +.bs-customizer { + +} +.bs-customizer .toggle { + float: right; +} +.bs-customizer label { + margin-top: 10px; +} + + .bs-customize-download { text-align:center; } diff --git a/docs/assets/js/application.js b/docs/assets/js/application.js index 02785a49c..9e75a8040 100644 --- a/docs/assets/js/application.js +++ b/docs/assets/js/application.js @@ -27,13 +27,6 @@ $('.bs-top').affix() }, 100) - // add-ons - $('.add-on :checkbox').on('click', function () { - var $this = $(this) - , method = $this.attr('checked') ? 'addClass' : 'removeClass' - $(this).parents('.add-on')[method]('active') - }) - // add tipsies to grid for scaffolding if ($('#grid-system').length) { $('#grid-system').tooltip({ @@ -76,22 +69,22 @@ $('.bs-docs-carousel-example').carousel() // javascript build logic - var inputsComponent = $("#components.download input") - , inputsPlugin = $("#plugins.download input") - , inputsVariables = $("#variables.download input") + var inputsComponent = $("#components input") + , inputsPlugin = $("#plugins input") + , inputsVariables = $("#variables input") // toggle all plugin checkboxes - $('#components.download .toggle-all').on('click', function (e) { + $('#components .toggle').on('click', function (e) { e.preventDefault() - inputsComponent.attr('checked', !inputsComponent.is(':checked')) + inputsComponent.prop('checked', !inputsComponent.is(':checked')) }) - $('#plugins.download .toggle-all').on('click', function (e) { + $('#plugins .toggle').on('click', function (e) { e.preventDefault() - inputsPlugin.attr('checked', !inputsPlugin.is(':checked')) + inputsPlugin.prop('checked', !inputsPlugin.is(':checked')) }) - $('#variables.download .toggle-all').on('click', function (e) { + $('#variables .toggle').on('click', function (e) { e.preventDefault() inputsVariables.val('') }) @@ -99,16 +92,16 @@ // request built javascript $('.download-btn .btn').on('click', function () { - var css = $("#components.download input:checked") + var css = $("#components input:checked") .map(function () { return this.value }) .toArray() - , js = $("#plugins.download input:checked") + , js = $("#plugins input:checked") .map(function () { return this.value }) .toArray() , vars = {} , img = ['glyphicons-halflings.png', 'glyphicons-halflings-white.png'] - $("#variables.download input") + $("#variables input") .each(function () { $(this).val() && (vars[ $(this).prev().text() ] = $(this).val()) }) diff --git a/docs/customize.html b/docs/customize.html index 6a703e47f..e6139f23a 100644 --- a/docs/customize.html +++ b/docs/customize.html @@ -7,10 +7,10 @@ lead: Customize Bootstrap's components, LESS variables, and jQuery plugins to ge -
              +
              - Toggle all +

              LESS components

              Choose which LESS files should be compiled into your custom stylesheets.

              @@ -273,10 +273,10 @@ lead: Customize Bootstrap's components, LESS variables, and jQuery plugins to ge
              - +
              - Toggle all +

              jQuery plugins

              Choose which jQuery plugins should be included in your custom JavaScript files.

              @@ -369,11 +369,11 @@ lead: Customize Bootstrap's components, LESS variables, and jQuery plugins to ge

              All checked plugins will be compiled into a single file, bootstrap.js. All plugins require the latest version of jQuery to be included.

              - - + +
              - Reset to defaults +

              LESS variables

              Customize LESS variables to define colors, sizes and more inside your custom CSS stylesheets.

              -- cgit v1.2.3 From a3cba92edd6f778c061ff40dc34a5e939342d31c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 22 May 2013 23:45:12 -0700 Subject: rejigger the customizer layout --- docs/customize.html | 167 ++++++++++++++++++++++++++-------------------------- 1 file changed, 82 insertions(+), 85 deletions(-) diff --git a/docs/customize.html b/docs/customize.html index e6139f23a..62ed43a9b 100644 --- a/docs/customize.html +++ b/docs/customize.html @@ -13,31 +13,32 @@ lead: Customize Bootstrap's components, LESS variables, and jQuery plugins to ge

              LESS components

              -

              Choose which LESS files should be compiled into your custom stylesheets.

              +

              Choose which LESS files to compile into your custom build of Bootstrap.

              Read the documentation

              Make an informed choice by first reading about CSS and Components in the docs.

              +

              The basics

              -
              +

              Layout

              @@ -47,79 +48,76 @@ lead: Customize Bootstrap's components, LESS variables, and jQuery plugins to ge
              -
              -

              Utility classes

              +
              +

              Global CSS

              -
              -
              -

              Standard element styles

              -
              -
              +
              +
              +

              Utility classes

              -
              -
              +

              Bootstrap features

              -
              +

              Navigation

              @@ -141,75 +139,76 @@ lead: Customize Bootstrap's components, LESS variables, and jQuery plugins to ge
              -
              -

              Additional information

              +
              +

              Content blocks

              +
              +
              +

              Behavioral (requires JS)

              -
              -
              -
              -
              -

              Content blocks

              -
              +
              + +
              +

              Media

              -
              -
              -
              -

              Other

              +
              +

              Miscellaneous

              @@ -381,7 +378,7 @@ lead: Customize Bootstrap's components, LESS variables, and jQuery plugins to ge

              Body background

              -

              Background color applied to <body>.

              +

              Background color applied to <body>.

              Typography

              -- cgit v1.2.3 From 371d14e2173888932b1edf11083ccbf73bae313e Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 23 May 2013 21:06:02 -0700 Subject: Remove commented out code and properly nest CSS again for .collapse --- docs/assets/css/bootstrap.css | 10 ---------- less/component-animations.less | 13 ++----------- 2 files changed, 2 insertions(+), 21 deletions(-) diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 29cf51923..b65d86480 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1985,16 +1985,6 @@ input[type="button"].btn-block { opacity: 1; } -/*.collapse { - position: relative; - height: 0; - overflow: hidden; - .transition(height .35s ease); - &.in { - height: auto; - } -}*/ - .collapse { position: relative; height: 0; diff --git a/less/component-animations.less b/less/component-animations.less index b25adc932..50e5e45c1 100644 --- a/less/component-animations.less +++ b/less/component-animations.less @@ -11,22 +11,13 @@ } } -/*.collapse { +.collapse { position: relative; height: 0; overflow: hidden; .transition(height .35s ease); + &.in { height: auto; } -}*/ - -.collapse { - position: relative; - height: 0; - overflow: hidden; - .transition(height .35s ease); -} -.collapse.in { - height: auto; } -- cgit v1.2.3 From 3160bd872ee02567ae369ad1d940207523cd5a44 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 23 May 2013 21:34:32 -0700 Subject: rearrange customizer content --- docs/_includes/nav-customize.html | 43 +++---- docs/assets/css/docs.css | 8 ++ docs/assets/js/application.js | 2 +- docs/customize.html | 241 +++++++++++++++++--------------------- 4 files changed, 138 insertions(+), 156 deletions(-) diff --git a/docs/_includes/nav-customize.html b/docs/_includes/nav-customize.html index 5a869659f..38c96d543 100644 --- a/docs/_includes/nav-customize.html +++ b/docs/_includes/nav-customize.html @@ -1,10 +1,5 @@
            • - LESS components - + LESS components
            • jQuery plugins @@ -12,24 +7,24 @@
            • LESS variables
            • diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 6f7254e82..305247251 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -105,6 +105,14 @@ body { } .bs-customizer label { margin-top: 10px; + font-weight: 500; + color: #555; +} +.bs-customizer h4 { + margin-top: 15px; +} +.bs-customizer input[type="text"] { + background-color: #fafafa; } diff --git a/docs/assets/js/application.js b/docs/assets/js/application.js index 9e75a8040..30a7c0d6e 100644 --- a/docs/assets/js/application.js +++ b/docs/assets/js/application.js @@ -69,7 +69,7 @@ $('.bs-docs-carousel-example').carousel() // javascript build logic - var inputsComponent = $("#components input") + var inputsComponent = $("#less input") , inputsPlugin = $("#plugins input") , inputsVariables = $("#variables input") diff --git a/docs/customize.html b/docs/customize.html index 62ed43a9b..6b3c627d0 100644 --- a/docs/customize.html +++ b/docs/customize.html @@ -8,18 +8,14 @@ lead: Customize Bootstrap's components, LESS variables, and jQuery plugins to ge -
              +
              -

              LESS components

              -
              -

              Choose which LESS files to compile into your custom build of Bootstrap.

              -
              -

              Read the documentation

              -

              Make an informed choice by first reading about CSS and Components in the docs.

              +

              LESS files

              +

              Choose which LESS files to compile into your custom build of Bootstrap. Not sure which files to use? Read through the CSS and Components pages in the docs

              -

              The basics

              +

              Basics

              Layout

              @@ -104,7 +100,7 @@ lead: Customize Bootstrap's components, LESS variables, and jQuery plugins to ge
              -

              Bootstrap features

              +

              Components

              Navigation

              @@ -271,16 +267,14 @@ lead: Customize Bootstrap's components, LESS variables, and jQuery plugins to ge
              + +

              jQuery plugins

              -

              Choose which jQuery plugins should be included in your custom JavaScript files.

              -
              -

              Read the documentation

              -

              Make an informed choice by first reading about JavaScript in the docs.

              -
              +

              Choose which jQuery plugins should be included in your custom JavaScript files. Unsure what to include? Read the JavaScript page in the docs.

              Linked to components

              @@ -368,53 +362,57 @@ lead: Customize Bootstrap's components, LESS variables, and jQuery plugins to ge
              -
              + +

              LESS variables

              Customize LESS variables to define colors, sizes and more inside your custom CSS stylesheets.

              -

              The basics

              + +

              Basics

              +

              Body background

              - - -

              Background color applied to <body>.

              +
              +
              + + +

              Background color applied to <body>.

              +
              +
              +

              Typography

              - -

              Default sans-serif fonts. Used almost anywhere in Bootstrap.

              + +

              Default sans-serif fonts.

              - +

              Default serif fonts.

              + + +

              Default monospace fonts for <code> and <pre>.

              - - -

              Default monospace fonts. Most prominently used for <code> and <pre>.

              -
              -
              -
              -
              +

              Used to globally set font-family in Bootstrap.

              -

              Will be used to calculate font sizes throughout Bootstrap.

              +

              Used to calculate font-size throughout Bootstrap.

              -

              Will be used to calculate line heights throughout Bootstrap. Default is ˜14/20.

              -
              -
              +

              Used to calculate line-height throughout Bootstrap.

              -

              Choose a separate font weight for headings.

              +

              Choose a separate font-weight for headings.

              -

              Choose a separate line height for headings.

              +

              Choose a separate line-height for headings.

              +

              Colors

              @@ -439,15 +437,16 @@ lead: Customize Bootstrap's components, LESS variables, and jQuery plugins to ge

              Define your preferred colors for standard text and links.

              -

              Color for all standard text.

              +

              Global color set on the body.

              -

              Link color for links in standard text.

              +

              Global link color for text.

              -

              Hovered link color. Leave this blank to compute using @link-color.

              +

              Automatically darken links on hover via color function.

              +

              Media queries breakpoints

              Define the breakpoints at which your layout will change, adapting to different screen sizes.

              @@ -464,7 +463,8 @@ lead: Customize Bootstrap's components, LESS variables, and jQuery plugins to ge
              -

              The grid

              + +

              Grid system

              Define your custom responsive grid.

              @@ -481,6 +481,7 @@ lead: Customize Bootstrap's components, LESS variables, and jQuery plugins to ge

              Point at which the navbar stops collapsing.

              +

              Components

              Define common padding and border radius sizes and more.

              @@ -509,11 +510,17 @@ lead: Customize Bootstrap's components, LESS variables, and jQuery plugins to ge
              +

              Active background color

              - - -

              Used for active or hovered items in places like navs or dropdowns.

              -

              Buttons

              +
              +
              + + +

              Used for active or hovered items in places like navs or dropdowns.

              +
              +
              + +

              Buttons

              For each of Bootstrap's buttons, define text, background and border color.

              @@ -563,7 +570,8 @@ lead: Customize Bootstrap's components, LESS variables, and jQuery plugins to ge
              -

              Form states and alerts

              + +

              Form states and alerts

              Define colors for form feedback states and, by default, alerts.

              @@ -599,7 +607,8 @@ lead: Customize Bootstrap's components, LESS variables, and jQuery plugins to ge
              -

              Alerts

              + +

              Alerts

              Define alert colors and border radius.

              Border radius

              @@ -638,10 +647,12 @@ lead: Customize Bootstrap's components, LESS variables, and jQuery plugins to ge
              -

              Navbar

              + +

              Navbar

              -

              The basics

              +

              Default navbar

              +

              Basics

              @@ -672,8 +683,8 @@ lead: Customize Bootstrap's components, LESS variables, and jQuery plugins to ge
              -

              Inverted variation

              -

              The basics

              +

              Inverted navbar

              +

              Basics

              @@ -702,28 +713,29 @@ lead: Customize Bootstrap's components, LESS variables, and jQuery plugins to ge
              -

              Tables

              + +

              Tables

              -
              +

              Default background color used for all tables.

              -
              -
              +

              Background color used for .table-striped.

              -
              +

              Background color used for .table-hover.

              + + +

              Border color for table and cell borders.

              - - -

              Border color for table and cell borders.

              -

              Forms

              + +

              Forms

              Background

              @@ -733,6 +745,11 @@ lead: Customize Bootstrap's components, LESS variables, and jQuery plugins to ge

              <input disabled>background color

              + +

              Placeholder

              + + +

              Placeholder text color

              Border

              @@ -744,10 +761,8 @@ lead: Customize Bootstrap's components, LESS variables, and jQuery plugins to ge

              <input>border radius

              - - -

              Placeholder text color

              -

              Dropdowns

              + +

              Dropdowns

              Background

              @@ -780,40 +795,30 @@ lead: Customize Bootstrap's components, LESS variables, and jQuery plugins to ge

              Dropdown divider top border color

              -
              -

              Dropdown divider bottom border color

              -

              Panels and wells

              -

              Panel background

              + +

              Panels and wells

              +

              Default panel styles

              -
              +

              Panel body background color

              -
              -

              Panel heading background color

              -
              -

              Panel footer background color

              -
              -

              Panel border

              -

              Panel border color

              -
              -

              Panel border radius

              @@ -821,94 +826,67 @@ lead: Customize Bootstrap's components, LESS variables, and jQuery plugins to ge

              Contextual panel colors

              -
              +
              +

              Primary

              Primary text color

              -
              -

              Primary border color

              -
              -

              Primary heading background color

              -
              -
              -
              -
              +

              Success

              Success text color

              -
              -

              Success border color

              -
              -

              Success heading background color

              +

              Info

              + + +

              Info text color

              + + +

              Info border color

              + + +

              Info heading background color

              -
              -
              -
              +
              +

              Warning

              Warning text color

              -
              -

              Warning border color

              -
              -

              Warning heading background color

              -
              -
              -
              -
              +

              Danger

              Danger text color

              -
              -

              Danger border color

              -
              -

              Danger heading background color

              -
              -
              - - -

              Info text color

              -
              -
              - - -

              Info border color

              -
              -
              - - -

              Info heading background color

              -
              -
              -

              Well background

              + +

              Wells

              -

              Jumbotron

              + +

              Jumbotron

              @@ -926,7 +904,7 @@ lead: Customize Bootstrap's components, LESS variables, and jQuery plugins to ge

              Jumbotron lead paragraph color

              -

              Modals

              +

              Modals

              @@ -944,7 +922,7 @@ lead: Customize Bootstrap's components, LESS variables, and jQuery plugins to ge

              Modal title line-height

              -

              List group

              +

              List group

              Background

              @@ -984,7 +962,7 @@ lead: Customize Bootstrap's components, LESS variables, and jQuery plugins to ge

              Text color of active list elements

              -

              Thumbnails

              +

              Thumbnails

              @@ -1003,7 +981,7 @@ lead: Customize Bootstrap's components, LESS variables, and jQuery plugins to ge

              Thumbnail border radius

              -

              Progress bars

              +

              Progress bars

              @@ -1038,7 +1016,7 @@ lead: Customize Bootstrap's components, LESS variables, and jQuery plugins to ge

              Info progress bar color

              -

              Pagination

              +

              Pagination

              @@ -1056,7 +1034,8 @@ lead: Customize Bootstrap's components, LESS variables, and jQuery plugins to ge

              Active background color

              -

              Labels

              + +

              Labels

              @@ -1075,7 +1054,7 @@ lead: Customize Bootstrap's components, LESS variables, and jQuery plugins to ge

              Danger label background color

              -

              Tooltips and popovers

              +

              Tooltips and popovers

              Tooltip styles

              @@ -1126,7 +1105,7 @@ lead: Customize Bootstrap's components, LESS variables, and jQuery plugins to ge

              Popover outer arrow color

              -

              Other

              +

              Other

              -- cgit v1.2.3 From 79666385f761bd27a31fc363fa26cdbe5b037017 Mon Sep 17 00:00:00 2001 From: Robert Burns Date: Fri, 24 May 2013 08:14:11 -0400 Subject: Use base padding for input-group-addon class --- docs/assets/css/bootstrap.css | 2 +- less/forms.less | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index b65d86480..53dcf2edc 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1579,7 +1579,7 @@ select:focus:invalid:focus { } .input-group-addon { - padding: 6px 8px; + padding: 8px 12px; font-size: 14px; font-weight: normal; line-height: 1.428571429; diff --git a/less/forms.less b/less/forms.less index c61fd50fa..10a315da6 100644 --- a/less/forms.less +++ b/less/forms.less @@ -359,7 +359,7 @@ select:focus:invalid { // ------------------------- .input-group-addon { .box-sizing(border-box); - padding: 6px 8px; + padding: @padding-base-vertical @padding-base-horizontal; font-size: @font-size-base; font-weight: normal; line-height: @line-height-base; -- cgit v1.2.3 From f3e45c37780b12a3fa96e7d4578f38a883cba9a0 Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Fri, 24 May 2013 23:15:04 -0700 Subject: add show/shown hide/hidden events to dropdown + update dropdown links for testing + catch a few missed namespace things --- docs/assets/js/bootstrap.js | 36 ++++++++++++++-------- docs/assets/js/bootstrap.min.js | 2 +- docs/javascript.html | 48 ++++++++++++++--------------- js/carousel.js | 2 +- js/collapse.js | 2 +- js/dropdown.js | 30 ++++++++++++------ js/scrollspy.js | 2 +- js/tests/unit/dropdown.js | 67 +++++++++++++++++++++++++++++++++++++++++ 8 files changed, 138 insertions(+), 51 deletions(-) diff --git a/docs/assets/js/bootstrap.js b/docs/assets/js/bootstrap.js index f19a123a4..b2b408672 100644 --- a/docs/assets/js/bootstrap.js +++ b/docs/assets/js/bootstrap.js @@ -433,7 +433,7 @@ // CAROUSEL DATA-API // ================= - $(document).on('click.carousel.data-api', '[data-slide], [data-slide-to]', function (e) { + $(document).on('click.bs.carousel.data-api', '[data-slide], [data-slide-to]', function (e) { var $this = $(this), href var $target = $($this.attr('data-target') || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7 var options = $.extend({}, $target.data(), $this.data()) @@ -590,7 +590,7 @@ // COLLAPSE DATA-API // ================= - $(document).on('click.collapse.data-api', '[data-toggle=collapse]', function (e) { + $(document).on('click.bs.collapse.data-api', '[data-toggle=collapse]', function (e) { var $this = $(this), href var target = $this.attr('data-target') || e.preventDefault() @@ -630,10 +630,7 @@ var backdrop = '.dropdown-backdrop' var toggle = '[data-toggle=dropdown]' var Dropdown = function (element) { - var $el = $(element).on('click.dropdown.data-api', this.toggle) - $('html').on('click.dropdown.data-api', function () { - $el.parent().removeClass('open') - }) + var $el = $(element).on('click.bs.dropdown', this.toggle) } Dropdown.prototype.toggle = function (e) { @@ -651,7 +648,14 @@ // if mobile we we use a backdrop because click events don't delegate $('
              ').insertBefore($(this)).on('click', clearMenus) } - $parent.toggleClass('open') + + $parent.trigger(e = $.Event('show.bs.dropdown')) + + if (e.isDefaultPrevented()) return + + $parent + .toggleClass('open') + .trigger('shown.bs.dropdown') } $this.focus() @@ -692,7 +696,13 @@ function clearMenus() { $(backdrop).remove() - $(toggle).each(function () { getParent($(this)).removeClass('open') }) + $(toggle).each(function (e) { + var $parent = getParent($(this)) + if (!$parent.hasClass('open')) return + $parent.trigger(e = $.Event('hide.bs.dropdown')) + if (e.isDefaultPrevented()) return + $parent.removeClass('open').trigger('hidden.bs.dropdown') + }) } function getParent($this) { @@ -741,10 +751,10 @@ $(document) - .on('click.dropdown.data-api', clearMenus) - .on('click.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() }) - .on('click.dropdown.data-api' , toggle, Dropdown.prototype.toggle) - .on('keydown.dropdown.data-api', toggle + ', [role=menu]' , Dropdown.prototype.keydown) + .on('click.bs.dropdown.data-api', clearMenus) + .on('click.bs.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() }) + .on('click.bs.dropdown.data-api' , toggle, Dropdown.prototype.toggle) + .on('keydown.bs.dropdown.data-api', toggle + ', [role=menu]' , Dropdown.prototype.keydown) }(window.jQuery); /* ======================================================================== @@ -1482,7 +1492,7 @@ var $element = $(element).is('body') ? $(window) : $(element) this.$body = $('body') - this.$scrollElement = $element.on('scroll.scroll-spy.data-api', process) + this.$scrollElement = $element.on('scroll.bs.scroll-spy.data-api', process) this.options = $.extend({}, ScrollSpy.DEFAULTS, options) this.selector = (this.options.target || ((href = $(element).attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7 diff --git a/docs/assets/js/bootstrap.min.js b/docs/assets/js/bootstrap.min.js index 11dee563b..d6574777d 100644 --- a/docs/assets/js/bootstrap.min.js +++ b/docs/assets/js/bootstrap.min.js @@ -3,4 +3,4 @@ * Copyright 2012 Twitter, Inc. * http://www.apache.org/licenses/LICENSE-2.0.txt */ -+function(e){"use strict";function t(){var e=document.createElement("bootstrap"),t={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var n in t)if(e.style[n]!==undefined)return{end:t[n]}}e(function(){e.support.transition=t()})}(window.jQuery),+function(e){"use strict";var t='[data-dismiss="alert"]',n=function(n){e(n).on("click",t,this.close)};n.prototype.close=function(t){function s(){i.trigger("closed.bs.alert").remove()}var n=e(this),r=n.attr("data-target");r||(r=n.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,""));var i=e(r);t&&t.preventDefault(),i.length||(i=n.hasClass("alert")?n:n.parent()),i.trigger(t=e.Event("close.bs.alert"));if(t.isDefaultPrevented())return;i.removeClass("in"),e.support.transition&&i.hasClass("fade")?i.on(e.support.transition.end,s):s()};var r=e.fn.alert;e.fn.alert=function(t){return this.each(function(){var r=e(this),i=r.data("bs.alert");i||r.data("bs.alert",i=new n(this)),typeof t=="string"&&i[t].call(r)})},e.fn.alert.Constructor=n,e.fn.alert.noConflict=function(){return e.fn.alert=r,this},e(document).on("click.bs.alert.data-api",t,n.prototype.close)}(window.jQuery),+function(e){"use strict";var t=function(n,r){this.$element=e(n),this.options=e.extend({},t.DEFAULTS,r)};t.DEFAULTS={loadingText:"loading..."},t.prototype.setState=function(e){var t="disabled",n=this.$element,r=n.is("input")?"val":"html",i=n.data();e+="Text",i.resetText||n.data("resetText",n[r]()),n[r](i[e]||this.options[e]),setTimeout(function(){e=="loadingText"?n.addClass(t).attr(t,t):n.removeClass(t).removeAttr(t)},0)},t.prototype.toggle=function(){var e=this.$element.closest('[data-toggle="buttons-radio"]');e&&e.find(".active").removeClass("active"),this.$element.toggleClass("active")};var n=e.fn.button;e.fn.button=function(n){return this.each(function(){var r=e(this),i=r.data("button"),s=typeof n=="object"&&n;i||r.data("bs.button",i=new t(this,s)),n=="toggle"?i.toggle():n&&i.setState(n)})},e.fn.button.Constructor=t,e.fn.button.noConflict=function(){return e.fn.button=n,this},e(document).on("click.bs.button.data-api","[data-toggle^=button]",function(t){var n=e(t.target);n.hasClass("btn")||(n=n.closest(".btn")),n.button("toggle")})}(window.jQuery),+function(e){"use strict";var t=function(t,n){this.$element=e(t),this.$indicators=this.$element.find(".carousel-indicators"),this.options=n,this.paused=this.sliding=this.interval=this.$active=this.$items=null,this.options.pause=="hover"&&this.$element.on("mouseenter",e.proxy(this.pause,this)).on("mouseleave",e.proxy(this.cycle,this))};t.DEFAULTS={interval:5e3,pause:"hover"},t.prototype.cycle=function(t){return t||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(e.proxy(this.next,this),this.options.interval)),this},t.prototype.getActiveIndex=function(){return this.$active=this.$element.find(".item.active"),this.$items=this.$active.parent().children(),this.$items.index(this.$active)},t.prototype.to=function(t){var n=this,r=this.getActiveIndex();if(t>this.$items.length-1||t<0)return;return this.sliding?this.$element.one("slid",function(){n.to(t)}):r==t?this.pause().cycle():this.slide(t>r?"next":"prev",e(this.$items[t]))},t.prototype.pause=function(t){return t||(this.paused=!0),this.$element.find(".next, .prev").length&&e.support.transition.end&&(this.$element.trigger(e.support.transition.end),this.cycle(!0)),this.interval=clearInterval(this.interval),this},t.prototype.next=function(){if(this.sliding)return;return this.slide("next")},t.prototype.prev=function(){if(this.sliding)return;return this.slide("prev")},t.prototype.slide=function(t,n){var r=this.$element.find(".item.active"),i=n||r[t](),s=this.interval,o=t=="next"?"left":"right",u=t=="next"?"first":"last",a=this;this.sliding=!0,s&&this.pause(),i=i.length?i:this.$element.find(".item")[u]();var f=e.Event("slide.bs.carousel",{relatedTarget:i[0],direction:o});if(i.hasClass("active"))return;this.$indicators.length&&(this.$indicators.find(".active").removeClass("active"),this.$element.one("slid",function(){var t=e(a.$indicators.children()[a.getActiveIndex()]);t&&t.addClass("active")}));if(e.support.transition&&this.$element.hasClass("slide")){this.$element.trigger(f);if(f.isDefaultPrevented())return;i.addClass(t),i[0].offsetWidth,r.addClass(o),i.addClass(o),this.$element.one(e.support.transition.end,function(){i.removeClass([t,o].join(" ")).addClass("active"),r.removeClass(["active",o].join(" ")),a.sliding=!1,setTimeout(function(){a.$element.trigger("slid")},0)})}else{this.$element.trigger(f);if(f.isDefaultPrevented())return;r.removeClass("active"),i.addClass("active"),this.sliding=!1,this.$element.trigger("slid")}return s&&this.cycle(),this};var n=e.fn.carousel;e.fn.carousel=function(n){return this.each(function(){var r=e(this),i=r.data("bs.carousel"),s=e.extend({},t.DEFAULTS,typeof n=="object"&&n),o=typeof n=="string"?n:s.slide;i||r.data("bs.carousel",i=new t(this,s)),typeof n=="number"?i.to(n):o?i[o]():s.interval&&i.pause().cycle()})},e.fn.carousel.Constructor=t,e.fn.carousel.noConflict=function(){return e.fn.carousel=n,this},e(document).on("click.carousel.data-api","[data-slide], [data-slide-to]",function(t){var n=e(this),r,i=e(n.attr("data-target")||(r=n.attr("href"))&&r.replace(/.*(?=#[^\s]+$)/,"")),s=e.extend({},i.data(),n.data()),o;i.carousel(s),(o=n.attr("data-slide-to"))&&i.data("bs-carousel").pause().to(o).cycle(),t.preventDefault()})}(window.jQuery),+function(e){"use strict";var t=function(n,r){this.$element=e(n),this.options=e.extend({},t.DEFAULTS,r),this.transitioning=null,this.options.parent&&(this.$parent=e(this.options.parent)),this.options.toggle&&this.toggle()};t.DEFAULTS={toggle:!0},t.prototype.dimension=function(){var e=this.$element.hasClass("width");return e?"width":"height"},t.prototype.show=function(){if(this.transitioning||this.$element.hasClass("in"))return;var t=this.dimension(),n=e.camelCase(["scroll",t].join("-")),r=this.$parent&&this.$parent.find("> .accordion-group > .in");if(r&&r.length){var i=r.data("collapse");if(i&&i.transitioning)return;r.collapse("hide"),i||r.data("collapse",null)}this.$element[t](0),this.transition("addClass",e.Event("show.bs.collapse"),"shown.bs.collapse"),e.support.transition&&this.$element[t](this.$element[0][n])},t.prototype.hide=function(){if(this.transitioning||!this.$element.hasClass("in"))return;var t=this.dimension();this.reset(this.$element[t]()),this.transition("removeClass",e.Event("hide.bs.collapse"),"hidden"),this.$element[t](0)},t.prototype.reset=function(e){var t=this.dimension();return this.$element.removeClass("collapse")[t](e||"auto")[0].offsetWidth,this.$element[e!==null?"addClass":"removeClass"]("collapse"),this},t.prototype.transition=function(t,n,r){var i=this,s=function(){n.type=="show"&&i.reset(),i.transitioning=0,i.$element.trigger(r)};this.$element.trigger(n);if(n.isDefaultPrevented())return;this.transitioning=1,this.$element[t]("in"),e.support.transition&&this.$element.hasClass("collapse")?this.$element.one(e.support.transition.end,s):s()},t.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()};var n=e.fn.collapse;e.fn.collapse=function(n){return this.each(function(){var r=e(this),i=r.data("collapse"),s=e.extend({},t.DEFAULTS,r.data(),typeof n=="object"&&n);i||r.data("collapse",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.collapse.Constructor=t,e.fn.collapse.noConflict=function(){return e.fn.collapse=n,this},e(document).on("click.collapse.data-api","[data-toggle=collapse]",function(t){var n=e(this),r,i=n.attr("data-target")||t.preventDefault()||(r=n.attr("href"))&&r.replace(/.*(?=#[^\s]+$)/,""),s=e(i).data("collapse")?"toggle":n.data();n[e(i).hasClass("in")?"addClass":"removeClass"]("collapsed"),e(i).collapse(s)})}(window.jQuery),+function(e){"use strict";function i(){e(t).remove(),e(n).each(function(){s(e(this)).removeClass("open")})}function s(t){var n=t.attr("data-target");n||(n=t.attr("href"),n=n&&/#/.test(n)&&n.replace(/.*(?=#[^\s]*$)/,""));var r=n&&e(n);return r&&r.length?r:t.parent()}var t=".dropdown-backdrop",n="[data-toggle=dropdown]",r=function(t){var n=e(t).on("click.dropdown.data-api",this.toggle);e("html").on("click.dropdown.data-api",function(){n.parent().removeClass("open")})};r.prototype.toggle=function(t){var n=e(this);if(n.is(".disabled, :disabled"))return;var r=s(n),o=r.hasClass("open");return i(),o||("ontouchstart"in document.documentElement&&e('
              ').insertBefore(e(this)).on("click",i),r.toggleClass("open")),n.focus(),!1},r.prototype.keydown=function(t){if(!/(38|40|27)/.test(t.keyCode))return;var r=e(this);t.preventDefault(),t.stopPropagation();if(r.is(".disabled, :disabled"))return;var i=s(r),o=i.hasClass("open");if(!o||o&&t.keyCode==27)return t.which==27&&i.find(n).focus(),r.click();var u=e("[role=menu] li:not(.divider):visible a",i);if(!u.length)return;var a=u.index(u.filter(":focus"));t.keyCode==38&&a>0&&a--,t.keyCode==40&&a').appendTo(document.body),this.$backdrop.click(this.options.backdrop=="static"?e.proxy(this.$element[0].focus,this.$element[0]):e.proxy(this.hide,this)),i&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in");if(!t)return;i?this.$backdrop.one(e.support.transition.end,t):t()}else!this.isShown&&this.$backdrop?(this.$backdrop.removeClass("in"),e.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one(e.support.transition.end,t):t()):t&&t()};var n=e.fn.modal;e.fn.modal=function(n){return this.each(function(){var r=e(this),i=r.data("bs.modal"),s=e.extend({},t.DEFAULTS,r.data(),typeof n=="object"&&n);i||r.data("bs.modal",i=new t(this,s)),typeof n=="string"?i[n]():s.show&&i.show()})},e.fn.modal.Constructor=t,e.fn.modal.noConflict=function(){return e.fn.modal=n,this},e(document).on("click.bs.modal.data-api",'[data-toggle="modal"]',function(t){var n=e(this),r=n.attr("href"),i=e(n.attr("data-target")||r&&r.replace(/.*(?=#[^\s]+$)/,"")),s=i.data("modal")?"toggle":e.extend({remote:!/#/.test(r)&&r},i.data(),n.data());t.preventDefault(),i.modal(s).one("hide",function(){n.focus()})});var r=e(document.body).on("bs.modal.shown",".modal",function(){r.addClass("modal-open")}).on("bs.modal.hidden",".modal",function(){r.removeClass("modal-open")})}(window.jQuery),+function(e){"use strict";var t=function(e,t){this.type=this.options=this.enabled=this.timeout=this.hoverState=this.$element=null,this.init("tooltip",e,t)};t.DEFAULTS={animation:!0,placement:"top",selector:!1,template:'
              ',trigger:"hover focus",title:"",delay:0,html:!1,container:!1},t.prototype.init=function(t,n,r){this.enabled=!0,this.type=t,this.$element=e(n),this.options=this.getOptions(r);var i=this.options.trigger.split(" ");for(var s=i.length;s--;){var o=i[s];if(o=="click")this.$element.on("click."+this.type,this.options.selector,e.proxy(this.toggle,this));else if(o!="manual"){var u=o=="hover"?"mouseenter":"focus",a=o=="hover"?"mouseleave":"blur";this.$element.on(u+"."+this.type,this.options.selector,e.proxy(this.enter,this)),this.$element.on(a+"."+this.type,this.options.selector,e.proxy(this.leave,this))}}this.options.selector?this._options=e.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},t.prototype.getDefaults=function(){return t.DEFAULTS},t.prototype.getOptions=function(t){return t=e.extend({},this.getDefaults(),this.$element.data(),t),t.delay&&typeof t.delay=="number"&&(t.delay={show:t.delay,hide:t.delay}),t},t.prototype.enter=function(t){var n=this.getDefaults(),r={};this._options&&e.each(this._options,function(e,t){n[e]!=t&&(r[e]=t)});var i=e(t.currentTarget)[this.type](r).data("bs."+this.type);if(!i.options.delay||!i.options.delay.show)return i.show();clearTimeout(this.timeout),i.hoverState="in",this.timeout=setTimeout(function(){i.hoverState=="in"&&i.show()},i.options.delay.show)},t.prototype.leave=function(t){var n=e(t.currentTarget)[this.type](this._options).data("bs."+this.type);this.timeout&&clearTimeout(this.timeout);if(!n.options.delay||!n.options.delay.hide)return n.hide();n.hoverState="out",this.timeout=setTimeout(function(){n.hoverState=="out"&&n.hide()},n.options.delay.hide)},t.prototype.show=function(){var t=e.Event("show.bs."+this.type);if(this.hasContent()&&this.enabled){this.$element.trigger(t);if(t.isDefaultPrevented())return;var n=this.tip();this.setContent(),this.options.animation&&n.addClass("fade");var r=typeof this.options.placement=="function"?this.options.placement.call(this,n[0],this.$element[0]):this.options.placement;n.detach().css({top:0,left:0,display:"block"}),this.options.container?n.appendTo(this.options.container):n.insertAfter(this.$element);var i,s=this.getPosition(),o=n[0].offsetWidth,u=n[0].offsetHeight;switch(r){case"bottom":i={top:s.top+s.height,left:s.left+s.width/2-o/2};break;case"top":i={top:s.top-u,left:s.left+s.width/2-o/2};break;case"left":i={top:s.top+s.height/2-u/2,left:s.left-o};break;case"right":i={top:s.top+s.height/2-u/2,left:s.left+s.width}}this.applyPlacement(i,r),this.$element.trigger("shown.bs."+this.type)}},t.prototype.applyPlacement=function(e,t){var n,r=this.tip(),i=r[0].offsetWidth,s=r[0].offsetHeight;r.offset(e).addClass(t).addClass("in");var o=r[0].offsetWidth,u=r[0].offsetHeight;t=="top"&&u!=s&&(n=!0,e.top=e.top+s-u);if(t=="bottom"||t=="top"){var a=0;e.left<0&&(a=e.left*-2,e.left=0,r.offset(e),o=r[0].offsetWidth,u=r[0].offsetHeight),this.replaceArrow(a-i+o,o,"left")}else this.replaceArrow(u-s,u,"top");n&&r.offset(e)},t.prototype.replaceArrow=function(e,t,n){this.arrow().css(n,e?50*(1-e/t)+"%":"")},t.prototype.setContent=function(){var e=this.tip(),t=this.getTitle();e.find(".tooltip-inner")[this.options.html?"html":"text"](t),e.removeClass("fade in top bottom left right")},t.prototype.hide=function(){function i(){var t=setTimeout(function(){n.off(e.support.transition.end).detach()},500);n.one(e.support.transition.end,function(){clearTimeout(t),n.detach()})}var t=this,n=this.tip(),r=e.Event("hide.bs."+this.type);this.$element.trigger(r);if(r.isDefaultPrevented())return;return n.removeClass("in"),e.support.transition&&this.$tip.hasClass("fade")?i():n.detach(),this.$element.trigger("hidden.bs."+this.type),this},t.prototype.fixTitle=function(){var e=this.$element;(e.attr("title")||typeof e.attr("data-original-title")!="string")&&e.attr("data-original-title",e.attr("title")||"").attr("title","")},t.prototype.hasContent=function(){return this.getTitle()},t.prototype.getPosition=function(){var t=this.$element[0];return e.extend({},typeof t.getBoundingClientRect=="function"?t.getBoundingClientRect():{width:t.offsetWidth,height:t.offsetHeight},this.$element.offset())},t.prototype.getTitle=function(){var e,t=this.$element,n=this.options;return e=t.attr("data-original-title")||(typeof n.title=="function"?n.title.call(t[0]):n.title),e},t.prototype.tip=function(){return this.$tip=this.$tip||e(this.options.template)},t.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".tooltip-arrow")},t.prototype.validate=function(){this.$element[0].parentNode||(this.hide(),this.$element=null,this.options=null)},t.prototype.enable=function(){this.enabled=!0},t.prototype.disable=function(){this.enabled=!1},t.prototype.toggleEnabled=function(){this.enabled=!this.enabled},t.prototype.toggle=function(t){var n=t?e(t.currentTarget)[this.type](this._options).data("bs."+this.type):this;n.tip().hasClass("in")?n.hide():n.show()},t.prototype.destroy=function(){this.hide().$element.off("."+this.type).removeData("bs."+this.type)};var n=e.fn.tooltip;e.fn.tooltip=function(n){return this.each(function(){var r=e(this),i=r.data("bs.tooltip"),s=typeof n=="object"&&n;i||r.data("bs.tooltip",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.tooltip.Constructor=t,e.fn.tooltip.noConflict=function(){return e.fn.tooltip=n,this}}(window.jQuery),+function(e){"use strict";var t=function(e,t){this.init("popover",e,t)};t.DEFAULTS=e.extend({},e.fn.tooltip.Constructor.DEFAULTS,{placement:"right",trigger:"click",content:"",template:'

              '}),t.prototype=e.extend({},e.fn.tooltip.Constructor.prototype),t.prototype.constructor=t,t.prototype.getDefaults=function(){return t.DEFAULTS},t.prototype.setContent=function(){var e=this.tip(),t=this.getTitle(),n=this.getContent();e.find(".popover-title")[this.options.html?"html":"text"](t),e.find(".popover-content")[this.options.html?"html":"text"](n),e.removeClass("fade top bottom left right in")},t.prototype.hasContent=function(){return this.getTitle()||this.getContent()},t.prototype.getContent=function(){var e=typeof this.options.content=="function"?this.options.content.call(this.$element[0]):this.options.content;return e||this.$element.attr("data-content")},t.prototype.tip=function(){return this.$tip||(this.$tip=e(this.options.template)),this.$tip},t.prototype.destroy=function(){this.hide().$element.off("."+this.type).removeData(this.type)};var n=e.fn.popover;e.fn.popover=function(n){return this.each(function(){var r=e(this),i=r.data("bs.popover"),s=typeof n=="object"&&n;i||r.data("bs.popover",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.popover.Constructor=t,e.fn.popover.noConflict=function(){return e.fn.popover=n,this}}(window.jQuery),+function(e){"use strict";function t(n,r){var i,s=e.proxy(this.process,this),o=e(n).is("body")?e(window):e(n);this.$body=e("body"),this.$scrollElement=o.on("scroll.scroll-spy.data-api",s),this.options=e.extend({},t.DEFAULTS,r),this.selector=(this.options.target||(i=e(n).attr("href"))&&i.replace(/.*(?=#[^\s]+$)/,"")||"")+" .nav li > a",this.offsets=e([]),this.targets=e([]),this.activeTarget=null,this.refresh(),this.process()}t.DEFAULTS={offset:10},t.prototype.refresh=function(){this.offsets=e([]),this.targets=e([]);var t=this,n=this.$body.find(this.selector).map(function(){var n=e(this),r=n.data("target")||n.attr("href"),i=/^#\w/.test(r)&&e(r);return i&&i.length&&[[i.position().top+(!e.isWindow(t.$scrollElement.get(0))&&t.$scrollElement.scrollTop()),r]]||null}).sort(function(e,t){return e[0]-t[0]}).each(function(){t.offsets.push(this[0]),t.targets.push(this[1])})},t.prototype.process=function(){var e=this.$scrollElement.scrollTop()+this.options.offset,t=this.$scrollElement[0].scrollHeight||this.$body[0].scrollHeight,n=t-this.$scrollElement.height(),r=this.offsets,i=this.targets,s=this.activeTarget,o;if(e>=n)return s!=(o=i.last()[0])&&this.activate(o);for(o=r.length;o--;)s!=i[o]&&e>=r[o]&&(!r[o+1]||e<=r[o+1])&&this.activate(i[o])},t.prototype.activate=function(t){this.activeTarget=t,e(this.selector).parents(".active").removeClass("active");var n=this.selector+'[data-target="'+t+'"],'+this.selector+'[href="'+t+'"]',r=e(n).parents("li").addClass("active");r.parent(".dropdown-menu").length&&(r=r.closest("li.dropdown").addClass("active")),r.trigger("activate")};var n=e.fn.scrollspy;e.fn.scrollspy=function(n){return this.each(function(){var r=e(this),i=r.data("bs.scrollspy"),s=typeof n=="object"&&n;i||r.data("bs.scrollspy",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.scrollspy.Constructor=t,e.fn.scrollspy.noConflict=function(){return e.fn.scrollspy=n,this},e(window).on("load",function(){e('[data-spy="scroll"]').each(function(){var t=e(this);t.scrollspy(t.data())})})}(window.jQuery),+function(e){"use strict";var t=function(t){this.element=e(t)};t.prototype.show=function(){var t=this.element,n=t.closest("ul:not(.dropdown-menu)"),r=t.attr("data-target");r||(r=t.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,""));if(t.parent("li").hasClass("active"))return;var i=n.find(".active:last a")[0],s=e.Event("show.bs.tab",{relatedTarget:i});t.trigger(s);if(s.isDefaultPrevented())return;var o=e(r);this.activate(t.parent("li"),n),this.activate(o,o.parent(),function(){t.trigger({type:"shown.bs.tab",relatedTarget:i})})},t.prototype.activate=function(t,n,r){function o(){i.removeClass("active").find("> .dropdown-menu > .active").removeClass("active"),t.addClass("active"),s?(t[0].offsetWidth,t.addClass("in")):t.removeClass("fade"),t.parent(".dropdown-menu")&&t.closest("li.dropdown").addClass("active"),r&&r()}var i=n.find("> .active"),s=r&&e.support.transition&&i.hasClass("fade");s?i.one(e.support.transition.end,o):o(),i.removeClass("in")};var n=e.fn.tab;e.fn.tab=function(n){return this.each(function(){var r=e(this),i=r.data("bs.tab");i||r.data("bs.tab",i=new t(this)),typeof n=="string"&&i[n]()})},e.fn.tab.Constructor=t,e.fn.tab.noConflict=function(){return e.fn.tab=n,this},e(document).on("click.bs.tab.data-api",'[data-toggle="tab"], [data-toggle="pill"]',function(t){t.preventDefault(),e(this).tab("show")})}(window.jQuery),+function(e){"use strict";var t=function(n,r){this.options=e.extend({},t.DEFAULTS,r),this.$window=e(window).on("scroll.bs.affix.data-api",e.proxy(this.checkPosition,this)).on("click.bs.affix.data-api",e.proxy(this.checkPositionWithEventLoop,this)),this.$element=e(n),this.affixed=this.unpin=null,this.checkPosition()};t.DEFAULTS={offset:0},t.prototype.checkPositionWithEventLoop=function(){setTimeout(e.proxy(this.checkPosition,this),1)},t.prototype.checkPosition=function(){if(!this.$element.is(":visible"))return;var t=e(document).height(),n=this.$window.scrollTop(),r=this.$element.offset(),i=this.options.offset,s=i.top,o=i.bottom,u="affix affix-top affix-bottom";typeof i!="object"&&(o=s=i),typeof s=="function"&&(s=i.top()),typeof o=="function"&&(o=i.bottom());var a=this.unpin!=null&&n+this.unpin<=r.top?!1:o!=null&&r.top+this.$element.height()>=t-o?"bottom":s!=null&&n<=s?"top":!1;if(this.affixed===a)return;this.affixed=a,this.unpin=a=="bottom"?r.top-n:null,this.$element.removeClass(u).addClass("affix"+(a?"-"+a:""))};var n=e.fn.affix;e.fn.affix=function(n){return this.each(function(){var r=e(this),i=r.data("bs.affix"),s=typeof n=="object"&&n;i||r.data("bs.affix",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.affix.Constructor=t,e.fn.affix.noConflict=function(){return e.fn.affix=n,this},e(window).on("load",function(){e('[data-spy="affix"]').each(function(){var t=e(this),n=t.data();n.offset=n.offset||{},n.offsetBottom&&(n.offset.bottom=n.offsetBottom),n.offsetTop&&(n.offset.top=n.offsetTop),t.affix(n)})})}(window.jQuery); \ No newline at end of file ++function(e){"use strict";function t(){var e=document.createElement("bootstrap"),t={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var n in t)if(e.style[n]!==undefined)return{end:t[n]}}e(function(){e.support.transition=t()})}(window.jQuery),+function(e){"use strict";var t='[data-dismiss="alert"]',n=function(n){e(n).on("click",t,this.close)};n.prototype.close=function(t){function s(){i.trigger("closed.bs.alert").remove()}var n=e(this),r=n.attr("data-target");r||(r=n.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,""));var i=e(r);t&&t.preventDefault(),i.length||(i=n.hasClass("alert")?n:n.parent()),i.trigger(t=e.Event("close.bs.alert"));if(t.isDefaultPrevented())return;i.removeClass("in"),e.support.transition&&i.hasClass("fade")?i.on(e.support.transition.end,s):s()};var r=e.fn.alert;e.fn.alert=function(t){return this.each(function(){var r=e(this),i=r.data("bs.alert");i||r.data("bs.alert",i=new n(this)),typeof t=="string"&&i[t].call(r)})},e.fn.alert.Constructor=n,e.fn.alert.noConflict=function(){return e.fn.alert=r,this},e(document).on("click.bs.alert.data-api",t,n.prototype.close)}(window.jQuery),+function(e){"use strict";var t=function(n,r){this.$element=e(n),this.options=e.extend({},t.DEFAULTS,r)};t.DEFAULTS={loadingText:"loading..."},t.prototype.setState=function(e){var t="disabled",n=this.$element,r=n.is("input")?"val":"html",i=n.data();e+="Text",i.resetText||n.data("resetText",n[r]()),n[r](i[e]||this.options[e]),setTimeout(function(){e=="loadingText"?n.addClass(t).attr(t,t):n.removeClass(t).removeAttr(t)},0)},t.prototype.toggle=function(){var e=this.$element.closest('[data-toggle="buttons-radio"]');e&&e.find(".active").removeClass("active"),this.$element.toggleClass("active")};var n=e.fn.button;e.fn.button=function(n){return this.each(function(){var r=e(this),i=r.data("button"),s=typeof n=="object"&&n;i||r.data("bs.button",i=new t(this,s)),n=="toggle"?i.toggle():n&&i.setState(n)})},e.fn.button.Constructor=t,e.fn.button.noConflict=function(){return e.fn.button=n,this},e(document).on("click.bs.button.data-api","[data-toggle^=button]",function(t){var n=e(t.target);n.hasClass("btn")||(n=n.closest(".btn")),n.button("toggle")})}(window.jQuery),+function(e){"use strict";var t=function(t,n){this.$element=e(t),this.$indicators=this.$element.find(".carousel-indicators"),this.options=n,this.paused=this.sliding=this.interval=this.$active=this.$items=null,this.options.pause=="hover"&&this.$element.on("mouseenter",e.proxy(this.pause,this)).on("mouseleave",e.proxy(this.cycle,this))};t.DEFAULTS={interval:5e3,pause:"hover"},t.prototype.cycle=function(t){return t||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(e.proxy(this.next,this),this.options.interval)),this},t.prototype.getActiveIndex=function(){return this.$active=this.$element.find(".item.active"),this.$items=this.$active.parent().children(),this.$items.index(this.$active)},t.prototype.to=function(t){var n=this,r=this.getActiveIndex();if(t>this.$items.length-1||t<0)return;return this.sliding?this.$element.one("slid",function(){n.to(t)}):r==t?this.pause().cycle():this.slide(t>r?"next":"prev",e(this.$items[t]))},t.prototype.pause=function(t){return t||(this.paused=!0),this.$element.find(".next, .prev").length&&e.support.transition.end&&(this.$element.trigger(e.support.transition.end),this.cycle(!0)),this.interval=clearInterval(this.interval),this},t.prototype.next=function(){if(this.sliding)return;return this.slide("next")},t.prototype.prev=function(){if(this.sliding)return;return this.slide("prev")},t.prototype.slide=function(t,n){var r=this.$element.find(".item.active"),i=n||r[t](),s=this.interval,o=t=="next"?"left":"right",u=t=="next"?"first":"last",a=this;this.sliding=!0,s&&this.pause(),i=i.length?i:this.$element.find(".item")[u]();var f=e.Event("slide.bs.carousel",{relatedTarget:i[0],direction:o});if(i.hasClass("active"))return;this.$indicators.length&&(this.$indicators.find(".active").removeClass("active"),this.$element.one("slid",function(){var t=e(a.$indicators.children()[a.getActiveIndex()]);t&&t.addClass("active")}));if(e.support.transition&&this.$element.hasClass("slide")){this.$element.trigger(f);if(f.isDefaultPrevented())return;i.addClass(t),i[0].offsetWidth,r.addClass(o),i.addClass(o),this.$element.one(e.support.transition.end,function(){i.removeClass([t,o].join(" ")).addClass("active"),r.removeClass(["active",o].join(" ")),a.sliding=!1,setTimeout(function(){a.$element.trigger("slid")},0)})}else{this.$element.trigger(f);if(f.isDefaultPrevented())return;r.removeClass("active"),i.addClass("active"),this.sliding=!1,this.$element.trigger("slid")}return s&&this.cycle(),this};var n=e.fn.carousel;e.fn.carousel=function(n){return this.each(function(){var r=e(this),i=r.data("bs.carousel"),s=e.extend({},t.DEFAULTS,typeof n=="object"&&n),o=typeof n=="string"?n:s.slide;i||r.data("bs.carousel",i=new t(this,s)),typeof n=="number"?i.to(n):o?i[o]():s.interval&&i.pause().cycle()})},e.fn.carousel.Constructor=t,e.fn.carousel.noConflict=function(){return e.fn.carousel=n,this},e(document).on("click.bs.carousel.data-api","[data-slide], [data-slide-to]",function(t){var n=e(this),r,i=e(n.attr("data-target")||(r=n.attr("href"))&&r.replace(/.*(?=#[^\s]+$)/,"")),s=e.extend({},i.data(),n.data()),o;i.carousel(s),(o=n.attr("data-slide-to"))&&i.data("bs-carousel").pause().to(o).cycle(),t.preventDefault()})}(window.jQuery),+function(e){"use strict";var t=function(n,r){this.$element=e(n),this.options=e.extend({},t.DEFAULTS,r),this.transitioning=null,this.options.parent&&(this.$parent=e(this.options.parent)),this.options.toggle&&this.toggle()};t.DEFAULTS={toggle:!0},t.prototype.dimension=function(){var e=this.$element.hasClass("width");return e?"width":"height"},t.prototype.show=function(){if(this.transitioning||this.$element.hasClass("in"))return;var t=this.dimension(),n=e.camelCase(["scroll",t].join("-")),r=this.$parent&&this.$parent.find("> .accordion-group > .in");if(r&&r.length){var i=r.data("collapse");if(i&&i.transitioning)return;r.collapse("hide"),i||r.data("collapse",null)}this.$element[t](0),this.transition("addClass",e.Event("show.bs.collapse"),"shown.bs.collapse"),e.support.transition&&this.$element[t](this.$element[0][n])},t.prototype.hide=function(){if(this.transitioning||!this.$element.hasClass("in"))return;var t=this.dimension();this.reset(this.$element[t]()),this.transition("removeClass",e.Event("hide.bs.collapse"),"hidden"),this.$element[t](0)},t.prototype.reset=function(e){var t=this.dimension();return this.$element.removeClass("collapse")[t](e||"auto")[0].offsetWidth,this.$element[e!==null?"addClass":"removeClass"]("collapse"),this},t.prototype.transition=function(t,n,r){var i=this,s=function(){n.type=="show"&&i.reset(),i.transitioning=0,i.$element.trigger(r)};this.$element.trigger(n);if(n.isDefaultPrevented())return;this.transitioning=1,this.$element[t]("in"),e.support.transition&&this.$element.hasClass("collapse")?this.$element.one(e.support.transition.end,s):s()},t.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()};var n=e.fn.collapse;e.fn.collapse=function(n){return this.each(function(){var r=e(this),i=r.data("collapse"),s=e.extend({},t.DEFAULTS,r.data(),typeof n=="object"&&n);i||r.data("collapse",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.collapse.Constructor=t,e.fn.collapse.noConflict=function(){return e.fn.collapse=n,this},e(document).on("click.bs.collapse.data-api","[data-toggle=collapse]",function(t){var n=e(this),r,i=n.attr("data-target")||t.preventDefault()||(r=n.attr("href"))&&r.replace(/.*(?=#[^\s]+$)/,""),s=e(i).data("collapse")?"toggle":n.data();n[e(i).hasClass("in")?"addClass":"removeClass"]("collapsed"),e(i).collapse(s)})}(window.jQuery),+function(e){"use strict";function i(){e(t).remove(),e(n).each(function(t){var n=s(e(this));if(!n.hasClass("open"))return;n.trigger(t=e.Event("hide.bs.dropdown"));if(t.isDefaultPrevented())return;n.removeClass("open").trigger("hidden.bs.dropdown")})}function s(t){var n=t.attr("data-target");n||(n=t.attr("href"),n=n&&/#/.test(n)&&n.replace(/.*(?=#[^\s]*$)/,""));var r=n&&e(n);return r&&r.length?r:t.parent()}var t=".dropdown-backdrop",n="[data-toggle=dropdown]",r=function(t){var n=e(t).on("click.bs.dropdown",this.toggle)};r.prototype.toggle=function(t){var n=e(this);if(n.is(".disabled, :disabled"))return;var r=s(n),o=r.hasClass("open");i();if(!o){"ontouchstart"in document.documentElement&&e('
              ').insertBefore(e(this)).on("click",i),r.trigger(t=e.Event("show.bs.dropdown"));if(t.isDefaultPrevented())return;r.toggleClass("open").trigger("shown.bs.dropdown")}return n.focus(),!1},r.prototype.keydown=function(t){if(!/(38|40|27)/.test(t.keyCode))return;var r=e(this);t.preventDefault(),t.stopPropagation();if(r.is(".disabled, :disabled"))return;var i=s(r),o=i.hasClass("open");if(!o||o&&t.keyCode==27)return t.which==27&&i.find(n).focus(),r.click();var u=e("[role=menu] li:not(.divider):visible a",i);if(!u.length)return;var a=u.index(u.filter(":focus"));t.keyCode==38&&a>0&&a--,t.keyCode==40&&a').appendTo(document.body),this.$backdrop.click(this.options.backdrop=="static"?e.proxy(this.$element[0].focus,this.$element[0]):e.proxy(this.hide,this)),i&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in");if(!t)return;i?this.$backdrop.one(e.support.transition.end,t):t()}else!this.isShown&&this.$backdrop?(this.$backdrop.removeClass("in"),e.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one(e.support.transition.end,t):t()):t&&t()};var n=e.fn.modal;e.fn.modal=function(n){return this.each(function(){var r=e(this),i=r.data("bs.modal"),s=e.extend({},t.DEFAULTS,r.data(),typeof n=="object"&&n);i||r.data("bs.modal",i=new t(this,s)),typeof n=="string"?i[n]():s.show&&i.show()})},e.fn.modal.Constructor=t,e.fn.modal.noConflict=function(){return e.fn.modal=n,this},e(document).on("click.bs.modal.data-api",'[data-toggle="modal"]',function(t){var n=e(this),r=n.attr("href"),i=e(n.attr("data-target")||r&&r.replace(/.*(?=#[^\s]+$)/,"")),s=i.data("modal")?"toggle":e.extend({remote:!/#/.test(r)&&r},i.data(),n.data());t.preventDefault(),i.modal(s).one("hide",function(){n.focus()})});var r=e(document.body).on("bs.modal.shown",".modal",function(){r.addClass("modal-open")}).on("bs.modal.hidden",".modal",function(){r.removeClass("modal-open")})}(window.jQuery),+function(e){"use strict";var t=function(e,t){this.type=this.options=this.enabled=this.timeout=this.hoverState=this.$element=null,this.init("tooltip",e,t)};t.DEFAULTS={animation:!0,placement:"top",selector:!1,template:'
              ',trigger:"hover focus",title:"",delay:0,html:!1,container:!1},t.prototype.init=function(t,n,r){this.enabled=!0,this.type=t,this.$element=e(n),this.options=this.getOptions(r);var i=this.options.trigger.split(" ");for(var s=i.length;s--;){var o=i[s];if(o=="click")this.$element.on("click."+this.type,this.options.selector,e.proxy(this.toggle,this));else if(o!="manual"){var u=o=="hover"?"mouseenter":"focus",a=o=="hover"?"mouseleave":"blur";this.$element.on(u+"."+this.type,this.options.selector,e.proxy(this.enter,this)),this.$element.on(a+"."+this.type,this.options.selector,e.proxy(this.leave,this))}}this.options.selector?this._options=e.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},t.prototype.getDefaults=function(){return t.DEFAULTS},t.prototype.getOptions=function(t){return t=e.extend({},this.getDefaults(),this.$element.data(),t),t.delay&&typeof t.delay=="number"&&(t.delay={show:t.delay,hide:t.delay}),t},t.prototype.enter=function(t){var n=this.getDefaults(),r={};this._options&&e.each(this._options,function(e,t){n[e]!=t&&(r[e]=t)});var i=e(t.currentTarget)[this.type](r).data("bs."+this.type);if(!i.options.delay||!i.options.delay.show)return i.show();clearTimeout(this.timeout),i.hoverState="in",this.timeout=setTimeout(function(){i.hoverState=="in"&&i.show()},i.options.delay.show)},t.prototype.leave=function(t){var n=e(t.currentTarget)[this.type](this._options).data("bs."+this.type);this.timeout&&clearTimeout(this.timeout);if(!n.options.delay||!n.options.delay.hide)return n.hide();n.hoverState="out",this.timeout=setTimeout(function(){n.hoverState=="out"&&n.hide()},n.options.delay.hide)},t.prototype.show=function(){var t=e.Event("show.bs."+this.type);if(this.hasContent()&&this.enabled){this.$element.trigger(t);if(t.isDefaultPrevented())return;var n=this.tip();this.setContent(),this.options.animation&&n.addClass("fade");var r=typeof this.options.placement=="function"?this.options.placement.call(this,n[0],this.$element[0]):this.options.placement;n.detach().css({top:0,left:0,display:"block"}),this.options.container?n.appendTo(this.options.container):n.insertAfter(this.$element);var i,s=this.getPosition(),o=n[0].offsetWidth,u=n[0].offsetHeight;switch(r){case"bottom":i={top:s.top+s.height,left:s.left+s.width/2-o/2};break;case"top":i={top:s.top-u,left:s.left+s.width/2-o/2};break;case"left":i={top:s.top+s.height/2-u/2,left:s.left-o};break;case"right":i={top:s.top+s.height/2-u/2,left:s.left+s.width}}this.applyPlacement(i,r),this.$element.trigger("shown.bs."+this.type)}},t.prototype.applyPlacement=function(e,t){var n,r=this.tip(),i=r[0].offsetWidth,s=r[0].offsetHeight;r.offset(e).addClass(t).addClass("in");var o=r[0].offsetWidth,u=r[0].offsetHeight;t=="top"&&u!=s&&(n=!0,e.top=e.top+s-u);if(t=="bottom"||t=="top"){var a=0;e.left<0&&(a=e.left*-2,e.left=0,r.offset(e),o=r[0].offsetWidth,u=r[0].offsetHeight),this.replaceArrow(a-i+o,o,"left")}else this.replaceArrow(u-s,u,"top");n&&r.offset(e)},t.prototype.replaceArrow=function(e,t,n){this.arrow().css(n,e?50*(1-e/t)+"%":"")},t.prototype.setContent=function(){var e=this.tip(),t=this.getTitle();e.find(".tooltip-inner")[this.options.html?"html":"text"](t),e.removeClass("fade in top bottom left right")},t.prototype.hide=function(){function i(){var t=setTimeout(function(){n.off(e.support.transition.end).detach()},500);n.one(e.support.transition.end,function(){clearTimeout(t),n.detach()})}var t=this,n=this.tip(),r=e.Event("hide.bs."+this.type);this.$element.trigger(r);if(r.isDefaultPrevented())return;return n.removeClass("in"),e.support.transition&&this.$tip.hasClass("fade")?i():n.detach(),this.$element.trigger("hidden.bs."+this.type),this},t.prototype.fixTitle=function(){var e=this.$element;(e.attr("title")||typeof e.attr("data-original-title")!="string")&&e.attr("data-original-title",e.attr("title")||"").attr("title","")},t.prototype.hasContent=function(){return this.getTitle()},t.prototype.getPosition=function(){var t=this.$element[0];return e.extend({},typeof t.getBoundingClientRect=="function"?t.getBoundingClientRect():{width:t.offsetWidth,height:t.offsetHeight},this.$element.offset())},t.prototype.getTitle=function(){var e,t=this.$element,n=this.options;return e=t.attr("data-original-title")||(typeof n.title=="function"?n.title.call(t[0]):n.title),e},t.prototype.tip=function(){return this.$tip=this.$tip||e(this.options.template)},t.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".tooltip-arrow")},t.prototype.validate=function(){this.$element[0].parentNode||(this.hide(),this.$element=null,this.options=null)},t.prototype.enable=function(){this.enabled=!0},t.prototype.disable=function(){this.enabled=!1},t.prototype.toggleEnabled=function(){this.enabled=!this.enabled},t.prototype.toggle=function(t){var n=t?e(t.currentTarget)[this.type](this._options).data("bs."+this.type):this;n.tip().hasClass("in")?n.hide():n.show()},t.prototype.destroy=function(){this.hide().$element.off("."+this.type).removeData("bs."+this.type)};var n=e.fn.tooltip;e.fn.tooltip=function(n){return this.each(function(){var r=e(this),i=r.data("bs.tooltip"),s=typeof n=="object"&&n;i||r.data("bs.tooltip",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.tooltip.Constructor=t,e.fn.tooltip.noConflict=function(){return e.fn.tooltip=n,this}}(window.jQuery),+function(e){"use strict";var t=function(e,t){this.init("popover",e,t)};t.DEFAULTS=e.extend({},e.fn.tooltip.Constructor.DEFAULTS,{placement:"right",trigger:"click",content:"",template:'

              '}),t.prototype=e.extend({},e.fn.tooltip.Constructor.prototype),t.prototype.constructor=t,t.prototype.getDefaults=function(){return t.DEFAULTS},t.prototype.setContent=function(){var e=this.tip(),t=this.getTitle(),n=this.getContent();e.find(".popover-title")[this.options.html?"html":"text"](t),e.find(".popover-content")[this.options.html?"html":"text"](n),e.removeClass("fade top bottom left right in")},t.prototype.hasContent=function(){return this.getTitle()||this.getContent()},t.prototype.getContent=function(){var e=typeof this.options.content=="function"?this.options.content.call(this.$element[0]):this.options.content;return e||this.$element.attr("data-content")},t.prototype.tip=function(){return this.$tip||(this.$tip=e(this.options.template)),this.$tip},t.prototype.destroy=function(){this.hide().$element.off("."+this.type).removeData(this.type)};var n=e.fn.popover;e.fn.popover=function(n){return this.each(function(){var r=e(this),i=r.data("bs.popover"),s=typeof n=="object"&&n;i||r.data("bs.popover",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.popover.Constructor=t,e.fn.popover.noConflict=function(){return e.fn.popover=n,this}}(window.jQuery),+function(e){"use strict";function t(n,r){var i,s=e.proxy(this.process,this),o=e(n).is("body")?e(window):e(n);this.$body=e("body"),this.$scrollElement=o.on("scroll.bs.scroll-spy.data-api",s),this.options=e.extend({},t.DEFAULTS,r),this.selector=(this.options.target||(i=e(n).attr("href"))&&i.replace(/.*(?=#[^\s]+$)/,"")||"")+" .nav li > a",this.offsets=e([]),this.targets=e([]),this.activeTarget=null,this.refresh(),this.process()}t.DEFAULTS={offset:10},t.prototype.refresh=function(){this.offsets=e([]),this.targets=e([]);var t=this,n=this.$body.find(this.selector).map(function(){var n=e(this),r=n.data("target")||n.attr("href"),i=/^#\w/.test(r)&&e(r);return i&&i.length&&[[i.position().top+(!e.isWindow(t.$scrollElement.get(0))&&t.$scrollElement.scrollTop()),r]]||null}).sort(function(e,t){return e[0]-t[0]}).each(function(){t.offsets.push(this[0]),t.targets.push(this[1])})},t.prototype.process=function(){var e=this.$scrollElement.scrollTop()+this.options.offset,t=this.$scrollElement[0].scrollHeight||this.$body[0].scrollHeight,n=t-this.$scrollElement.height(),r=this.offsets,i=this.targets,s=this.activeTarget,o;if(e>=n)return s!=(o=i.last()[0])&&this.activate(o);for(o=r.length;o--;)s!=i[o]&&e>=r[o]&&(!r[o+1]||e<=r[o+1])&&this.activate(i[o])},t.prototype.activate=function(t){this.activeTarget=t,e(this.selector).parents(".active").removeClass("active");var n=this.selector+'[data-target="'+t+'"],'+this.selector+'[href="'+t+'"]',r=e(n).parents("li").addClass("active");r.parent(".dropdown-menu").length&&(r=r.closest("li.dropdown").addClass("active")),r.trigger("activate")};var n=e.fn.scrollspy;e.fn.scrollspy=function(n){return this.each(function(){var r=e(this),i=r.data("bs.scrollspy"),s=typeof n=="object"&&n;i||r.data("bs.scrollspy",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.scrollspy.Constructor=t,e.fn.scrollspy.noConflict=function(){return e.fn.scrollspy=n,this},e(window).on("load",function(){e('[data-spy="scroll"]').each(function(){var t=e(this);t.scrollspy(t.data())})})}(window.jQuery),+function(e){"use strict";var t=function(t){this.element=e(t)};t.prototype.show=function(){var t=this.element,n=t.closest("ul:not(.dropdown-menu)"),r=t.attr("data-target");r||(r=t.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,""));if(t.parent("li").hasClass("active"))return;var i=n.find(".active:last a")[0],s=e.Event("show.bs.tab",{relatedTarget:i});t.trigger(s);if(s.isDefaultPrevented())return;var o=e(r);this.activate(t.parent("li"),n),this.activate(o,o.parent(),function(){t.trigger({type:"shown.bs.tab",relatedTarget:i})})},t.prototype.activate=function(t,n,r){function o(){i.removeClass("active").find("> .dropdown-menu > .active").removeClass("active"),t.addClass("active"),s?(t[0].offsetWidth,t.addClass("in")):t.removeClass("fade"),t.parent(".dropdown-menu")&&t.closest("li.dropdown").addClass("active"),r&&r()}var i=n.find("> .active"),s=r&&e.support.transition&&i.hasClass("fade");s?i.one(e.support.transition.end,o):o(),i.removeClass("in")};var n=e.fn.tab;e.fn.tab=function(n){return this.each(function(){var r=e(this),i=r.data("bs.tab");i||r.data("bs.tab",i=new t(this)),typeof n=="string"&&i[n]()})},e.fn.tab.Constructor=t,e.fn.tab.noConflict=function(){return e.fn.tab=n,this},e(document).on("click.bs.tab.data-api",'[data-toggle="tab"], [data-toggle="pill"]',function(t){t.preventDefault(),e(this).tab("show")})}(window.jQuery),+function(e){"use strict";var t=function(n,r){this.options=e.extend({},t.DEFAULTS,r),this.$window=e(window).on("scroll.bs.affix.data-api",e.proxy(this.checkPosition,this)).on("click.bs.affix.data-api",e.proxy(this.checkPositionWithEventLoop,this)),this.$element=e(n),this.affixed=this.unpin=null,this.checkPosition()};t.DEFAULTS={offset:0},t.prototype.checkPositionWithEventLoop=function(){setTimeout(e.proxy(this.checkPosition,this),1)},t.prototype.checkPosition=function(){if(!this.$element.is(":visible"))return;var t=e(document).height(),n=this.$window.scrollTop(),r=this.$element.offset(),i=this.options.offset,s=i.top,o=i.bottom,u="affix affix-top affix-bottom";typeof i!="object"&&(o=s=i),typeof s=="function"&&(s=i.top()),typeof o=="function"&&(o=i.bottom());var a=this.unpin!=null&&n+this.unpin<=r.top?!1:o!=null&&r.top+this.$element.height()>=t-o?"bottom":s!=null&&n<=s?"top":!1;if(this.affixed===a)return;this.affixed=a,this.unpin=a=="bottom"?r.top-n:null,this.$element.removeClass(u).addClass("affix"+(a?"-"+a:""))};var n=e.fn.affix;e.fn.affix=function(n){return this.each(function(){var r=e(this),i=r.data("bs.affix"),s=typeof n=="object"&&n;i||r.data("bs.affix",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.affix.Constructor=t,e.fn.affix.noConflict=function(){return e.fn.affix=n,this},e(window).on("load",function(){e('[data-spy="affix"]').each(function(){var t=e(this),n=t.data();n.offset=n.offset||{},n.offsetBottom&&(n.offset.bottom=n.offsetBottom),n.offsetTop&&(n.offset.top=n.offsetTop),t.affix(n)})})}(window.jQuery); \ No newline at end of file diff --git a/docs/javascript.html b/docs/javascript.html index 74660dbee..e3e92f9d6 100644 --- a/docs/javascript.html +++ b/docs/javascript.html @@ -347,21 +347,21 @@ $('#myModal').on('hidden.bs.modal', function () {
            • Dropdown
            • Dropdown 2
              • @@ -369,11 +369,11 @@ $('#myModal').on('hidden.bs.modal', function () { @@ -389,31 +389,31 @@ $('#myModal').on('hidden.bs.modal', function () {
            • Dropdown
            • Dropdown 2
            • Dropdown 3
              • diff --git a/js/carousel.js b/js/carousel.js index f1d035e9a..628d72a12 100644 --- a/js/carousel.js +++ b/js/carousel.js @@ -185,7 +185,7 @@ // CAROUSEL DATA-API // ================= - $(document).on('click.carousel.data-api', '[data-slide], [data-slide-to]', function (e) { + $(document).on('click.bs.carousel.data-api', '[data-slide], [data-slide-to]', function (e) { var $this = $(this), href var $target = $($this.attr('data-target') || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7 var options = $.extend({}, $target.data(), $this.data()) diff --git a/js/collapse.js b/js/collapse.js index e37f25592..f8b65b393 100644 --- a/js/collapse.js +++ b/js/collapse.js @@ -139,7 +139,7 @@ // COLLAPSE DATA-API // ================= - $(document).on('click.collapse.data-api', '[data-toggle=collapse]', function (e) { + $(document).on('click.bs.collapse.data-api', '[data-toggle=collapse]', function (e) { var $this = $(this), href var target = $this.attr('data-target') || e.preventDefault() diff --git a/js/dropdown.js b/js/dropdown.js index 39c4ad258..2bb789a79 100644 --- a/js/dropdown.js +++ b/js/dropdown.js @@ -26,10 +26,7 @@ var backdrop = '.dropdown-backdrop' var toggle = '[data-toggle=dropdown]' var Dropdown = function (element) { - var $el = $(element).on('click.dropdown.data-api', this.toggle) - $('html').on('click.dropdown.data-api', function () { - $el.parent().removeClass('open') - }) + var $el = $(element).on('click.bs.dropdown', this.toggle) } Dropdown.prototype.toggle = function (e) { @@ -47,7 +44,14 @@ // if mobile we we use a backdrop because click events don't delegate $('
              ').insertBefore($(this)).on('click', clearMenus) } - $parent.toggleClass('open') + + $parent.trigger(e = $.Event('show.bs.dropdown')) + + if (e.isDefaultPrevented()) return + + $parent + .toggleClass('open') + .trigger('shown.bs.dropdown') } $this.focus() @@ -88,7 +92,13 @@ function clearMenus() { $(backdrop).remove() - $(toggle).each(function () { getParent($(this)).removeClass('open') }) + $(toggle).each(function (e) { + var $parent = getParent($(this)) + if (!$parent.hasClass('open')) return + $parent.trigger(e = $.Event('hide.bs.dropdown')) + if (e.isDefaultPrevented()) return + $parent.removeClass('open').trigger('hidden.bs.dropdown') + }) } function getParent($this) { @@ -137,9 +147,9 @@ $(document) - .on('click.dropdown.data-api', clearMenus) - .on('click.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() }) - .on('click.dropdown.data-api' , toggle, Dropdown.prototype.toggle) - .on('keydown.dropdown.data-api', toggle + ', [role=menu]' , Dropdown.prototype.keydown) + .on('click.bs.dropdown.data-api', clearMenus) + .on('click.bs.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() }) + .on('click.bs.dropdown.data-api' , toggle, Dropdown.prototype.toggle) + .on('keydown.bs.dropdown.data-api', toggle + ', [role=menu]' , Dropdown.prototype.keydown) }(window.jQuery); diff --git a/js/scrollspy.js b/js/scrollspy.js index 41c17822c..8d1e72a87 100644 --- a/js/scrollspy.js +++ b/js/scrollspy.js @@ -29,7 +29,7 @@ var $element = $(element).is('body') ? $(window) : $(element) this.$body = $('body') - this.$scrollElement = $element.on('scroll.scroll-spy.data-api', process) + this.$scrollElement = $element.on('scroll.bs.scroll-spy.data-api', process) this.options = $.extend({}, ScrollSpy.DEFAULTS, options) this.selector = (this.options.target || ((href = $(element).attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7 diff --git a/js/tests/unit/dropdown.js b/js/tests/unit/dropdown.js index 09b5673a4..e45bd0a46 100644 --- a/js/tests/unit/dropdown.js +++ b/js/tests/unit/dropdown.js @@ -149,4 +149,71 @@ $(function () { $("#qunit-fixture").html("") }) + test("should fire show and hide event", function () { + var dropdownHTML = '' + , dropdown = $(dropdownHTML) + .appendTo('#qunit-fixture') + .find('[data-toggle="dropdown"]') + .dropdown() + + stop() + + dropdown + .parent('.dropdown') + .bind('show.bs.dropdown', function () { + ok(true, 'show was called') + }) + .bind('hide.bs.dropdown', function () { + ok(true, 'hide was called') + start() + }) + + dropdown.click() + $(document.body).click() + }) + + + test("should fire shown and hiden event", function () { + var dropdownHTML = '' + , dropdown = $(dropdownHTML) + .appendTo('#qunit-fixture') + .find('[data-toggle="dropdown"]') + .dropdown() + + stop() + + dropdown + .parent('.dropdown') + .bind('shown.bs.dropdown', function () { + ok(true, 'show was called') + }) + .bind('hidden.bs.dropdown', function () { + ok(true, 'hide was called') + start() + }) + + dropdown.click() + $(document.body).click() + }) + }) -- cgit v1.2.3 From e424b3879c751a8c0efc20d549ee066c8b1f9068 Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Fri, 24 May 2013 23:53:44 -0700 Subject: fixes #4781 --- docs/assets/js/bootstrap.js | 7 ++++--- docs/assets/js/bootstrap.min.js | 2 +- js/modal.js | 7 ++++--- 3 files changed, 9 insertions(+), 7 deletions(-) diff --git a/docs/assets/js/bootstrap.js b/docs/assets/js/bootstrap.js index b2b408672..b7082dc21 100644 --- a/docs/assets/js/bootstrap.js +++ b/docs/assets/js/bootstrap.js @@ -817,7 +817,7 @@ var transition = $.support.transition && that.$element.hasClass('fade') if (!that.$element.parent().length) { - that.$element.appendTo(document.body) //don't move modals dom position + that.$element.appendTo(document.body) // don't move modals dom position } that.$element.show() @@ -835,7 +835,6 @@ transition ? that.$element.one($.support.transition.end, function () { that.$element.focus().trigger('shown.bs.modal') }) : that.$element.focus().trigger('shown.bs.modal') - }) } @@ -864,7 +863,9 @@ } Modal.prototype.enforceFocus = function () { - $(document).on('focusin.bs.modal', function (e) { + $(document) + .off('focusin.bs.modal') // guard against infinite focus loop + .on('focusin.bs.modal', function (e) { if (this.$element[0] !== e.target && !this.$element.has(e.target).length) { this.$element.focus() } diff --git a/docs/assets/js/bootstrap.min.js b/docs/assets/js/bootstrap.min.js index d6574777d..9b5d5dc9f 100644 --- a/docs/assets/js/bootstrap.min.js +++ b/docs/assets/js/bootstrap.min.js @@ -3,4 +3,4 @@ * Copyright 2012 Twitter, Inc. * http://www.apache.org/licenses/LICENSE-2.0.txt */ -+function(e){"use strict";function t(){var e=document.createElement("bootstrap"),t={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var n in t)if(e.style[n]!==undefined)return{end:t[n]}}e(function(){e.support.transition=t()})}(window.jQuery),+function(e){"use strict";var t='[data-dismiss="alert"]',n=function(n){e(n).on("click",t,this.close)};n.prototype.close=function(t){function s(){i.trigger("closed.bs.alert").remove()}var n=e(this),r=n.attr("data-target");r||(r=n.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,""));var i=e(r);t&&t.preventDefault(),i.length||(i=n.hasClass("alert")?n:n.parent()),i.trigger(t=e.Event("close.bs.alert"));if(t.isDefaultPrevented())return;i.removeClass("in"),e.support.transition&&i.hasClass("fade")?i.on(e.support.transition.end,s):s()};var r=e.fn.alert;e.fn.alert=function(t){return this.each(function(){var r=e(this),i=r.data("bs.alert");i||r.data("bs.alert",i=new n(this)),typeof t=="string"&&i[t].call(r)})},e.fn.alert.Constructor=n,e.fn.alert.noConflict=function(){return e.fn.alert=r,this},e(document).on("click.bs.alert.data-api",t,n.prototype.close)}(window.jQuery),+function(e){"use strict";var t=function(n,r){this.$element=e(n),this.options=e.extend({},t.DEFAULTS,r)};t.DEFAULTS={loadingText:"loading..."},t.prototype.setState=function(e){var t="disabled",n=this.$element,r=n.is("input")?"val":"html",i=n.data();e+="Text",i.resetText||n.data("resetText",n[r]()),n[r](i[e]||this.options[e]),setTimeout(function(){e=="loadingText"?n.addClass(t).attr(t,t):n.removeClass(t).removeAttr(t)},0)},t.prototype.toggle=function(){var e=this.$element.closest('[data-toggle="buttons-radio"]');e&&e.find(".active").removeClass("active"),this.$element.toggleClass("active")};var n=e.fn.button;e.fn.button=function(n){return this.each(function(){var r=e(this),i=r.data("button"),s=typeof n=="object"&&n;i||r.data("bs.button",i=new t(this,s)),n=="toggle"?i.toggle():n&&i.setState(n)})},e.fn.button.Constructor=t,e.fn.button.noConflict=function(){return e.fn.button=n,this},e(document).on("click.bs.button.data-api","[data-toggle^=button]",function(t){var n=e(t.target);n.hasClass("btn")||(n=n.closest(".btn")),n.button("toggle")})}(window.jQuery),+function(e){"use strict";var t=function(t,n){this.$element=e(t),this.$indicators=this.$element.find(".carousel-indicators"),this.options=n,this.paused=this.sliding=this.interval=this.$active=this.$items=null,this.options.pause=="hover"&&this.$element.on("mouseenter",e.proxy(this.pause,this)).on("mouseleave",e.proxy(this.cycle,this))};t.DEFAULTS={interval:5e3,pause:"hover"},t.prototype.cycle=function(t){return t||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(e.proxy(this.next,this),this.options.interval)),this},t.prototype.getActiveIndex=function(){return this.$active=this.$element.find(".item.active"),this.$items=this.$active.parent().children(),this.$items.index(this.$active)},t.prototype.to=function(t){var n=this,r=this.getActiveIndex();if(t>this.$items.length-1||t<0)return;return this.sliding?this.$element.one("slid",function(){n.to(t)}):r==t?this.pause().cycle():this.slide(t>r?"next":"prev",e(this.$items[t]))},t.prototype.pause=function(t){return t||(this.paused=!0),this.$element.find(".next, .prev").length&&e.support.transition.end&&(this.$element.trigger(e.support.transition.end),this.cycle(!0)),this.interval=clearInterval(this.interval),this},t.prototype.next=function(){if(this.sliding)return;return this.slide("next")},t.prototype.prev=function(){if(this.sliding)return;return this.slide("prev")},t.prototype.slide=function(t,n){var r=this.$element.find(".item.active"),i=n||r[t](),s=this.interval,o=t=="next"?"left":"right",u=t=="next"?"first":"last",a=this;this.sliding=!0,s&&this.pause(),i=i.length?i:this.$element.find(".item")[u]();var f=e.Event("slide.bs.carousel",{relatedTarget:i[0],direction:o});if(i.hasClass("active"))return;this.$indicators.length&&(this.$indicators.find(".active").removeClass("active"),this.$element.one("slid",function(){var t=e(a.$indicators.children()[a.getActiveIndex()]);t&&t.addClass("active")}));if(e.support.transition&&this.$element.hasClass("slide")){this.$element.trigger(f);if(f.isDefaultPrevented())return;i.addClass(t),i[0].offsetWidth,r.addClass(o),i.addClass(o),this.$element.one(e.support.transition.end,function(){i.removeClass([t,o].join(" ")).addClass("active"),r.removeClass(["active",o].join(" ")),a.sliding=!1,setTimeout(function(){a.$element.trigger("slid")},0)})}else{this.$element.trigger(f);if(f.isDefaultPrevented())return;r.removeClass("active"),i.addClass("active"),this.sliding=!1,this.$element.trigger("slid")}return s&&this.cycle(),this};var n=e.fn.carousel;e.fn.carousel=function(n){return this.each(function(){var r=e(this),i=r.data("bs.carousel"),s=e.extend({},t.DEFAULTS,typeof n=="object"&&n),o=typeof n=="string"?n:s.slide;i||r.data("bs.carousel",i=new t(this,s)),typeof n=="number"?i.to(n):o?i[o]():s.interval&&i.pause().cycle()})},e.fn.carousel.Constructor=t,e.fn.carousel.noConflict=function(){return e.fn.carousel=n,this},e(document).on("click.bs.carousel.data-api","[data-slide], [data-slide-to]",function(t){var n=e(this),r,i=e(n.attr("data-target")||(r=n.attr("href"))&&r.replace(/.*(?=#[^\s]+$)/,"")),s=e.extend({},i.data(),n.data()),o;i.carousel(s),(o=n.attr("data-slide-to"))&&i.data("bs-carousel").pause().to(o).cycle(),t.preventDefault()})}(window.jQuery),+function(e){"use strict";var t=function(n,r){this.$element=e(n),this.options=e.extend({},t.DEFAULTS,r),this.transitioning=null,this.options.parent&&(this.$parent=e(this.options.parent)),this.options.toggle&&this.toggle()};t.DEFAULTS={toggle:!0},t.prototype.dimension=function(){var e=this.$element.hasClass("width");return e?"width":"height"},t.prototype.show=function(){if(this.transitioning||this.$element.hasClass("in"))return;var t=this.dimension(),n=e.camelCase(["scroll",t].join("-")),r=this.$parent&&this.$parent.find("> .accordion-group > .in");if(r&&r.length){var i=r.data("collapse");if(i&&i.transitioning)return;r.collapse("hide"),i||r.data("collapse",null)}this.$element[t](0),this.transition("addClass",e.Event("show.bs.collapse"),"shown.bs.collapse"),e.support.transition&&this.$element[t](this.$element[0][n])},t.prototype.hide=function(){if(this.transitioning||!this.$element.hasClass("in"))return;var t=this.dimension();this.reset(this.$element[t]()),this.transition("removeClass",e.Event("hide.bs.collapse"),"hidden"),this.$element[t](0)},t.prototype.reset=function(e){var t=this.dimension();return this.$element.removeClass("collapse")[t](e||"auto")[0].offsetWidth,this.$element[e!==null?"addClass":"removeClass"]("collapse"),this},t.prototype.transition=function(t,n,r){var i=this,s=function(){n.type=="show"&&i.reset(),i.transitioning=0,i.$element.trigger(r)};this.$element.trigger(n);if(n.isDefaultPrevented())return;this.transitioning=1,this.$element[t]("in"),e.support.transition&&this.$element.hasClass("collapse")?this.$element.one(e.support.transition.end,s):s()},t.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()};var n=e.fn.collapse;e.fn.collapse=function(n){return this.each(function(){var r=e(this),i=r.data("collapse"),s=e.extend({},t.DEFAULTS,r.data(),typeof n=="object"&&n);i||r.data("collapse",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.collapse.Constructor=t,e.fn.collapse.noConflict=function(){return e.fn.collapse=n,this},e(document).on("click.bs.collapse.data-api","[data-toggle=collapse]",function(t){var n=e(this),r,i=n.attr("data-target")||t.preventDefault()||(r=n.attr("href"))&&r.replace(/.*(?=#[^\s]+$)/,""),s=e(i).data("collapse")?"toggle":n.data();n[e(i).hasClass("in")?"addClass":"removeClass"]("collapsed"),e(i).collapse(s)})}(window.jQuery),+function(e){"use strict";function i(){e(t).remove(),e(n).each(function(t){var n=s(e(this));if(!n.hasClass("open"))return;n.trigger(t=e.Event("hide.bs.dropdown"));if(t.isDefaultPrevented())return;n.removeClass("open").trigger("hidden.bs.dropdown")})}function s(t){var n=t.attr("data-target");n||(n=t.attr("href"),n=n&&/#/.test(n)&&n.replace(/.*(?=#[^\s]*$)/,""));var r=n&&e(n);return r&&r.length?r:t.parent()}var t=".dropdown-backdrop",n="[data-toggle=dropdown]",r=function(t){var n=e(t).on("click.bs.dropdown",this.toggle)};r.prototype.toggle=function(t){var n=e(this);if(n.is(".disabled, :disabled"))return;var r=s(n),o=r.hasClass("open");i();if(!o){"ontouchstart"in document.documentElement&&e('
              ').insertBefore(e(this)).on("click",i),r.trigger(t=e.Event("show.bs.dropdown"));if(t.isDefaultPrevented())return;r.toggleClass("open").trigger("shown.bs.dropdown")}return n.focus(),!1},r.prototype.keydown=function(t){if(!/(38|40|27)/.test(t.keyCode))return;var r=e(this);t.preventDefault(),t.stopPropagation();if(r.is(".disabled, :disabled"))return;var i=s(r),o=i.hasClass("open");if(!o||o&&t.keyCode==27)return t.which==27&&i.find(n).focus(),r.click();var u=e("[role=menu] li:not(.divider):visible a",i);if(!u.length)return;var a=u.index(u.filter(":focus"));t.keyCode==38&&a>0&&a--,t.keyCode==40&&a').appendTo(document.body),this.$backdrop.click(this.options.backdrop=="static"?e.proxy(this.$element[0].focus,this.$element[0]):e.proxy(this.hide,this)),i&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in");if(!t)return;i?this.$backdrop.one(e.support.transition.end,t):t()}else!this.isShown&&this.$backdrop?(this.$backdrop.removeClass("in"),e.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one(e.support.transition.end,t):t()):t&&t()};var n=e.fn.modal;e.fn.modal=function(n){return this.each(function(){var r=e(this),i=r.data("bs.modal"),s=e.extend({},t.DEFAULTS,r.data(),typeof n=="object"&&n);i||r.data("bs.modal",i=new t(this,s)),typeof n=="string"?i[n]():s.show&&i.show()})},e.fn.modal.Constructor=t,e.fn.modal.noConflict=function(){return e.fn.modal=n,this},e(document).on("click.bs.modal.data-api",'[data-toggle="modal"]',function(t){var n=e(this),r=n.attr("href"),i=e(n.attr("data-target")||r&&r.replace(/.*(?=#[^\s]+$)/,"")),s=i.data("modal")?"toggle":e.extend({remote:!/#/.test(r)&&r},i.data(),n.data());t.preventDefault(),i.modal(s).one("hide",function(){n.focus()})});var r=e(document.body).on("bs.modal.shown",".modal",function(){r.addClass("modal-open")}).on("bs.modal.hidden",".modal",function(){r.removeClass("modal-open")})}(window.jQuery),+function(e){"use strict";var t=function(e,t){this.type=this.options=this.enabled=this.timeout=this.hoverState=this.$element=null,this.init("tooltip",e,t)};t.DEFAULTS={animation:!0,placement:"top",selector:!1,template:'
              ',trigger:"hover focus",title:"",delay:0,html:!1,container:!1},t.prototype.init=function(t,n,r){this.enabled=!0,this.type=t,this.$element=e(n),this.options=this.getOptions(r);var i=this.options.trigger.split(" ");for(var s=i.length;s--;){var o=i[s];if(o=="click")this.$element.on("click."+this.type,this.options.selector,e.proxy(this.toggle,this));else if(o!="manual"){var u=o=="hover"?"mouseenter":"focus",a=o=="hover"?"mouseleave":"blur";this.$element.on(u+"."+this.type,this.options.selector,e.proxy(this.enter,this)),this.$element.on(a+"."+this.type,this.options.selector,e.proxy(this.leave,this))}}this.options.selector?this._options=e.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},t.prototype.getDefaults=function(){return t.DEFAULTS},t.prototype.getOptions=function(t){return t=e.extend({},this.getDefaults(),this.$element.data(),t),t.delay&&typeof t.delay=="number"&&(t.delay={show:t.delay,hide:t.delay}),t},t.prototype.enter=function(t){var n=this.getDefaults(),r={};this._options&&e.each(this._options,function(e,t){n[e]!=t&&(r[e]=t)});var i=e(t.currentTarget)[this.type](r).data("bs."+this.type);if(!i.options.delay||!i.options.delay.show)return i.show();clearTimeout(this.timeout),i.hoverState="in",this.timeout=setTimeout(function(){i.hoverState=="in"&&i.show()},i.options.delay.show)},t.prototype.leave=function(t){var n=e(t.currentTarget)[this.type](this._options).data("bs."+this.type);this.timeout&&clearTimeout(this.timeout);if(!n.options.delay||!n.options.delay.hide)return n.hide();n.hoverState="out",this.timeout=setTimeout(function(){n.hoverState=="out"&&n.hide()},n.options.delay.hide)},t.prototype.show=function(){var t=e.Event("show.bs."+this.type);if(this.hasContent()&&this.enabled){this.$element.trigger(t);if(t.isDefaultPrevented())return;var n=this.tip();this.setContent(),this.options.animation&&n.addClass("fade");var r=typeof this.options.placement=="function"?this.options.placement.call(this,n[0],this.$element[0]):this.options.placement;n.detach().css({top:0,left:0,display:"block"}),this.options.container?n.appendTo(this.options.container):n.insertAfter(this.$element);var i,s=this.getPosition(),o=n[0].offsetWidth,u=n[0].offsetHeight;switch(r){case"bottom":i={top:s.top+s.height,left:s.left+s.width/2-o/2};break;case"top":i={top:s.top-u,left:s.left+s.width/2-o/2};break;case"left":i={top:s.top+s.height/2-u/2,left:s.left-o};break;case"right":i={top:s.top+s.height/2-u/2,left:s.left+s.width}}this.applyPlacement(i,r),this.$element.trigger("shown.bs."+this.type)}},t.prototype.applyPlacement=function(e,t){var n,r=this.tip(),i=r[0].offsetWidth,s=r[0].offsetHeight;r.offset(e).addClass(t).addClass("in");var o=r[0].offsetWidth,u=r[0].offsetHeight;t=="top"&&u!=s&&(n=!0,e.top=e.top+s-u);if(t=="bottom"||t=="top"){var a=0;e.left<0&&(a=e.left*-2,e.left=0,r.offset(e),o=r[0].offsetWidth,u=r[0].offsetHeight),this.replaceArrow(a-i+o,o,"left")}else this.replaceArrow(u-s,u,"top");n&&r.offset(e)},t.prototype.replaceArrow=function(e,t,n){this.arrow().css(n,e?50*(1-e/t)+"%":"")},t.prototype.setContent=function(){var e=this.tip(),t=this.getTitle();e.find(".tooltip-inner")[this.options.html?"html":"text"](t),e.removeClass("fade in top bottom left right")},t.prototype.hide=function(){function i(){var t=setTimeout(function(){n.off(e.support.transition.end).detach()},500);n.one(e.support.transition.end,function(){clearTimeout(t),n.detach()})}var t=this,n=this.tip(),r=e.Event("hide.bs."+this.type);this.$element.trigger(r);if(r.isDefaultPrevented())return;return n.removeClass("in"),e.support.transition&&this.$tip.hasClass("fade")?i():n.detach(),this.$element.trigger("hidden.bs."+this.type),this},t.prototype.fixTitle=function(){var e=this.$element;(e.attr("title")||typeof e.attr("data-original-title")!="string")&&e.attr("data-original-title",e.attr("title")||"").attr("title","")},t.prototype.hasContent=function(){return this.getTitle()},t.prototype.getPosition=function(){var t=this.$element[0];return e.extend({},typeof t.getBoundingClientRect=="function"?t.getBoundingClientRect():{width:t.offsetWidth,height:t.offsetHeight},this.$element.offset())},t.prototype.getTitle=function(){var e,t=this.$element,n=this.options;return e=t.attr("data-original-title")||(typeof n.title=="function"?n.title.call(t[0]):n.title),e},t.prototype.tip=function(){return this.$tip=this.$tip||e(this.options.template)},t.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".tooltip-arrow")},t.prototype.validate=function(){this.$element[0].parentNode||(this.hide(),this.$element=null,this.options=null)},t.prototype.enable=function(){this.enabled=!0},t.prototype.disable=function(){this.enabled=!1},t.prototype.toggleEnabled=function(){this.enabled=!this.enabled},t.prototype.toggle=function(t){var n=t?e(t.currentTarget)[this.type](this._options).data("bs."+this.type):this;n.tip().hasClass("in")?n.hide():n.show()},t.prototype.destroy=function(){this.hide().$element.off("."+this.type).removeData("bs."+this.type)};var n=e.fn.tooltip;e.fn.tooltip=function(n){return this.each(function(){var r=e(this),i=r.data("bs.tooltip"),s=typeof n=="object"&&n;i||r.data("bs.tooltip",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.tooltip.Constructor=t,e.fn.tooltip.noConflict=function(){return e.fn.tooltip=n,this}}(window.jQuery),+function(e){"use strict";var t=function(e,t){this.init("popover",e,t)};t.DEFAULTS=e.extend({},e.fn.tooltip.Constructor.DEFAULTS,{placement:"right",trigger:"click",content:"",template:'

              '}),t.prototype=e.extend({},e.fn.tooltip.Constructor.prototype),t.prototype.constructor=t,t.prototype.getDefaults=function(){return t.DEFAULTS},t.prototype.setContent=function(){var e=this.tip(),t=this.getTitle(),n=this.getContent();e.find(".popover-title")[this.options.html?"html":"text"](t),e.find(".popover-content")[this.options.html?"html":"text"](n),e.removeClass("fade top bottom left right in")},t.prototype.hasContent=function(){return this.getTitle()||this.getContent()},t.prototype.getContent=function(){var e=typeof this.options.content=="function"?this.options.content.call(this.$element[0]):this.options.content;return e||this.$element.attr("data-content")},t.prototype.tip=function(){return this.$tip||(this.$tip=e(this.options.template)),this.$tip},t.prototype.destroy=function(){this.hide().$element.off("."+this.type).removeData(this.type)};var n=e.fn.popover;e.fn.popover=function(n){return this.each(function(){var r=e(this),i=r.data("bs.popover"),s=typeof n=="object"&&n;i||r.data("bs.popover",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.popover.Constructor=t,e.fn.popover.noConflict=function(){return e.fn.popover=n,this}}(window.jQuery),+function(e){"use strict";function t(n,r){var i,s=e.proxy(this.process,this),o=e(n).is("body")?e(window):e(n);this.$body=e("body"),this.$scrollElement=o.on("scroll.bs.scroll-spy.data-api",s),this.options=e.extend({},t.DEFAULTS,r),this.selector=(this.options.target||(i=e(n).attr("href"))&&i.replace(/.*(?=#[^\s]+$)/,"")||"")+" .nav li > a",this.offsets=e([]),this.targets=e([]),this.activeTarget=null,this.refresh(),this.process()}t.DEFAULTS={offset:10},t.prototype.refresh=function(){this.offsets=e([]),this.targets=e([]);var t=this,n=this.$body.find(this.selector).map(function(){var n=e(this),r=n.data("target")||n.attr("href"),i=/^#\w/.test(r)&&e(r);return i&&i.length&&[[i.position().top+(!e.isWindow(t.$scrollElement.get(0))&&t.$scrollElement.scrollTop()),r]]||null}).sort(function(e,t){return e[0]-t[0]}).each(function(){t.offsets.push(this[0]),t.targets.push(this[1])})},t.prototype.process=function(){var e=this.$scrollElement.scrollTop()+this.options.offset,t=this.$scrollElement[0].scrollHeight||this.$body[0].scrollHeight,n=t-this.$scrollElement.height(),r=this.offsets,i=this.targets,s=this.activeTarget,o;if(e>=n)return s!=(o=i.last()[0])&&this.activate(o);for(o=r.length;o--;)s!=i[o]&&e>=r[o]&&(!r[o+1]||e<=r[o+1])&&this.activate(i[o])},t.prototype.activate=function(t){this.activeTarget=t,e(this.selector).parents(".active").removeClass("active");var n=this.selector+'[data-target="'+t+'"],'+this.selector+'[href="'+t+'"]',r=e(n).parents("li").addClass("active");r.parent(".dropdown-menu").length&&(r=r.closest("li.dropdown").addClass("active")),r.trigger("activate")};var n=e.fn.scrollspy;e.fn.scrollspy=function(n){return this.each(function(){var r=e(this),i=r.data("bs.scrollspy"),s=typeof n=="object"&&n;i||r.data("bs.scrollspy",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.scrollspy.Constructor=t,e.fn.scrollspy.noConflict=function(){return e.fn.scrollspy=n,this},e(window).on("load",function(){e('[data-spy="scroll"]').each(function(){var t=e(this);t.scrollspy(t.data())})})}(window.jQuery),+function(e){"use strict";var t=function(t){this.element=e(t)};t.prototype.show=function(){var t=this.element,n=t.closest("ul:not(.dropdown-menu)"),r=t.attr("data-target");r||(r=t.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,""));if(t.parent("li").hasClass("active"))return;var i=n.find(".active:last a")[0],s=e.Event("show.bs.tab",{relatedTarget:i});t.trigger(s);if(s.isDefaultPrevented())return;var o=e(r);this.activate(t.parent("li"),n),this.activate(o,o.parent(),function(){t.trigger({type:"shown.bs.tab",relatedTarget:i})})},t.prototype.activate=function(t,n,r){function o(){i.removeClass("active").find("> .dropdown-menu > .active").removeClass("active"),t.addClass("active"),s?(t[0].offsetWidth,t.addClass("in")):t.removeClass("fade"),t.parent(".dropdown-menu")&&t.closest("li.dropdown").addClass("active"),r&&r()}var i=n.find("> .active"),s=r&&e.support.transition&&i.hasClass("fade");s?i.one(e.support.transition.end,o):o(),i.removeClass("in")};var n=e.fn.tab;e.fn.tab=function(n){return this.each(function(){var r=e(this),i=r.data("bs.tab");i||r.data("bs.tab",i=new t(this)),typeof n=="string"&&i[n]()})},e.fn.tab.Constructor=t,e.fn.tab.noConflict=function(){return e.fn.tab=n,this},e(document).on("click.bs.tab.data-api",'[data-toggle="tab"], [data-toggle="pill"]',function(t){t.preventDefault(),e(this).tab("show")})}(window.jQuery),+function(e){"use strict";var t=function(n,r){this.options=e.extend({},t.DEFAULTS,r),this.$window=e(window).on("scroll.bs.affix.data-api",e.proxy(this.checkPosition,this)).on("click.bs.affix.data-api",e.proxy(this.checkPositionWithEventLoop,this)),this.$element=e(n),this.affixed=this.unpin=null,this.checkPosition()};t.DEFAULTS={offset:0},t.prototype.checkPositionWithEventLoop=function(){setTimeout(e.proxy(this.checkPosition,this),1)},t.prototype.checkPosition=function(){if(!this.$element.is(":visible"))return;var t=e(document).height(),n=this.$window.scrollTop(),r=this.$element.offset(),i=this.options.offset,s=i.top,o=i.bottom,u="affix affix-top affix-bottom";typeof i!="object"&&(o=s=i),typeof s=="function"&&(s=i.top()),typeof o=="function"&&(o=i.bottom());var a=this.unpin!=null&&n+this.unpin<=r.top?!1:o!=null&&r.top+this.$element.height()>=t-o?"bottom":s!=null&&n<=s?"top":!1;if(this.affixed===a)return;this.affixed=a,this.unpin=a=="bottom"?r.top-n:null,this.$element.removeClass(u).addClass("affix"+(a?"-"+a:""))};var n=e.fn.affix;e.fn.affix=function(n){return this.each(function(){var r=e(this),i=r.data("bs.affix"),s=typeof n=="object"&&n;i||r.data("bs.affix",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.affix.Constructor=t,e.fn.affix.noConflict=function(){return e.fn.affix=n,this},e(window).on("load",function(){e('[data-spy="affix"]').each(function(){var t=e(this),n=t.data();n.offset=n.offset||{},n.offsetBottom&&(n.offset.bottom=n.offsetBottom),n.offsetTop&&(n.offset.top=n.offsetTop),t.affix(n)})})}(window.jQuery); \ No newline at end of file ++function(e){"use strict";function t(){var e=document.createElement("bootstrap"),t={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var n in t)if(e.style[n]!==undefined)return{end:t[n]}}e(function(){e.support.transition=t()})}(window.jQuery),+function(e){"use strict";var t='[data-dismiss="alert"]',n=function(n){e(n).on("click",t,this.close)};n.prototype.close=function(t){function s(){i.trigger("closed.bs.alert").remove()}var n=e(this),r=n.attr("data-target");r||(r=n.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,""));var i=e(r);t&&t.preventDefault(),i.length||(i=n.hasClass("alert")?n:n.parent()),i.trigger(t=e.Event("close.bs.alert"));if(t.isDefaultPrevented())return;i.removeClass("in"),e.support.transition&&i.hasClass("fade")?i.on(e.support.transition.end,s):s()};var r=e.fn.alert;e.fn.alert=function(t){return this.each(function(){var r=e(this),i=r.data("bs.alert");i||r.data("bs.alert",i=new n(this)),typeof t=="string"&&i[t].call(r)})},e.fn.alert.Constructor=n,e.fn.alert.noConflict=function(){return e.fn.alert=r,this},e(document).on("click.bs.alert.data-api",t,n.prototype.close)}(window.jQuery),+function(e){"use strict";var t=function(n,r){this.$element=e(n),this.options=e.extend({},t.DEFAULTS,r)};t.DEFAULTS={loadingText:"loading..."},t.prototype.setState=function(e){var t="disabled",n=this.$element,r=n.is("input")?"val":"html",i=n.data();e+="Text",i.resetText||n.data("resetText",n[r]()),n[r](i[e]||this.options[e]),setTimeout(function(){e=="loadingText"?n.addClass(t).attr(t,t):n.removeClass(t).removeAttr(t)},0)},t.prototype.toggle=function(){var e=this.$element.closest('[data-toggle="buttons-radio"]');e&&e.find(".active").removeClass("active"),this.$element.toggleClass("active")};var n=e.fn.button;e.fn.button=function(n){return this.each(function(){var r=e(this),i=r.data("button"),s=typeof n=="object"&&n;i||r.data("bs.button",i=new t(this,s)),n=="toggle"?i.toggle():n&&i.setState(n)})},e.fn.button.Constructor=t,e.fn.button.noConflict=function(){return e.fn.button=n,this},e(document).on("click.bs.button.data-api","[data-toggle^=button]",function(t){var n=e(t.target);n.hasClass("btn")||(n=n.closest(".btn")),n.button("toggle")})}(window.jQuery),+function(e){"use strict";var t=function(t,n){this.$element=e(t),this.$indicators=this.$element.find(".carousel-indicators"),this.options=n,this.paused=this.sliding=this.interval=this.$active=this.$items=null,this.options.pause=="hover"&&this.$element.on("mouseenter",e.proxy(this.pause,this)).on("mouseleave",e.proxy(this.cycle,this))};t.DEFAULTS={interval:5e3,pause:"hover"},t.prototype.cycle=function(t){return t||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(e.proxy(this.next,this),this.options.interval)),this},t.prototype.getActiveIndex=function(){return this.$active=this.$element.find(".item.active"),this.$items=this.$active.parent().children(),this.$items.index(this.$active)},t.prototype.to=function(t){var n=this,r=this.getActiveIndex();if(t>this.$items.length-1||t<0)return;return this.sliding?this.$element.one("slid",function(){n.to(t)}):r==t?this.pause().cycle():this.slide(t>r?"next":"prev",e(this.$items[t]))},t.prototype.pause=function(t){return t||(this.paused=!0),this.$element.find(".next, .prev").length&&e.support.transition.end&&(this.$element.trigger(e.support.transition.end),this.cycle(!0)),this.interval=clearInterval(this.interval),this},t.prototype.next=function(){if(this.sliding)return;return this.slide("next")},t.prototype.prev=function(){if(this.sliding)return;return this.slide("prev")},t.prototype.slide=function(t,n){var r=this.$element.find(".item.active"),i=n||r[t](),s=this.interval,o=t=="next"?"left":"right",u=t=="next"?"first":"last",a=this;this.sliding=!0,s&&this.pause(),i=i.length?i:this.$element.find(".item")[u]();var f=e.Event("slide.bs.carousel",{relatedTarget:i[0],direction:o});if(i.hasClass("active"))return;this.$indicators.length&&(this.$indicators.find(".active").removeClass("active"),this.$element.one("slid",function(){var t=e(a.$indicators.children()[a.getActiveIndex()]);t&&t.addClass("active")}));if(e.support.transition&&this.$element.hasClass("slide")){this.$element.trigger(f);if(f.isDefaultPrevented())return;i.addClass(t),i[0].offsetWidth,r.addClass(o),i.addClass(o),this.$element.one(e.support.transition.end,function(){i.removeClass([t,o].join(" ")).addClass("active"),r.removeClass(["active",o].join(" ")),a.sliding=!1,setTimeout(function(){a.$element.trigger("slid")},0)})}else{this.$element.trigger(f);if(f.isDefaultPrevented())return;r.removeClass("active"),i.addClass("active"),this.sliding=!1,this.$element.trigger("slid")}return s&&this.cycle(),this};var n=e.fn.carousel;e.fn.carousel=function(n){return this.each(function(){var r=e(this),i=r.data("bs.carousel"),s=e.extend({},t.DEFAULTS,typeof n=="object"&&n),o=typeof n=="string"?n:s.slide;i||r.data("bs.carousel",i=new t(this,s)),typeof n=="number"?i.to(n):o?i[o]():s.interval&&i.pause().cycle()})},e.fn.carousel.Constructor=t,e.fn.carousel.noConflict=function(){return e.fn.carousel=n,this},e(document).on("click.bs.carousel.data-api","[data-slide], [data-slide-to]",function(t){var n=e(this),r,i=e(n.attr("data-target")||(r=n.attr("href"))&&r.replace(/.*(?=#[^\s]+$)/,"")),s=e.extend({},i.data(),n.data()),o;i.carousel(s),(o=n.attr("data-slide-to"))&&i.data("bs-carousel").pause().to(o).cycle(),t.preventDefault()})}(window.jQuery),+function(e){"use strict";var t=function(n,r){this.$element=e(n),this.options=e.extend({},t.DEFAULTS,r),this.transitioning=null,this.options.parent&&(this.$parent=e(this.options.parent)),this.options.toggle&&this.toggle()};t.DEFAULTS={toggle:!0},t.prototype.dimension=function(){var e=this.$element.hasClass("width");return e?"width":"height"},t.prototype.show=function(){if(this.transitioning||this.$element.hasClass("in"))return;var t=this.dimension(),n=e.camelCase(["scroll",t].join("-")),r=this.$parent&&this.$parent.find("> .accordion-group > .in");if(r&&r.length){var i=r.data("collapse");if(i&&i.transitioning)return;r.collapse("hide"),i||r.data("collapse",null)}this.$element[t](0),this.transition("addClass",e.Event("show.bs.collapse"),"shown.bs.collapse"),e.support.transition&&this.$element[t](this.$element[0][n])},t.prototype.hide=function(){if(this.transitioning||!this.$element.hasClass("in"))return;var t=this.dimension();this.reset(this.$element[t]()),this.transition("removeClass",e.Event("hide.bs.collapse"),"hidden"),this.$element[t](0)},t.prototype.reset=function(e){var t=this.dimension();return this.$element.removeClass("collapse")[t](e||"auto")[0].offsetWidth,this.$element[e!==null?"addClass":"removeClass"]("collapse"),this},t.prototype.transition=function(t,n,r){var i=this,s=function(){n.type=="show"&&i.reset(),i.transitioning=0,i.$element.trigger(r)};this.$element.trigger(n);if(n.isDefaultPrevented())return;this.transitioning=1,this.$element[t]("in"),e.support.transition&&this.$element.hasClass("collapse")?this.$element.one(e.support.transition.end,s):s()},t.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()};var n=e.fn.collapse;e.fn.collapse=function(n){return this.each(function(){var r=e(this),i=r.data("collapse"),s=e.extend({},t.DEFAULTS,r.data(),typeof n=="object"&&n);i||r.data("collapse",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.collapse.Constructor=t,e.fn.collapse.noConflict=function(){return e.fn.collapse=n,this},e(document).on("click.bs.collapse.data-api","[data-toggle=collapse]",function(t){var n=e(this),r,i=n.attr("data-target")||t.preventDefault()||(r=n.attr("href"))&&r.replace(/.*(?=#[^\s]+$)/,""),s=e(i).data("collapse")?"toggle":n.data();n[e(i).hasClass("in")?"addClass":"removeClass"]("collapsed"),e(i).collapse(s)})}(window.jQuery),+function(e){"use strict";function i(){e(t).remove(),e(n).each(function(t){var n=s(e(this));if(!n.hasClass("open"))return;n.trigger(t=e.Event("hide.bs.dropdown"));if(t.isDefaultPrevented())return;n.removeClass("open").trigger("hidden.bs.dropdown")})}function s(t){var n=t.attr("data-target");n||(n=t.attr("href"),n=n&&/#/.test(n)&&n.replace(/.*(?=#[^\s]*$)/,""));var r=n&&e(n);return r&&r.length?r:t.parent()}var t=".dropdown-backdrop",n="[data-toggle=dropdown]",r=function(t){var n=e(t).on("click.bs.dropdown",this.toggle)};r.prototype.toggle=function(t){var n=e(this);if(n.is(".disabled, :disabled"))return;var r=s(n),o=r.hasClass("open");i();if(!o){"ontouchstart"in document.documentElement&&e('
              ').insertBefore(e(this)).on("click",i),r.trigger(t=e.Event("show.bs.dropdown"));if(t.isDefaultPrevented())return;r.toggleClass("open").trigger("shown.bs.dropdown")}return n.focus(),!1},r.prototype.keydown=function(t){if(!/(38|40|27)/.test(t.keyCode))return;var r=e(this);t.preventDefault(),t.stopPropagation();if(r.is(".disabled, :disabled"))return;var i=s(r),o=i.hasClass("open");if(!o||o&&t.keyCode==27)return t.which==27&&i.find(n).focus(),r.click();var u=e("[role=menu] li:not(.divider):visible a",i);if(!u.length)return;var a=u.index(u.filter(":focus"));t.keyCode==38&&a>0&&a--,t.keyCode==40&&a').appendTo(document.body),this.$backdrop.click(this.options.backdrop=="static"?e.proxy(this.$element[0].focus,this.$element[0]):e.proxy(this.hide,this)),i&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in");if(!t)return;i?this.$backdrop.one(e.support.transition.end,t):t()}else!this.isShown&&this.$backdrop?(this.$backdrop.removeClass("in"),e.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one(e.support.transition.end,t):t()):t&&t()};var n=e.fn.modal;e.fn.modal=function(n){return this.each(function(){var r=e(this),i=r.data("bs.modal"),s=e.extend({},t.DEFAULTS,r.data(),typeof n=="object"&&n);i||r.data("bs.modal",i=new t(this,s)),typeof n=="string"?i[n]():s.show&&i.show()})},e.fn.modal.Constructor=t,e.fn.modal.noConflict=function(){return e.fn.modal=n,this},e(document).on("click.bs.modal.data-api",'[data-toggle="modal"]',function(t){var n=e(this),r=n.attr("href"),i=e(n.attr("data-target")||r&&r.replace(/.*(?=#[^\s]+$)/,"")),s=i.data("modal")?"toggle":e.extend({remote:!/#/.test(r)&&r},i.data(),n.data());t.preventDefault(),i.modal(s).one("hide",function(){n.focus()})});var r=e(document.body).on("bs.modal.shown",".modal",function(){r.addClass("modal-open")}).on("bs.modal.hidden",".modal",function(){r.removeClass("modal-open")})}(window.jQuery),+function(e){"use strict";var t=function(e,t){this.type=this.options=this.enabled=this.timeout=this.hoverState=this.$element=null,this.init("tooltip",e,t)};t.DEFAULTS={animation:!0,placement:"top",selector:!1,template:'
              ',trigger:"hover focus",title:"",delay:0,html:!1,container:!1},t.prototype.init=function(t,n,r){this.enabled=!0,this.type=t,this.$element=e(n),this.options=this.getOptions(r);var i=this.options.trigger.split(" ");for(var s=i.length;s--;){var o=i[s];if(o=="click")this.$element.on("click."+this.type,this.options.selector,e.proxy(this.toggle,this));else if(o!="manual"){var u=o=="hover"?"mouseenter":"focus",a=o=="hover"?"mouseleave":"blur";this.$element.on(u+"."+this.type,this.options.selector,e.proxy(this.enter,this)),this.$element.on(a+"."+this.type,this.options.selector,e.proxy(this.leave,this))}}this.options.selector?this._options=e.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},t.prototype.getDefaults=function(){return t.DEFAULTS},t.prototype.getOptions=function(t){return t=e.extend({},this.getDefaults(),this.$element.data(),t),t.delay&&typeof t.delay=="number"&&(t.delay={show:t.delay,hide:t.delay}),t},t.prototype.enter=function(t){var n=this.getDefaults(),r={};this._options&&e.each(this._options,function(e,t){n[e]!=t&&(r[e]=t)});var i=e(t.currentTarget)[this.type](r).data("bs."+this.type);if(!i.options.delay||!i.options.delay.show)return i.show();clearTimeout(this.timeout),i.hoverState="in",this.timeout=setTimeout(function(){i.hoverState=="in"&&i.show()},i.options.delay.show)},t.prototype.leave=function(t){var n=e(t.currentTarget)[this.type](this._options).data("bs."+this.type);this.timeout&&clearTimeout(this.timeout);if(!n.options.delay||!n.options.delay.hide)return n.hide();n.hoverState="out",this.timeout=setTimeout(function(){n.hoverState=="out"&&n.hide()},n.options.delay.hide)},t.prototype.show=function(){var t=e.Event("show.bs."+this.type);if(this.hasContent()&&this.enabled){this.$element.trigger(t);if(t.isDefaultPrevented())return;var n=this.tip();this.setContent(),this.options.animation&&n.addClass("fade");var r=typeof this.options.placement=="function"?this.options.placement.call(this,n[0],this.$element[0]):this.options.placement;n.detach().css({top:0,left:0,display:"block"}),this.options.container?n.appendTo(this.options.container):n.insertAfter(this.$element);var i,s=this.getPosition(),o=n[0].offsetWidth,u=n[0].offsetHeight;switch(r){case"bottom":i={top:s.top+s.height,left:s.left+s.width/2-o/2};break;case"top":i={top:s.top-u,left:s.left+s.width/2-o/2};break;case"left":i={top:s.top+s.height/2-u/2,left:s.left-o};break;case"right":i={top:s.top+s.height/2-u/2,left:s.left+s.width}}this.applyPlacement(i,r),this.$element.trigger("shown.bs."+this.type)}},t.prototype.applyPlacement=function(e,t){var n,r=this.tip(),i=r[0].offsetWidth,s=r[0].offsetHeight;r.offset(e).addClass(t).addClass("in");var o=r[0].offsetWidth,u=r[0].offsetHeight;t=="top"&&u!=s&&(n=!0,e.top=e.top+s-u);if(t=="bottom"||t=="top"){var a=0;e.left<0&&(a=e.left*-2,e.left=0,r.offset(e),o=r[0].offsetWidth,u=r[0].offsetHeight),this.replaceArrow(a-i+o,o,"left")}else this.replaceArrow(u-s,u,"top");n&&r.offset(e)},t.prototype.replaceArrow=function(e,t,n){this.arrow().css(n,e?50*(1-e/t)+"%":"")},t.prototype.setContent=function(){var e=this.tip(),t=this.getTitle();e.find(".tooltip-inner")[this.options.html?"html":"text"](t),e.removeClass("fade in top bottom left right")},t.prototype.hide=function(){function i(){var t=setTimeout(function(){n.off(e.support.transition.end).detach()},500);n.one(e.support.transition.end,function(){clearTimeout(t),n.detach()})}var t=this,n=this.tip(),r=e.Event("hide.bs."+this.type);this.$element.trigger(r);if(r.isDefaultPrevented())return;return n.removeClass("in"),e.support.transition&&this.$tip.hasClass("fade")?i():n.detach(),this.$element.trigger("hidden.bs."+this.type),this},t.prototype.fixTitle=function(){var e=this.$element;(e.attr("title")||typeof e.attr("data-original-title")!="string")&&e.attr("data-original-title",e.attr("title")||"").attr("title","")},t.prototype.hasContent=function(){return this.getTitle()},t.prototype.getPosition=function(){var t=this.$element[0];return e.extend({},typeof t.getBoundingClientRect=="function"?t.getBoundingClientRect():{width:t.offsetWidth,height:t.offsetHeight},this.$element.offset())},t.prototype.getTitle=function(){var e,t=this.$element,n=this.options;return e=t.attr("data-original-title")||(typeof n.title=="function"?n.title.call(t[0]):n.title),e},t.prototype.tip=function(){return this.$tip=this.$tip||e(this.options.template)},t.prototype.arrow=function(){return this.$arrow=this.$arrow||this.tip().find(".tooltip-arrow")},t.prototype.validate=function(){this.$element[0].parentNode||(this.hide(),this.$element=null,this.options=null)},t.prototype.enable=function(){this.enabled=!0},t.prototype.disable=function(){this.enabled=!1},t.prototype.toggleEnabled=function(){this.enabled=!this.enabled},t.prototype.toggle=function(t){var n=t?e(t.currentTarget)[this.type](this._options).data("bs."+this.type):this;n.tip().hasClass("in")?n.hide():n.show()},t.prototype.destroy=function(){this.hide().$element.off("."+this.type).removeData("bs."+this.type)};var n=e.fn.tooltip;e.fn.tooltip=function(n){return this.each(function(){var r=e(this),i=r.data("bs.tooltip"),s=typeof n=="object"&&n;i||r.data("bs.tooltip",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.tooltip.Constructor=t,e.fn.tooltip.noConflict=function(){return e.fn.tooltip=n,this}}(window.jQuery),+function(e){"use strict";var t=function(e,t){this.init("popover",e,t)};t.DEFAULTS=e.extend({},e.fn.tooltip.Constructor.DEFAULTS,{placement:"right",trigger:"click",content:"",template:'

              '}),t.prototype=e.extend({},e.fn.tooltip.Constructor.prototype),t.prototype.constructor=t,t.prototype.getDefaults=function(){return t.DEFAULTS},t.prototype.setContent=function(){var e=this.tip(),t=this.getTitle(),n=this.getContent();e.find(".popover-title")[this.options.html?"html":"text"](t),e.find(".popover-content")[this.options.html?"html":"text"](n),e.removeClass("fade top bottom left right in")},t.prototype.hasContent=function(){return this.getTitle()||this.getContent()},t.prototype.getContent=function(){var e=typeof this.options.content=="function"?this.options.content.call(this.$element[0]):this.options.content;return e||this.$element.attr("data-content")},t.prototype.tip=function(){return this.$tip||(this.$tip=e(this.options.template)),this.$tip},t.prototype.destroy=function(){this.hide().$element.off("."+this.type).removeData(this.type)};var n=e.fn.popover;e.fn.popover=function(n){return this.each(function(){var r=e(this),i=r.data("bs.popover"),s=typeof n=="object"&&n;i||r.data("bs.popover",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.popover.Constructor=t,e.fn.popover.noConflict=function(){return e.fn.popover=n,this}}(window.jQuery),+function(e){"use strict";function t(n,r){var i,s=e.proxy(this.process,this),o=e(n).is("body")?e(window):e(n);this.$body=e("body"),this.$scrollElement=o.on("scroll.bs.scroll-spy.data-api",s),this.options=e.extend({},t.DEFAULTS,r),this.selector=(this.options.target||(i=e(n).attr("href"))&&i.replace(/.*(?=#[^\s]+$)/,"")||"")+" .nav li > a",this.offsets=e([]),this.targets=e([]),this.activeTarget=null,this.refresh(),this.process()}t.DEFAULTS={offset:10},t.prototype.refresh=function(){this.offsets=e([]),this.targets=e([]);var t=this,n=this.$body.find(this.selector).map(function(){var n=e(this),r=n.data("target")||n.attr("href"),i=/^#\w/.test(r)&&e(r);return i&&i.length&&[[i.position().top+(!e.isWindow(t.$scrollElement.get(0))&&t.$scrollElement.scrollTop()),r]]||null}).sort(function(e,t){return e[0]-t[0]}).each(function(){t.offsets.push(this[0]),t.targets.push(this[1])})},t.prototype.process=function(){var e=this.$scrollElement.scrollTop()+this.options.offset,t=this.$scrollElement[0].scrollHeight||this.$body[0].scrollHeight,n=t-this.$scrollElement.height(),r=this.offsets,i=this.targets,s=this.activeTarget,o;if(e>=n)return s!=(o=i.last()[0])&&this.activate(o);for(o=r.length;o--;)s!=i[o]&&e>=r[o]&&(!r[o+1]||e<=r[o+1])&&this.activate(i[o])},t.prototype.activate=function(t){this.activeTarget=t,e(this.selector).parents(".active").removeClass("active");var n=this.selector+'[data-target="'+t+'"],'+this.selector+'[href="'+t+'"]',r=e(n).parents("li").addClass("active");r.parent(".dropdown-menu").length&&(r=r.closest("li.dropdown").addClass("active")),r.trigger("activate")};var n=e.fn.scrollspy;e.fn.scrollspy=function(n){return this.each(function(){var r=e(this),i=r.data("bs.scrollspy"),s=typeof n=="object"&&n;i||r.data("bs.scrollspy",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.scrollspy.Constructor=t,e.fn.scrollspy.noConflict=function(){return e.fn.scrollspy=n,this},e(window).on("load",function(){e('[data-spy="scroll"]').each(function(){var t=e(this);t.scrollspy(t.data())})})}(window.jQuery),+function(e){"use strict";var t=function(t){this.element=e(t)};t.prototype.show=function(){var t=this.element,n=t.closest("ul:not(.dropdown-menu)"),r=t.attr("data-target");r||(r=t.attr("href"),r=r&&r.replace(/.*(?=#[^\s]*$)/,""));if(t.parent("li").hasClass("active"))return;var i=n.find(".active:last a")[0],s=e.Event("show.bs.tab",{relatedTarget:i});t.trigger(s);if(s.isDefaultPrevented())return;var o=e(r);this.activate(t.parent("li"),n),this.activate(o,o.parent(),function(){t.trigger({type:"shown.bs.tab",relatedTarget:i})})},t.prototype.activate=function(t,n,r){function o(){i.removeClass("active").find("> .dropdown-menu > .active").removeClass("active"),t.addClass("active"),s?(t[0].offsetWidth,t.addClass("in")):t.removeClass("fade"),t.parent(".dropdown-menu")&&t.closest("li.dropdown").addClass("active"),r&&r()}var i=n.find("> .active"),s=r&&e.support.transition&&i.hasClass("fade");s?i.one(e.support.transition.end,o):o(),i.removeClass("in")};var n=e.fn.tab;e.fn.tab=function(n){return this.each(function(){var r=e(this),i=r.data("bs.tab");i||r.data("bs.tab",i=new t(this)),typeof n=="string"&&i[n]()})},e.fn.tab.Constructor=t,e.fn.tab.noConflict=function(){return e.fn.tab=n,this},e(document).on("click.bs.tab.data-api",'[data-toggle="tab"], [data-toggle="pill"]',function(t){t.preventDefault(),e(this).tab("show")})}(window.jQuery),+function(e){"use strict";var t=function(n,r){this.options=e.extend({},t.DEFAULTS,r),this.$window=e(window).on("scroll.bs.affix.data-api",e.proxy(this.checkPosition,this)).on("click.bs.affix.data-api",e.proxy(this.checkPositionWithEventLoop,this)),this.$element=e(n),this.affixed=this.unpin=null,this.checkPosition()};t.DEFAULTS={offset:0},t.prototype.checkPositionWithEventLoop=function(){setTimeout(e.proxy(this.checkPosition,this),1)},t.prototype.checkPosition=function(){if(!this.$element.is(":visible"))return;var t=e(document).height(),n=this.$window.scrollTop(),r=this.$element.offset(),i=this.options.offset,s=i.top,o=i.bottom,u="affix affix-top affix-bottom";typeof i!="object"&&(o=s=i),typeof s=="function"&&(s=i.top()),typeof o=="function"&&(o=i.bottom());var a=this.unpin!=null&&n+this.unpin<=r.top?!1:o!=null&&r.top+this.$element.height()>=t-o?"bottom":s!=null&&n<=s?"top":!1;if(this.affixed===a)return;this.affixed=a,this.unpin=a=="bottom"?r.top-n:null,this.$element.removeClass(u).addClass("affix"+(a?"-"+a:""))};var n=e.fn.affix;e.fn.affix=function(n){return this.each(function(){var r=e(this),i=r.data("bs.affix"),s=typeof n=="object"&&n;i||r.data("bs.affix",i=new t(this,s)),typeof n=="string"&&i[n]()})},e.fn.affix.Constructor=t,e.fn.affix.noConflict=function(){return e.fn.affix=n,this},e(window).on("load",function(){e('[data-spy="affix"]').each(function(){var t=e(this),n=t.data();n.offset=n.offset||{},n.offsetBottom&&(n.offset.bottom=n.offsetBottom),n.offsetTop&&(n.offset.top=n.offsetTop),t.affix(n)})})}(window.jQuery); \ No newline at end of file diff --git a/js/modal.js b/js/modal.js index 9d6bf7339..07b508124 100644 --- a/js/modal.js +++ b/js/modal.js @@ -58,7 +58,7 @@ var transition = $.support.transition && that.$element.hasClass('fade') if (!that.$element.parent().length) { - that.$element.appendTo(document.body) //don't move modals dom position + that.$element.appendTo(document.body) // don't move modals dom position } that.$element.show() @@ -76,7 +76,6 @@ transition ? that.$element.one($.support.transition.end, function () { that.$element.focus().trigger('shown.bs.modal') }) : that.$element.focus().trigger('shown.bs.modal') - }) } @@ -105,7 +104,9 @@ } Modal.prototype.enforceFocus = function () { - $(document).on('focusin.bs.modal', function (e) { + $(document) + .off('focusin.bs.modal') // guard against infinite focus loop + .on('focusin.bs.modal', function (e) { if (this.$element[0] !== e.target && !this.$element.has(e.target).length) { this.$element.focus() } -- cgit v1.2.3 From 7cbb1c0452a1d9904f7655aea78644def85b7f2e Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Sat, 25 May 2013 00:16:52 -0700 Subject: add data-ride=carousel support for starting carousel on load --- js/carousel.js | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/js/carousel.js b/js/carousel.js index 628d72a12..0da8e41ca 100644 --- a/js/carousel.js +++ b/js/carousel.js @@ -186,7 +186,7 @@ // ================= $(document).on('click.bs.carousel.data-api', '[data-slide], [data-slide-to]', function (e) { - var $this = $(this), href + var $this = $(this), href var $target = $($this.attr('data-target') || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7 var options = $.extend({}, $target.data(), $this.data()) var slideIndex @@ -200,4 +200,11 @@ e.preventDefault() }) + $(window).on('load', function () { + $('[data-ride="carousel"]').each(function () { + var $carousel = $(this) + $carousel.carousel($carousel.data()) + }) + }) + }(window.jQuery); -- cgit v1.2.3