Skip to content
GitLab
Explore
Projects
Groups
Snippets
Projects
Groups
Snippets
/
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
Menu
Open sidebar
Bootstrap
bootstrap
Commits
9928144d
Commit
9928144d
authored
10 years ago
by
Mark Otto
Browse files
Options
Download
Email Patches
Plain Diff
Fixes #15241: Add simple example to docs for collapse plugin
parent
23bdfc45
main
cleanup-floating-forms
cssvar-function
dependabot/npm_and_yarn/stylelint-and-stylelint-config-twbs-bootstrap-15.3.0
extend-snippets
feat/data-target
floating-always-visible
floating-labels-icons
fod-main-banner
form-controls-with-icons
github/fork/719media/patch-13
github/fork/719media/patch-14
github/fork/719media/patch-9
github/fork/ChellyAhmed/fix-typo-reboot.md
github/fork/ChellyAhmed/offcanvas-scroll-back
github/fork/CtrlAltLilith/main
github/fork/Elysiome/offcanvas-optional-window-resizing
github/fork/JanSargsyan/main
github/fork/LunicLynx/support-different-line-height-for-buttons
github/fork/Psixodelik/main
github/fork/Ronid1/ronid1/offcanvas_static_backdrop
github/fork/RyanBerliner/tooltip-accessibility
github/fork/SantiagoPVazquez/Feature-default-border-bottom-to-dropdown-item
github/fork/Sir-Genius/utils
github/fork/Sumit-Singh-8/main
github/fork/Viktor-VERA2020/offcanvas-slide
github/fork/Zivangu9/input-group-for-form-control-plaintext
github/fork/alpadev/alpadev/call-dispose-on-component-reinstantiation
github/fork/astagi/fix/tree-shake-modules
github/fork/compnerd/dark-accordion-icon
github/fork/derSascha/dropdown-dont-close-on-input-click
github/fork/dev-ph1l/main
github/fork/donquixote/issue-33861-utl-mixin
github/fork/florianlacreuse/mixin-make-row-gutter-y
github/fork/gregorw/main
github/fork/iteggmbh/transitionend-dispose-race
github/fork/jdelStrother/patch-1
github/fork/jonnysp/form-floating
github/fork/jonnysp/independent-offcanvas
github/fork/jonnysp/theme-dark-on-card-and-modal-fix
github/fork/josefdlange/floating-label-placeholder-opacity
github/fork/julien-deramond/enhance-change-version.js
github/fork/julien-deramond/main-jd-fix-offset-content
github/fork/julien-deramond/main-jd-issue-with-utitlies
github/fork/julien-deramond/main-xmr-pa11y-ci-jd-add-hideElements
github/fork/kyletsang/fix-tooltip-padding
github/fork/lacutah/CheckboxCenteringDocumentation
github/fork/lekoala/patch-3
github/fork/louismaximepiton/main-kld-lmp-collapse-proposal
github/fork/louismaximepiton/main-lmp-card-inner-border-radius-fix
github/fork/louismaximepiton/main-lmp-carousel-multiple-images
github/fork/louismaximepiton/main-lmp-css-var-init
github/fork/louismaximepiton/main-lmp-disabled-floating-label-fix
github/fork/louismaximepiton/main-lmp-input-range-fix
github/fork/louismaximepiton/main-lmp-shift-color
github/fork/louismaximepiton/main-lmp-table-active-tr-fix
github/fork/maciek-szn/switch
github/fork/michael-roth/feature/19964-multiple-tab-targets
github/fork/mistic100/dom-utils
github/fork/nkdas91/accordion
github/fork/nstungcom/fix-missing-modal-open-class
github/fork/oraliahdz/animation-utilities
github/fork/pine3ree/patch-7
github/fork/pouwerkerk/unindent-scss-docs-shortcode
github/fork/smares/smares-no-scolling-on-modal-close
github/fork/tgm-git/patch-1
gs-forms
gs-toasts-with-animated-progress-bar
gs/add-history-helper
gs/change-version-dir-on-docs
gs/data-must-set-onlu-one-instance
gs/docs/fix-drop-down-error
gs/event-handler-2
gs/make-docs-js-build
gs/make-simple-attribute-toggler
gs/popover-fix-doc
gs/provide-steConfig-method
gs/scrollspy-smoothscroll-option-use-browser-history
gs/streamline-jqueryInterface
gs/support-drop-down-in-navbar
gs/test-js-generic-trigger
gs/try-web-components
gs/tweak-collapse-js-selector
gs/use-event-handler-in-cocmponent
gs/use-rollup-replace-for-version
jo-docs-thanks-page
jo-ssr-friendly
logical-props-spacing-utils
main-fod-disabled-form-check-label
main-fod-nested-accordion
main-fod-simpler-table-structure
main-fod-table-separator
main-fod-utilities-contrast
main-jd-abbr-title
main-jd-add-chips
main-jd-add-doc-for-sass-custom-colors
main-jd-add-enable-host-to-handle-web-components
main-jd-browserstack-fine-tune
main-jd-browserstack-updates
main-jd-docs-consistent-usage-of-css-sections-step-2
main-jd-fix-docs-headers-in-white
main-jd-fix-highlight-docs-border-radius
main-jd-fix-placeholder-color-background-params-for-img-markup
main-jd-glossary-experiment
main-jd-postcss-drop-empty-css-vars
main-jd-proto-doc-astro
main-jd-skip-navigation-component
main-jd-stackblitz-for-examples
main-jd-upgrade-browserlistrc
main-jd-use-host
main-lmp-dark-theme-customization
main-lmp-handle-scroll-target
main-lmp-tab-fix
main-mc-opensearch
main-xmr-bundlewatch-action
main-xmr-eslint-plugin-compat
main-xmr-hugo-docs-vendor
main-xmr-hugo-rm-ver
main-xmr-linkinator-prod
main-xmr-min-mangle
main-xmr-pa11y-ci
more-darkmode-examples
nested-dropdowns
patrickhlauke-issue37428
patrickhlauke-use-of-color-tweaks
pr/34102
pr/37590
previous-next-docs-links
sticky-thead
utilities-functions-mixin
v3-dev
v4-dev
v4-dev-dropdown-hide-method
v530-dev
v6-postcss-custom-media
v6-spinner-dots
v6/gs/use-floating-ui-in-place-of-popper
xmr/dev
xmr/docs-png
xmr/docs-svgs
xmr/hugo-reorg-files
xmr/js-2
xmr/markdownlint
xmr/prepare-530-alpha2
xmr/xo
v5.3.0-alpha1
v5.2.3
v5.2.2
v5.2.1
v5.2.0
v5.2.0-beta1
v5.1.3
v5.1.2
v5.1.1
v5.1.0
v5.0.2
v5.0.1
v5.0.0
v5.0.0-beta3
v5.0.0-beta2
v5.0.0-beta1
v5.0.0-alpha3
v5.0.0-alpha2
v5.0.0-alpha1
v4.6.2
v4.6.1
v4.6.0
v4.5.3
v4.5.2
v4.5.1
v4.5.0
v4.4.1
v4.4.0
v4.3.1
v4.3.0
v4.2.1
v4.2.0
v4.1.3
v4.1.2
v4.1.1
v4.1.0
v4.0.0
v4.0.0-beta.3
v4.0.0-beta.2
v4.0.0-beta
v4.0.0-alpha.6
v4.0.0-alpha.5
v4.0.0-alpha.4
v4.0.0-alpha.3
v4.0.0-alpha.2
v4.0.0-alpha
v3.4.1
v3.4.0
v3.3.7
v3.3.6
v3.3.5
v3.3.4
v3.3.2
4 merge requests
!28721
Hot test
,
!16605
Test pull please ignore
,
!22103
test
,
!25326
Adjust examples
Changes
5
Hide whitespace changes
Inline
Side-by-side
Showing
5 changed files
docs/_includes/js/collapse.html
+26
-2
docs/_includes/js/collapse.html
docs/_includes/nav/javascript.html
+2
-1
docs/_includes/nav/javascript.html
docs/assets/css/docs.min.css
+1
-1
docs/assets/css/docs.min.css
docs/assets/css/src/docs.css
+5
-0
docs/assets/css/src/docs.css
docs/assets/js/customize.min.js
+1
-1
docs/assets/js/customize.min.js
with
35 additions
and
5 deletions
+35
-5
docs/_includes/js/collapse.html
+
26
-
2
View file @
9928144d
...
...
@@ -9,8 +9,32 @@
<p>
Collapse requires the
<a
href=
"#transitions"
>
transitions plugin
</a>
to be included in your version of Bootstrap.
</p>
</div>
<h2
id=
"collapse-examples"
>
Example accordion
</h2>
<p>
Using the collapse plugin, we built a simple accordion by extending the panel component.
</p>
<h2
id=
"collapse-example"
>
Example
</h2>
<p>
Click the button below to show and hide another element.
</p>
<div
class=
"bs-example"
>
<button
class=
"btn btn-primary"
type=
"button"
data-toggle=
"collapse"
data-target=
"#collapseExample"
aria-expanded=
"false"
aria-controls=
"collapseExample"
>
Toggle hidden content
</button>
<div
class=
"collapse"
id=
"collapseExample"
>
<div
class=
"well"
>
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
</div>
</div>
</div>
{% highlight html %}
<button
class=
"btn btn-primary"
type=
"button"
data-toggle=
"collapse"
data-target=
"#collapseExample"
aria-expanded=
"false"
aria-controls=
"collapseExample"
>
Toggle hidden content
</button>
<div
class=
"collapse"
id=
"collapseExample"
>
<div
class=
"well"
>
...
</div>
</div>
{% endhighlight %}
<h2
id=
"collapse-example-accordion"
>
Accordion example
</h2>
<p>
You can extend the collapse plugin with the panel component to create an accordion.
</p>
<div
class=
"bs-example"
>
<div
class=
"panel-group"
id=
"accordion"
role=
"tablist"
aria-multiselectable=
"true"
>
...
...
This diff is collapsed.
Click to expand it.
docs/_includes/nav/javascript.html
+
2
-
1
View file @
9928144d
...
...
@@ -92,7 +92,8 @@
<li>
<a
href=
"#collapse"
>
Collapse
</a>
<ul
class=
"nav"
>
<li><a
href=
"#collapse-examples"
>
Examples
</a></li>
<li><a
href=
"#collapse-example"
>
Example
</a></li>
<li><a
href=
"#collapse-example-accordion"
>
Accordion example
</a></li>
<li><a
href=
"#collapse-usage"
>
Usage
</a></li>
<li><a
href=
"#collapse-options"
>
Options
</a></li>
<li><a
href=
"#collapse-methods"
>
Methods
</a></li>
...
...
This diff is collapsed.
Click to expand it.
docs/assets/css/docs.min.css
+
1
-
1
View file @
9928144d
...
...
@@ -3,4 +3,4 @@
* Copyright 2011-2014 Twitter, Inc.
* Licensed under the Creative Commons Attribution 3.0 Unported License. For
* details, see http://creativecommons.org/licenses/by/3.0/.
*/
body
{
position
:
relative
}
.table
code
{
font-size
:
13px
;
font-weight
:
400
}
.btn-outline
{
color
:
#563d7c
;
background-color
:
transparent
;
border-color
:
#563d7c
}
.btn-outline
:hover
,
.btn-outline
:focus
,
.btn-outline
:active
{
color
:
#fff
;
background-color
:
#563d7c
;
border-color
:
#563d7c
}
.btn-outline-inverse
{
color
:
#fff
;
background-color
:
transparent
;
border-color
:
#cdbfe3
}
.btn-outline-inverse
:hover
,
.btn-outline-inverse
:focus
,
.btn-outline-inverse
:active
{
color
:
#563d7c
;
text-shadow
:
none
;
background-color
:
#fff
;
border-color
:
#fff
}
.bs-docs-booticon
{
display
:
block
;
font-weight
:
500
;
color
:
#fff
;
text-align
:
center
;
cursor
:
default
;
background-color
:
#563d7c
;
border-radius
:
15%
}
.bs-docs-booticon-sm
{
width
:
30px
;
height
:
30px
;
font-size
:
20px
;
line-height
:
28px
}
.bs-docs-booticon-lg
{
width
:
144px
;
height
:
144px
;
font-size
:
108px
;
line-height
:
140px
}
.bs-docs-booticon-inverse
{
color
:
#563d7c
;
background-color
:
#fff
}
.bs-docs-booticon-outline
{
background-color
:
transparent
;
border
:
1px
solid
#cdbfe3
}
.bs-docs-nav
{
margin-bottom
:
0
;
background-color
:
#fff
;
border-bottom
:
0
}
.bs-home-nav
.bs-nav-b
{
display
:
none
}
.bs-docs-nav
.navbar-brand
,
.bs-docs-nav
.navbar-nav
>
li
>
a
{
font-weight
:
500
;
color
:
#563d7c
}
.bs-docs-nav
.navbar-nav
>
li
>
a
:hover
,
.bs-docs-nav
.navbar-nav
>
.active
>
a
,
.bs-docs-nav
.navbar-nav
>
.active
>
a
:hover
{
color
:
#463265
;
background-color
:
#f9f9f9
}
.bs-docs-nav
.navbar-toggle
.icon-bar
{
background-color
:
#563d7c
}
.bs-docs-nav
.navbar-header
.navbar-toggle
{
border-color
:
#fff
}
.bs-docs-nav
.navbar-header
.navbar-toggle
:hover
,
.bs-docs-nav
.navbar-header
.navbar-toggle
:focus
{
background-color
:
#f9f9f9
;
border-color
:
#f9f9f9
}
.bs-docs-footer
{
padding-top
:
40px
;
padding-bottom
:
40px
;
margin-top
:
100px
;
color
:
#777
;
text-align
:
center
;
border-top
:
1px
solid
#e5e5e5
}
.bs-docs-footer-links
{
padding-left
:
0
;
margin-top
:
20px
}
.bs-docs-footer-links
li
{
display
:
inline
;
padding
:
0
2px
}
.bs-docs-footer-links
li
:first-child
{
padding-left
:
0
}
@media
(
min-width
:
768px
){
.bs-docs-footer
p
{
margin-bottom
:
0
}}
.bs-docs-social
{
margin-bottom
:
20px
;
text-align
:
center
}
.bs-docs-social-buttons
{
display
:
inline-block
;
padding-left
:
0
;
margin-bottom
:
0
;
list-style
:
none
}
.bs-docs-social-buttons
li
{
display
:
inline-block
;
padding
:
5px
8px
;
line-height
:
1
}
.bs-docs-social-buttons
.twitter-follow-button
{
width
:
225px
!important
}
.bs-docs-social-buttons
.twitter-share-button
{
width
:
98px
!important
}
.github-btn
{
overflow
:
hidden
;
border
:
0
}
.bs-docs-masthead
,
.bs-docs-header
{
position
:
relative
;
padding
:
30px
15px
;
color
:
#cdbfe3
;
text-align
:
center
;
text-shadow
:
0
1px
0
rgba
(
0
,
0
,
0
,
.1
);
background-color
:
#6f5499
;
background-image
:
-webkit-gradient
(
linear
,
left
top
,
left
bottom
,
from
(
#563d7c
),
to
(
#6f5499
));
background-image
:
-webkit-linear-gradient
(
top
,
#563d7c
0
,
#6f5499
100%
);
background-image
:
-o-linear-gradient
(
top
,
#563d7c
0
,
#6f5499
100%
);
background-image
:
linear-gradient
(
to
bottom
,
#563d7c
0
,
#6f5499
100%
);
filter
:
progid
:
DXImageTransform
.
Microsoft
.
gradient
(
startColorstr
=
'#563d7c'
,
endColorstr
=
'#6F5499'
,
GradientType
=
0
);
background-repeat
:
repeat-x
}
.bs-docs-masthead
.bs-docs-booticon
{
margin
:
0
auto
30px
}
.bs-docs-masthead
h1
{
font-weight
:
300
;
line-height
:
1
;
color
:
#fff
}
.bs-docs-masthead
.lead
{
margin
:
0
auto
30px
;
font-size
:
20px
;
color
:
#fff
}
.bs-docs-masthead
.version
{
margin-top
:
-15px
;
margin-bottom
:
30px
;
color
:
#9783b9
}
.bs-docs-masthead
.btn
{
width
:
100%
;
padding
:
15px
30px
;
font-size
:
20px
}
@media
(
min-width
:
480px
){
.bs-docs-masthead
.btn
{
width
:
auto
}}
@media
(
min-width
:
768px
){
.bs-docs-masthead
{
padding
:
80px
0
}
.bs-docs-masthead
h1
{
font-size
:
60px
}
.bs-docs-masthead
.lead
{
font-size
:
24px
}}
@media
(
min-width
:
992px
){
.bs-docs-masthead
.lead
{
width
:
80%
;
font-size
:
30px
}}
.bs-docs-header
{
margin-bottom
:
40px
;
font-size
:
20px
}
.bs-docs-header
h1
{
margin-top
:
0
;
color
:
#fff
}
.bs-docs-header
p
{
margin-bottom
:
0
;
font-weight
:
300
;
line-height
:
1.4
}
.bs-docs-header
.container
{
position
:
relative
}
@media
(
min-width
:
768px
){
.bs-docs-header
{
padding-top
:
60px
;
padding-bottom
:
60px
;
font-size
:
24px
;
text-align
:
left
}
.bs-docs-header
h1
{
font-size
:
60px
;
line-height
:
1
}}
@media
(
min-width
:
992px
){
.bs-docs-header
h1
,
.bs-docs-header
p
{
margin-right
:
380px
}}
.carbonad
{
width
:
auto
!important
;
height
:
auto
!important
;
padding
:
20px
!important
;
margin
:
30px
-30px
-31px
!important
;
overflow
:
hidden
;
font-size
:
13px
!important
;
line-height
:
16px
!important
;
text-align
:
left
;
background
:
transparent
!important
;
border
:
solid
#866ab3
!important
;
border-width
:
1px
0
!important
}
.carbonad-img
{
margin
:
0
!important
}
.carbonad-text
,
.carbonad-tag
{
display
:
block
!important
;
float
:
none
!important
;
width
:
auto
!important
;
height
:
auto
!important
;
margin-left
:
145px
!important
;
font-family
:
"Helvetica Neue"
,
Helvetica
,
Arial
,
sans-serif
!important
}
.carbonad-text
{
padding-top
:
0
!important
}
.carbonad-tag
{
color
:
inherit
!important
;
text-align
:
left
!important
}
.carbonad-text
a
,
.carbonad-tag
a
{
color
:
#fff
!important
}
.carbonad
#azcarbon
>
img
{
display
:
none
}
@media
(
min-width
:
480px
){
.carbonad
{
width
:
330px
!important
;
margin
:
20px
auto
!important
;
border-width
:
1px
!important
;
border-radius
:
4px
}
.bs-docs-masthead
.carbonad
{
margin
:
50px
auto
0
!important
}}
@media
(
min-width
:
768px
){
.carbonad
{
margin-right
:
0
!important
;
margin-left
:
0
!important
}}
@media
(
min-width
:
992px
){
.carbonad
{
position
:
absolute
;
top
:
0
;
right
:
15px
;
width
:
330px
!important
;
padding
:
15px
!important
;
margin
:
0
!important
}
.bs-docs-masthead
.carbonad
{
position
:
static
}}
.bs-docs-featurette
{
padding-top
:
40px
;
padding-bottom
:
40px
;
font-size
:
16px
;
line-height
:
1.5
;
color
:
#555
;
text-align
:
center
;
background-color
:
#fff
;
border-bottom
:
1px
solid
#e5e5e5
}
.bs-docs-featurette
+
.bs-docs-footer
{
margin-top
:
0
;
border-top
:
0
}
.bs-docs-featurette-title
{
margin-bottom
:
5px
;
font-size
:
30px
;
font-weight
:
400
;
color
:
#333
}
.half-rule
{
width
:
100px
;
margin
:
40px
auto
}
.bs-docs-featurette
h3
{
margin-bottom
:
5px
;
font-weight
:
400
;
color
:
#333
}
.bs-docs-featurette-img
{
display
:
block
;
margin-bottom
:
20px
;
color
:
#333
}
.bs-docs-featurette-img
:hover
{
color
:
#337ab7
;
text-decoration
:
none
}
.bs-docs-featurette-img
img
{
display
:
block
;
margin-bottom
:
15px
}
@media
(
min-width
:
480px
){
.bs-docs-featurette
.img-responsive
{
margin-top
:
30px
}}
@media
(
min-width
:
768px
){
.bs-docs-featurette
{
padding-top
:
100px
;
padding-bottom
:
100px
}
.bs-docs-featurette-title
{
font-size
:
40px
}
.bs-docs-featurette
.lead
{
max-width
:
80%
;
margin-right
:
auto
;
margin-left
:
auto
}
.bs-docs-featurette
.img-responsive
{
margin-top
:
0
}}
.bs-docs-featured-sites
{
margin-right
:
-1px
;
margin-left
:
-1px
}
.bs-docs-featured-sites
.col-xs-6
{
padding
:
1px
}
.bs-docs-featured-sites
.img-responsive
{
margin-top
:
0
}
@media
(
min-width
:
768px
){
.bs-docs-featured-sites
.col-sm-3
:first-child
img
{
border-top-left-radius
:
4px
;
border-bottom-left-radius
:
4px
}
.bs-docs-featured-sites
.col-sm-3
:last-child
img
{
border-top-right-radius
:
4px
;
border-bottom-right-radius
:
4px
}}
.bs-examples
.thumbnail
{
margin-bottom
:
10px
}
.bs-examples
h4
{
margin-bottom
:
5px
}
.bs-examples
p
{
margin-bottom
:
20px
}
@media
(
max-width
:
480px
){
.bs-examples
{
margin-right
:
-10px
;
margin-left
:
-10px
}
.bs-examples
>[
class
^=
col-
]
{
padding-right
:
10px
;
padding-left
:
10px
}}
.bs-docs-sidebar.affix
{
position
:
static
}
@media
(
min-width
:
768px
){
.bs-docs-sidebar
{
padding-left
:
20px
}}
.bs-docs-sidenav
{
margin-top
:
20px
;
margin-bottom
:
20px
}
.bs-docs-sidebar
.nav
>
li
>
a
{
display
:
block
;
padding
:
4px
20px
;
font-size
:
13px
;
font-weight
:
500
;
color
:
#999
}
.bs-docs-sidebar
.nav
>
li
>
a
:hover
,
.bs-docs-sidebar
.nav
>
li
>
a
:focus
{
padding-left
:
19px
;
color
:
#563d7c
;
text-decoration
:
none
;
background-color
:
transparent
;
border-left
:
1px
solid
#563d7c
}
.bs-docs-sidebar
.nav
>
.active
>
a
,
.bs-docs-sidebar
.nav
>
.active
:hover
>
a
,
.bs-docs-sidebar
.nav
>
.active
:focus
>
a
{
padding-left
:
18px
;
font-weight
:
700
;
color
:
#563d7c
;
background-color
:
transparent
;
border-left
:
2px
solid
#563d7c
}
.bs-docs-sidebar
.nav
.nav
{
display
:
none
;
padding-bottom
:
10px
}
.bs-docs-sidebar
.nav
.nav
>
li
>
a
{
padding-top
:
1px
;
padding-bottom
:
1px
;
padding-left
:
30px
;
font-size
:
12px
;
font-weight
:
400
}
.bs-docs-sidebar
.nav
.nav
>
li
>
a
:hover
,
.bs-docs-sidebar
.nav
.nav
>
li
>
a
:focus
{
padding-left
:
29px
}
.bs-docs-sidebar
.nav
.nav
>
.active
>
a
,
.bs-docs-sidebar
.nav
.nav
>
.active
:hover
>
a
,
.bs-docs-sidebar
.nav
.nav
>
.active
:focus
>
a
{
padding-left
:
28px
;
font-weight
:
500
}
.back-to-top
,
.bs-docs-theme-toggle
{
display
:
none
;
padding
:
4px
10px
;
margin-top
:
10px
;
margin-left
:
10px
;
font-size
:
12px
;
font-weight
:
500
;
color
:
#999
}
.back-to-top
:hover
,
.bs-docs-theme-toggle
:hover
{
color
:
#563d7c
;
text-decoration
:
none
}
.bs-docs-theme-toggle
{
margin-top
:
0
}
@media
(
min-width
:
768px
){
.back-to-top
,
.bs-docs-theme-toggle
{
display
:
block
}}
@media
(
min-width
:
992px
){
.bs-docs-sidebar
.nav
>
.active
>
ul
{
display
:
block
}
.bs-docs-sidebar.affix
,
.bs-docs-sidebar.affix-bottom
{
width
:
213px
}
.bs-docs-sidebar.affix
{
position
:
fixed
;
top
:
20px
}
.bs-docs-sidebar.affix-bottom
{
position
:
absolute
}
.bs-docs-sidebar.affix-bottom
.bs-docs-sidenav
,
.bs-docs-sidebar.affix
.bs-docs-sidenav
{
margin-top
:
0
;
margin-bottom
:
0
}}
@media
(
min-width
:
1200px
){
.bs-docs-sidebar.affix-bottom
,
.bs-docs-sidebar.affix
{
width
:
263px
}}
.bs-docs-section
{
margin-bottom
:
60px
}
.bs-docs-section
:last-child
{
margin-bottom
:
0
}
h1
[
id
]
{
padding-top
:
20px
;
margin-top
:
0
}
.bs-callout
{
padding
:
20px
;
margin
:
20px
0
;
border
:
1px
solid
#eee
;
border-left-width
:
5px
;
border-radius
:
3px
}
.bs-callout
h4
{
margin-top
:
0
;
margin-bottom
:
5px
}
.bs-callout
p
:last-child
{
margin-bottom
:
0
}
.bs-callout
code
{
border-radius
:
3px
}
.bs-callout
+
.bs-callout
{
margin-top
:
-5px
}
.bs-callout-danger
{
border-left-color
:
#d9534f
}
.bs-callout-danger
h4
{
color
:
#d9534f
}
.bs-callout-warning
{
border-left-color
:
#f0ad4e
}
.bs-callout-warning
h4
{
color
:
#f0ad4e
}
.bs-callout-info
{
border-left-color
:
#5bc0de
}
.bs-callout-info
h4
{
color
:
#5bc0de
}
.color-swatches
{
margin
:
0
-5px
;
overflow
:
hidden
}
.color-swatch
{
float
:
left
;
width
:
60px
;
height
:
60px
;
margin
:
0
5px
;
border-radius
:
3px
}
@media
(
min-width
:
768px
){
.color-swatch
{
width
:
100px
;
height
:
100px
}}
.color-swatches
.gray-darker
{
background-color
:
#222
}
.color-swatches
.gray-dark
{
background-color
:
#333
}
.color-swatches
.gray
{
background-color
:
#555
}
.color-swatches
.gray-light
{
background-color
:
#999
}
.color-swatches
.gray-lighter
{
background-color
:
#eee
}
.color-swatches
.brand-primary
{
background-color
:
#337ab7
}
.color-swatches
.brand-success
{
background-color
:
#5cb85c
}
.color-swatches
.brand-warning
{
background-color
:
#f0ad4e
}
.color-swatches
.brand-danger
{
background-color
:
#d9534f
}
.color-swatches
.brand-info
{
background-color
:
#5bc0de
}
.color-swatches
.bs-purple
{
background-color
:
#563d7c
}
.color-swatches
.bs-purple-light
{
background-color
:
#c7bfd3
}
.color-swatches
.bs-purple-lighter
{
background-color
:
#e5e1ea
}
.color-swatches
.bs-gray
{
background-color
:
#f9f9f9
}
.bs-team
.team-member
{
line-height
:
32px
;
color
:
#555
}
.bs-team
.team-member
:hover
{
color
:
#333
;
text-decoration
:
none
}
.bs-team
.github-btn
{
float
:
right
;
width
:
180px
;
height
:
20px
;
margin-top
:
6px
}
.bs-team
img
{
float
:
left
;
width
:
32px
;
margin-right
:
10px
;
border-radius
:
4px
}
.bs-docs-browser-bugs
td
p
{
margin-bottom
:
0
}
.bs-docs-browser-bugs
th
:first-child
{
width
:
18%
}
.show-grid
{
margin-bottom
:
15px
}
.show-grid
[
class
^=
col-
]
{
padding-top
:
10px
;
padding-bottom
:
10px
;
background-color
:
#eee
;
background-color
:
rgba
(
86
,
61
,
124
,
.15
);
border
:
1px
solid
#ddd
;
border
:
1px
solid
rgba
(
86
,
61
,
124
,
.2
)}
.bs-example
{
position
:
relative
;
padding
:
45px
15px
15px
;
margin
:
0
-15px
15px
;
border-color
:
#e5e5e5
#eee
#eee
;
border-style
:
solid
;
border-width
:
1px
0
;
-webkit-box-shadow
:
inset
0
3px
6px
rgba
(
0
,
0
,
0
,
.05
);
box-shadow
:
inset
0
3px
6px
rgba
(
0
,
0
,
0
,
.05
)}
.bs-example
:after
{
position
:
absolute
;
top
:
15px
;
left
:
15px
;
font-size
:
12px
;
font-weight
:
700
;
color
:
#959595
;
text-transform
:
uppercase
;
letter-spacing
:
1px
;
content
:
"Example"
}
.bs-example
+
.highlight
,
.bs-example
+
.zero-clipboard
+
.highlight
{
margin
:
-15px
-15px
15px
;
border-width
:
0
0
1px
;
border-radius
:
0
}
@media
(
min-width
:
768px
){
.bs-example
{
margin-right
:
0
;
margin-left
:
0
;
background-color
:
#fff
;
border-color
:
#ddd
;
border-width
:
1px
;
border-radius
:
4px
4px
0
0
;
-webkit-box-shadow
:
none
;
box-shadow
:
none
}
.bs-example
+
.highlight
,
.bs-example
+
.zero-clipboard
+
.highlight
{
margin-top
:
-16px
;
margin-right
:
0
;
margin-left
:
0
;
border-width
:
1px
;
border-bottom-right-radius
:
4px
;
border-bottom-left-radius
:
4px
}
.bs-example-standalone
{
border-radius
:
4px
}}
.bs-example
.container
{
width
:
auto
}
.bs-example
>
p
:last-child
,
.bs-example
>
ul
:last-child
,
.bs-example
>
ol
:last-child
,
.bs-example
>
blockquote
:last-child
,
.bs-example
>
.form-control
:last-child
,
.bs-example
>
.table
:last-child
,
.bs-example
>
.navbar
:last-child
,
.bs-example
>
.jumbotron
:last-child
,
.bs-example
>
.alert
:last-child
,
.bs-example
>
.panel
:last-child
,
.bs-example
>
.list-group
:last-child
,
.bs-example
>
.well
:last-child
,
.bs-example
>
.progress
:last-child
,
.bs-example
>
.table-responsive
:last-child
>
.table
{
margin-bottom
:
0
}
.bs-example
>
p
>
.close
{
float
:
none
}
.bs-example-type
.table
.type-info
{
color
:
#999
;
vertical-align
:
middle
}
.bs-example-type
.table
td
{
padding
:
15px
0
;
border-color
:
#eee
}
.bs-example-type
.table
tr
:first-child
td
{
border-top
:
0
}
.bs-example-type
h1
,
.bs-example-type
h2
,
.bs-example-type
h3
,
.bs-example-type
h4
,
.bs-example-type
h5
,
.bs-example-type
h6
{
margin
:
0
}
.bs-example-bg-classes
p
{
padding
:
15px
}
.bs-example
>
.img-circle
,
.bs-example
>
.img-rounded
,
.bs-example
>
.img-thumbnail
{
margin
:
5px
}
.bs-example
>
.table-responsive
>
.table
{
background-color
:
#fff
}
.bs-example
>
.btn
,
.bs-example
>
.btn-group
{
margin-top
:
5px
;
margin-bottom
:
5px
}
.bs-example
>
.btn-toolbar
+
.btn-toolbar
{
margin-top
:
10px
}
.bs-example-control-sizing
select
,
.bs-example-control-sizing
input
[
type
=
text
]+
input
[
type
=
text
]
{
margin-top
:
10px
}
.bs-example-form
.input-group
{
margin-bottom
:
10px
}
.bs-example
>
textarea
.form-control
{
resize
:
vertical
}
.bs-example
>
.list-group
{
max-width
:
400px
}
.bs-example
.navbar
:last-child
{
margin-bottom
:
0
}
.bs-navbar-top-example
,
.bs-navbar-bottom-example
{
z-index
:
1
;
padding
:
0
;
overflow
:
hidden
}
.bs-navbar-top-example
.navbar-header
,
.bs-navbar-bottom-example
.navbar-header
{
margin-left
:
0
}
.bs-navbar-top-example
.navbar-fixed-top
,
.bs-navbar-bottom-example
.navbar-fixed-bottom
{
position
:
relative
;
margin-right
:
0
;
margin-left
:
0
}
.bs-navbar-top-example
{
padding-bottom
:
45px
}
.bs-navbar-top-example
:after
{
top
:
auto
;
bottom
:
15px
}
.bs-navbar-top-example
.navbar-fixed-top
{
top
:
-1px
}
.bs-navbar-bottom-example
{
padding-top
:
45px
}
.bs-navbar-bottom-example
.navbar-fixed-bottom
{
bottom
:
-1px
}
.bs-navbar-bottom-example
.navbar
{
margin-bottom
:
0
}
@media
(
min-width
:
768px
){
.bs-navbar-top-example
.navbar-fixed-top
,
.bs-navbar-bottom-example
.navbar-fixed-bottom
{
position
:
absolute
}}
.bs-example
.pagination
{
margin-top
:
10px
;
margin-bottom
:
10px
}
.bs-example
>
.pager
{
margin-top
:
0
}
.bs-example-modal
{
background-color
:
#f5f5f5
}
.bs-example-modal
.modal
{
position
:
relative
;
top
:
auto
;
right
:
auto
;
bottom
:
auto
;
left
:
auto
;
z-index
:
1
;
display
:
block
}
.bs-example-modal
.modal-dialog
{
left
:
auto
;
margin-right
:
auto
;
margin-left
:
auto
}
.bs-example
>
.dropdown
>
.dropdown-toggle
{
float
:
left
}
.bs-example
>
.dropdown
>
.dropdown-menu
{
position
:
static
;
display
:
block
;
margin-bottom
:
5px
;
clear
:
left
}
.bs-example-tabs
.nav-tabs
{
margin-bottom
:
15px
}
.bs-example-tooltips
{
text-align
:
center
}
.bs-example-tooltips
>
.btn
{
margin-top
:
5px
;
margin-bottom
:
5px
}
.bs-example-tooltip
.tooltip
{
position
:
relative
;
display
:
inline-block
;
margin
:
10px
20px
;
opacity
:
1
}
.bs-example-popover
{
padding-bottom
:
24px
;
background-color
:
#f9f9f9
}
.bs-example-popover
.popover
{
position
:
relative
;
display
:
block
;
float
:
left
;
width
:
260px
;
margin
:
20px
}
.scrollspy-example
{
position
:
relative
;
height
:
200px
;
margin-top
:
10px
;
overflow
:
auto
}
.bs-events-table
>
thead
>
tr
>
th
:first-child
,
.bs-events-table
>
tbody
>
tr
>
td
:first-child
{
white-space
:
nowrap
}
.highlight
{
padding
:
9px
14px
;
margin-bottom
:
14px
;
background-color
:
#f7f7f9
;
border
:
1px
solid
#e1e1e8
;
border-radius
:
4px
}
.highlight
pre
{
padding
:
0
;
margin-top
:
0
;
margin-bottom
:
0
;
word-break
:
normal
;
white-space
:
nowrap
;
background-color
:
transparent
;
border
:
0
}
.highlight
pre
code
{
font-size
:
inherit
;
color
:
#333
}
.highlight
pre
code
:first-child
{
display
:
inline-block
;
padding-right
:
45px
}
.table-responsive
.highlight
pre
{
white-space
:
normal
}
.bs-table
th
small
,
.responsive-utilities
th
small
{
display
:
block
;
font-weight
:
400
;
color
:
#999
}
.responsive-utilities
tbody
th
{
font-weight
:
400
}
.responsive-utilities
td
{
text-align
:
center
}
.responsive-utilities
td
.is-visible
{
color
:
#468847
;
background-color
:
#dff0d8
!important
}
.responsive-utilities
td
.is-hidden
{
color
:
#ccc
;
background-color
:
#f9f9f9
!important
}
.responsive-utilities-test
{
margin-top
:
5px
}
.responsive-utilities-test
.col-xs-6
{
margin-bottom
:
10px
}
.responsive-utilities-test
span
{
display
:
block
;
padding
:
15px
10px
;
font-size
:
14px
;
font-weight
:
700
;
line-height
:
1.1
;
text-align
:
center
;
border-radius
:
4px
}
.visible-on
.col-xs-6
.hidden-xs
,
.visible-on
.col-xs-6
.hidden-sm
,
.visible-on
.col-xs-6
.hidden-md
,
.visible-on
.col-xs-6
.hidden-lg
,
.hidden-on
.col-xs-6
.hidden-xs
,
.hidden-on
.col-xs-6
.hidden-sm
,
.hidden-on
.col-xs-6
.hidden-md
,
.hidden-on
.col-xs-6
.hidden-lg
{
color
:
#999
;
border
:
1px
solid
#ddd
}
.visible-on
.col-xs-6
.visible-xs-block
,
.visible-on
.col-xs-6
.visible-sm-block
,
.visible-on
.col-xs-6
.visible-md-block
,
.visible-on
.col-xs-6
.visible-lg-block
,
.hidden-on
.col-xs-6
.visible-xs-block
,
.hidden-on
.col-xs-6
.visible-sm-block
,
.hidden-on
.col-xs-6
.visible-md-block
,
.hidden-on
.col-xs-6
.visible-lg-block
{
color
:
#468847
;
background-color
:
#dff0d8
;
border
:
1px
solid
#d6e9c6
}
.bs-glyphicons
{
margin
:
0
-10px
20px
;
overflow
:
hidden
}
.bs-glyphicons-list
{
padding-left
:
0
;
list-style
:
none
}
.bs-glyphicons
li
{
float
:
left
;
width
:
25%
;
height
:
115px
;
padding
:
10px
;
font-size
:
10px
;
line-height
:
1.4
;
text-align
:
center
;
background-color
:
#f9f9f9
;
border
:
1px
solid
#fff
}
.bs-glyphicons
.glyphicon
{
margin-top
:
5px
;
margin-bottom
:
10px
;
font-size
:
24px
}
.bs-glyphicons
.glyphicon-class
{
display
:
block
;
text-align
:
center
;
word-wrap
:
break-word
}
.bs-glyphicons
li
:hover
{
color
:
#fff
;
background-color
:
#563d7c
}
@media
(
min-width
:
768px
){
.bs-glyphicons
{
margin-right
:
0
;
margin-left
:
0
}
.bs-glyphicons
li
{
width
:
12.5%
;
font-size
:
12px
}}
.bs-customizer
.toggle
{
float
:
right
;
margin-top
:
25px
}
.bs-customizer
label
{
margin-top
:
10px
;
font-weight
:
500
;
color
:
#555
}
.bs-customizer
h2
{
padding-top
:
30px
;
margin-top
:
0
;
margin-bottom
:
5px
}
.bs-customizer
h3
{
margin-bottom
:
0
}
.bs-customizer
h4
{
margin-top
:
15px
;
margin-bottom
:
0
}
.bs-customizer
.bs-callout
h4
{
margin-top
:
0
;
margin-bottom
:
5px
}
.bs-customizer
input
[
type
=
text
]
{
font-family
:
Menlo
,
Monaco
,
Consolas
,
"Courier New"
,
monospace
;
background-color
:
#fafafa
}
.bs-customizer
.help-block
{
margin-bottom
:
5px
;
font-size
:
12px
}
#less-section
label
{
font-weight
:
400
}
.bs-customize-download
.btn-outline
{
padding
:
20px
}
.bs-customizer-alert
{
position
:
fixed
;
top
:
0
;
right
:
0
;
left
:
0
;
z-index
:
1030
;
padding
:
15px
0
;
color
:
#fff
;
background-color
:
#d9534f
;
border-bottom
:
1px
solid
#b94441
;
-webkit-box-shadow
:
inset
0
1px
0
rgba
(
255
,
255
,
255
,
.25
);
box-shadow
:
inset
0
1px
0
rgba
(
255
,
255
,
255
,
.25
)}
.bs-customizer-alert
.close
{
margin-top
:
-4px
;
font-size
:
24px
}
.bs-customizer-alert
p
{
margin-bottom
:
0
}
.bs-customizer-alert
.glyphicon
{
margin-right
:
5px
}
.bs-customizer-alert
pre
{
margin
:
10px
0
0
;
color
:
#fff
;
background-color
:
#a83c3a
;
border-color
:
#973634
;
-webkit-box-shadow
:
inset
0
2px
4px
rgba
(
0
,
0
,
0
,
.05
),
0
1px
0
rgba
(
255
,
255
,
255
,
.1
);
box-shadow
:
inset
0
2px
4px
rgba
(
0
,
0
,
0
,
.05
),
0
1px
0
rgba
(
255
,
255
,
255
,
.1
)}
.bs-dropzone
{
position
:
relative
;
padding
:
20px
;
margin-bottom
:
20px
;
color
:
#777
;
text-align
:
center
;
border
:
2px
dashed
#eee
;
border-radius
:
4px
}
.bs-dropzone
h2
{
margin-top
:
0
;
margin-bottom
:
5px
}
.bs-dropzone
hr
{
width
:
100px
}
.bs-dropzone
.lead
{
margin-bottom
:
10px
;
font-weight
:
400
;
color
:
#333
}
#import-manual-trigger
{
cursor
:
pointer
}
.bs-dropzone
p
:last-child
{
margin-bottom
:
0
}
.bs-brand-logos
{
display
:
table
;
width
:
100%
;
margin-bottom
:
15px
;
overflow
:
hidden
;
color
:
#563d7c
;
background-color
:
#f9f9f9
;
border-radius
:
4px
}
.bs-brand-item
{
padding
:
60px
0
;
text-align
:
center
}
.bs-brand-item
+
.bs-brand-item
{
border-top
:
1px
solid
#fff
}
.bs-brand-logos
.inverse
{
color
:
#fff
;
background-color
:
#563d7c
}
.bs-brand-item
.svg
{
width
:
144px
;
height
:
144px
}
.bs-brand-item
h1
,
.bs-brand-item
h3
{
margin-top
:
0
;
margin-bottom
:
0
}
.bs-brand-item
.bs-docs-booticon
{
margin-right
:
auto
;
margin-left
:
auto
}
.bs-brand-item
.glyphicon
{
width
:
30px
;
height
:
30px
;
margin
:
10px
auto
-10px
;
line-height
:
30px
;
color
:
#fff
;
border-radius
:
50%
}
.bs-brand-item
.glyphicon-ok
{
background-color
:
#5cb85c
}
.bs-brand-item
.glyphicon-remove
{
background-color
:
#d9534f
}
@media
(
min-width
:
768px
){
.bs-brand-item
{
display
:
table-cell
;
width
:
1%
}
.bs-brand-item
+
.bs-brand-item
{
border-top
:
0
;
border-left
:
1px
solid
#fff
}
.bs-brand-item
h1
{
font-size
:
60px
}}
.zero-clipboard
{
position
:
relative
;
display
:
none
}
.btn-clipboard
{
position
:
absolute
;
top
:
0
;
right
:
0
;
z-index
:
10
;
display
:
block
;
padding
:
5px
8px
;
font-size
:
12px
;
color
:
#777
;
cursor
:
pointer
;
background-color
:
#fff
;
border
:
1px
solid
#e1e1e8
;
border-radius
:
0
4px
0
4px
}
.btn-clipboard-hover
{
color
:
#fff
;
background-color
:
#563d7c
;
border-color
:
#563d7c
}
@media
(
min-width
:
768px
){
.zero-clipboard
{
display
:
block
}
.bs-example
+
.zero-clipboard
.btn-clipboard
{
top
:
-16px
;
border-top-right-radius
:
0
}}
#focusedInput
{
border-color
:
#ccc
;
border-color
:
rgba
(
82
,
168
,
236
,
.8
);
outline
:
0
;
outline
:
thin
dotted
\
9
;
-webkit-box-shadow
:
0
0
8px
rgba
(
82
,
168
,
236
,
.6
);
box-shadow
:
0
0
8px
rgba
(
82
,
168
,
236
,
.6
)}
.hll
{
background-color
:
#ffc
}
.c
{
color
:
#999
}
.err
{
color
:
#A00
;
background-color
:
#FAA
}
.k
{
color
:
#069
}
.o
{
color
:
#555
}
.cm
{
color
:
#999
}
.cp
{
color
:
#099
}
.c1
{
color
:
#999
}
.cs
{
color
:
#999
}
.gd
{
background-color
:
#FCC
;
border
:
1px
solid
#C00
}
.ge
{
font-style
:
italic
}
.gr
{
color
:
red
}
.gh
{
color
:
#030
}
.gi
{
background-color
:
#CFC
;
border
:
1px
solid
#0C0
}
.go
{
color
:
#AAA
}
.gp
{
color
:
#009
}
.gu
{
color
:
#030
}
.gt
{
color
:
#9C6
}
.kc
{
color
:
#069
}
.kd
{
color
:
#069
}
.kn
{
color
:
#069
}
.kp
{
color
:
#069
}
.kr
{
color
:
#069
}
.kt
{
color
:
#078
}
.m
{
color
:
#F60
}
.s
{
color
:
#d44950
}
.na
{
color
:
#4f9fcf
}
.nb
{
color
:
#366
}
.nc
{
color
:
#0A8
}
.no
{
color
:
#360
}
.nd
{
color
:
#99F
}
.ni
{
color
:
#999
}
.ne
{
color
:
#C00
}
.nf
{
color
:
#C0F
}
.nl
{
color
:
#99F
}
.nn
{
color
:
#0CF
}
.nt
{
color
:
#2f6f9f
}
.nv
{
color
:
#033
}
.ow
{
color
:
#000
}
.w
{
color
:
#bbb
}
.mf
{
color
:
#F60
}
.mh
{
color
:
#F60
}
.mi
{
color
:
#F60
}
.mo
{
color
:
#F60
}
.sb
{
color
:
#C30
}
.sc
{
color
:
#C30
}
.sd
{
color
:
#C30
;
font-style
:
italic
}
.s2
{
color
:
#C30
}
.se
{
color
:
#C30
}
.sh
{
color
:
#C30
}
.si
{
color
:
#A00
}
.sx
{
color
:
#C30
}
.sr
{
color
:
#3AA
}
.s1
{
color
:
#C30
}
.ss
{
color
:
#FC3
}
.bp
{
color
:
#366
}
.vc
{
color
:
#033
}
.vg
{
color
:
#033
}
.vi
{
color
:
#033
}
.il
{
color
:
#F60
}
.css
.o
,
.css
.o
+
.nt
,
.css
.nt
+
.nt
{
color
:
#999
}
\ No newline at end of file
*/
body
{
position
:
relative
}
.table
code
{
font-size
:
13px
;
font-weight
:
400
}
.btn-outline
{
color
:
#563d7c
;
background-color
:
transparent
;
border-color
:
#563d7c
}
.btn-outline
:hover
,
.btn-outline
:focus
,
.btn-outline
:active
{
color
:
#fff
;
background-color
:
#563d7c
;
border-color
:
#563d7c
}
.btn-outline-inverse
{
color
:
#fff
;
background-color
:
transparent
;
border-color
:
#cdbfe3
}
.btn-outline-inverse
:hover
,
.btn-outline-inverse
:focus
,
.btn-outline-inverse
:active
{
color
:
#563d7c
;
text-shadow
:
none
;
background-color
:
#fff
;
border-color
:
#fff
}
.bs-docs-booticon
{
display
:
block
;
font-weight
:
500
;
color
:
#fff
;
text-align
:
center
;
cursor
:
default
;
background-color
:
#563d7c
;
border-radius
:
15%
}
.bs-docs-booticon-sm
{
width
:
30px
;
height
:
30px
;
font-size
:
20px
;
line-height
:
28px
}
.bs-docs-booticon-lg
{
width
:
144px
;
height
:
144px
;
font-size
:
108px
;
line-height
:
140px
}
.bs-docs-booticon-inverse
{
color
:
#563d7c
;
background-color
:
#fff
}
.bs-docs-booticon-outline
{
background-color
:
transparent
;
border
:
1px
solid
#cdbfe3
}
.bs-docs-nav
{
margin-bottom
:
0
;
background-color
:
#fff
;
border-bottom
:
0
}
.bs-home-nav
.bs-nav-b
{
display
:
none
}
.bs-docs-nav
.navbar-brand
,
.bs-docs-nav
.navbar-nav
>
li
>
a
{
font-weight
:
500
;
color
:
#563d7c
}
.bs-docs-nav
.navbar-nav
>
li
>
a
:hover
,
.bs-docs-nav
.navbar-nav
>
.active
>
a
,
.bs-docs-nav
.navbar-nav
>
.active
>
a
:hover
{
color
:
#463265
;
background-color
:
#f9f9f9
}
.bs-docs-nav
.navbar-toggle
.icon-bar
{
background-color
:
#563d7c
}
.bs-docs-nav
.navbar-header
.navbar-toggle
{
border-color
:
#fff
}
.bs-docs-nav
.navbar-header
.navbar-toggle
:hover
,
.bs-docs-nav
.navbar-header
.navbar-toggle
:focus
{
background-color
:
#f9f9f9
;
border-color
:
#f9f9f9
}
.bs-docs-footer
{
padding-top
:
40px
;
padding-bottom
:
40px
;
margin-top
:
100px
;
color
:
#777
;
text-align
:
center
;
border-top
:
1px
solid
#e5e5e5
}
.bs-docs-footer-links
{
padding-left
:
0
;
margin-top
:
20px
}
.bs-docs-footer-links
li
{
display
:
inline
;
padding
:
0
2px
}
.bs-docs-footer-links
li
:first-child
{
padding-left
:
0
}
@media
(
min-width
:
768px
){
.bs-docs-footer
p
{
margin-bottom
:
0
}}
.bs-docs-social
{
margin-bottom
:
20px
;
text-align
:
center
}
.bs-docs-social-buttons
{
display
:
inline-block
;
padding-left
:
0
;
margin-bottom
:
0
;
list-style
:
none
}
.bs-docs-social-buttons
li
{
display
:
inline-block
;
padding
:
5px
8px
;
line-height
:
1
}
.bs-docs-social-buttons
.twitter-follow-button
{
width
:
225px
!important
}
.bs-docs-social-buttons
.twitter-share-button
{
width
:
98px
!important
}
.github-btn
{
overflow
:
hidden
;
border
:
0
}
.bs-docs-masthead
,
.bs-docs-header
{
position
:
relative
;
padding
:
30px
15px
;
color
:
#cdbfe3
;
text-align
:
center
;
text-shadow
:
0
1px
0
rgba
(
0
,
0
,
0
,
.1
);
background-color
:
#6f5499
;
background-image
:
-webkit-gradient
(
linear
,
left
top
,
left
bottom
,
from
(
#563d7c
),
to
(
#6f5499
));
background-image
:
-webkit-linear-gradient
(
top
,
#563d7c
0
,
#6f5499
100%
);
background-image
:
-o-linear-gradient
(
top
,
#563d7c
0
,
#6f5499
100%
);
background-image
:
linear-gradient
(
to
bottom
,
#563d7c
0
,
#6f5499
100%
);
filter
:
progid
:
DXImageTransform
.
Microsoft
.
gradient
(
startColorstr
=
'#563d7c'
,
endColorstr
=
'#6F5499'
,
GradientType
=
0
);
background-repeat
:
repeat-x
}
.bs-docs-masthead
.bs-docs-booticon
{
margin
:
0
auto
30px
}
.bs-docs-masthead
h1
{
font-weight
:
300
;
line-height
:
1
;
color
:
#fff
}
.bs-docs-masthead
.lead
{
margin
:
0
auto
30px
;
font-size
:
20px
;
color
:
#fff
}
.bs-docs-masthead
.version
{
margin-top
:
-15px
;
margin-bottom
:
30px
;
color
:
#9783b9
}
.bs-docs-masthead
.btn
{
width
:
100%
;
padding
:
15px
30px
;
font-size
:
20px
}
@media
(
min-width
:
480px
){
.bs-docs-masthead
.btn
{
width
:
auto
}}
@media
(
min-width
:
768px
){
.bs-docs-masthead
{
padding
:
80px
0
}
.bs-docs-masthead
h1
{
font-size
:
60px
}
.bs-docs-masthead
.lead
{
font-size
:
24px
}}
@media
(
min-width
:
992px
){
.bs-docs-masthead
.lead
{
width
:
80%
;
font-size
:
30px
}}
.bs-docs-header
{
margin-bottom
:
40px
;
font-size
:
20px
}
.bs-docs-header
h1
{
margin-top
:
0
;
color
:
#fff
}
.bs-docs-header
p
{
margin-bottom
:
0
;
font-weight
:
300
;
line-height
:
1.4
}
.bs-docs-header
.container
{
position
:
relative
}
@media
(
min-width
:
768px
){
.bs-docs-header
{
padding-top
:
60px
;
padding-bottom
:
60px
;
font-size
:
24px
;
text-align
:
left
}
.bs-docs-header
h1
{
font-size
:
60px
;
line-height
:
1
}}
@media
(
min-width
:
992px
){
.bs-docs-header
h1
,
.bs-docs-header
p
{
margin-right
:
380px
}}
.carbonad
{
width
:
auto
!important
;
height
:
auto
!important
;
padding
:
20px
!important
;
margin
:
30px
-30px
-31px
!important
;
overflow
:
hidden
;
font-size
:
13px
!important
;
line-height
:
16px
!important
;
text-align
:
left
;
background
:
transparent
!important
;
border
:
solid
#866ab3
!important
;
border-width
:
1px
0
!important
}
.carbonad-img
{
margin
:
0
!important
}
.carbonad-text
,
.carbonad-tag
{
display
:
block
!important
;
float
:
none
!important
;
width
:
auto
!important
;
height
:
auto
!important
;
margin-left
:
145px
!important
;
font-family
:
"Helvetica Neue"
,
Helvetica
,
Arial
,
sans-serif
!important
}
.carbonad-text
{
padding-top
:
0
!important
}
.carbonad-tag
{
color
:
inherit
!important
;
text-align
:
left
!important
}
.carbonad-text
a
,
.carbonad-tag
a
{
color
:
#fff
!important
}
.carbonad
#azcarbon
>
img
{
display
:
none
}
@media
(
min-width
:
480px
){
.carbonad
{
width
:
330px
!important
;
margin
:
20px
auto
!important
;
border-width
:
1px
!important
;
border-radius
:
4px
}
.bs-docs-masthead
.carbonad
{
margin
:
50px
auto
0
!important
}}
@media
(
min-width
:
768px
){
.carbonad
{
margin-right
:
0
!important
;
margin-left
:
0
!important
}}
@media
(
min-width
:
992px
){
.carbonad
{
position
:
absolute
;
top
:
0
;
right
:
15px
;
width
:
330px
!important
;
padding
:
15px
!important
;
margin
:
0
!important
}
.bs-docs-masthead
.carbonad
{
position
:
static
}}
.bs-docs-featurette
{
padding-top
:
40px
;
padding-bottom
:
40px
;
font-size
:
16px
;
line-height
:
1.5
;
color
:
#555
;
text-align
:
center
;
background-color
:
#fff
;
border-bottom
:
1px
solid
#e5e5e5
}
.bs-docs-featurette
+
.bs-docs-footer
{
margin-top
:
0
;
border-top
:
0
}
.bs-docs-featurette-title
{
margin-bottom
:
5px
;
font-size
:
30px
;
font-weight
:
400
;
color
:
#333
}
.half-rule
{
width
:
100px
;
margin
:
40px
auto
}
.bs-docs-featurette
h3
{
margin-bottom
:
5px
;
font-weight
:
400
;
color
:
#333
}
.bs-docs-featurette-img
{
display
:
block
;
margin-bottom
:
20px
;
color
:
#333
}
.bs-docs-featurette-img
:hover
{
color
:
#337ab7
;
text-decoration
:
none
}
.bs-docs-featurette-img
img
{
display
:
block
;
margin-bottom
:
15px
}
@media
(
min-width
:
480px
){
.bs-docs-featurette
.img-responsive
{
margin-top
:
30px
}}
@media
(
min-width
:
768px
){
.bs-docs-featurette
{
padding-top
:
100px
;
padding-bottom
:
100px
}
.bs-docs-featurette-title
{
font-size
:
40px
}
.bs-docs-featurette
.lead
{
max-width
:
80%
;
margin-right
:
auto
;
margin-left
:
auto
}
.bs-docs-featurette
.img-responsive
{
margin-top
:
0
}}
.bs-docs-featured-sites
{
margin-right
:
-1px
;
margin-left
:
-1px
}
.bs-docs-featured-sites
.col-xs-6
{
padding
:
1px
}
.bs-docs-featured-sites
.img-responsive
{
margin-top
:
0
}
@media
(
min-width
:
768px
){
.bs-docs-featured-sites
.col-sm-3
:first-child
img
{
border-top-left-radius
:
4px
;
border-bottom-left-radius
:
4px
}
.bs-docs-featured-sites
.col-sm-3
:last-child
img
{
border-top-right-radius
:
4px
;
border-bottom-right-radius
:
4px
}}
.bs-examples
.thumbnail
{
margin-bottom
:
10px
}
.bs-examples
h4
{
margin-bottom
:
5px
}
.bs-examples
p
{
margin-bottom
:
20px
}
@media
(
max-width
:
480px
){
.bs-examples
{
margin-right
:
-10px
;
margin-left
:
-10px
}
.bs-examples
>[
class
^=
col-
]
{
padding-right
:
10px
;
padding-left
:
10px
}}
.bs-docs-sidebar.affix
{
position
:
static
}
@media
(
min-width
:
768px
){
.bs-docs-sidebar
{
padding-left
:
20px
}}
.bs-docs-sidenav
{
margin-top
:
20px
;
margin-bottom
:
20px
}
.bs-docs-sidebar
.nav
>
li
>
a
{
display
:
block
;
padding
:
4px
20px
;
font-size
:
13px
;
font-weight
:
500
;
color
:
#999
}
.bs-docs-sidebar
.nav
>
li
>
a
:hover
,
.bs-docs-sidebar
.nav
>
li
>
a
:focus
{
padding-left
:
19px
;
color
:
#563d7c
;
text-decoration
:
none
;
background-color
:
transparent
;
border-left
:
1px
solid
#563d7c
}
.bs-docs-sidebar
.nav
>
.active
>
a
,
.bs-docs-sidebar
.nav
>
.active
:hover
>
a
,
.bs-docs-sidebar
.nav
>
.active
:focus
>
a
{
padding-left
:
18px
;
font-weight
:
700
;
color
:
#563d7c
;
background-color
:
transparent
;
border-left
:
2px
solid
#563d7c
}
.bs-docs-sidebar
.nav
.nav
{
display
:
none
;
padding-bottom
:
10px
}
.bs-docs-sidebar
.nav
.nav
>
li
>
a
{
padding-top
:
1px
;
padding-bottom
:
1px
;
padding-left
:
30px
;
font-size
:
12px
;
font-weight
:
400
}
.bs-docs-sidebar
.nav
.nav
>
li
>
a
:hover
,
.bs-docs-sidebar
.nav
.nav
>
li
>
a
:focus
{
padding-left
:
29px
}
.bs-docs-sidebar
.nav
.nav
>
.active
>
a
,
.bs-docs-sidebar
.nav
.nav
>
.active
:hover
>
a
,
.bs-docs-sidebar
.nav
.nav
>
.active
:focus
>
a
{
padding-left
:
28px
;
font-weight
:
500
}
.back-to-top
,
.bs-docs-theme-toggle
{
display
:
none
;
padding
:
4px
10px
;
margin-top
:
10px
;
margin-left
:
10px
;
font-size
:
12px
;
font-weight
:
500
;
color
:
#999
}
.back-to-top
:hover
,
.bs-docs-theme-toggle
:hover
{
color
:
#563d7c
;
text-decoration
:
none
}
.bs-docs-theme-toggle
{
margin-top
:
0
}
@media
(
min-width
:
768px
){
.back-to-top
,
.bs-docs-theme-toggle
{
display
:
block
}}
@media
(
min-width
:
992px
){
.bs-docs-sidebar
.nav
>
.active
>
ul
{
display
:
block
}
.bs-docs-sidebar.affix
,
.bs-docs-sidebar.affix-bottom
{
width
:
213px
}
.bs-docs-sidebar.affix
{
position
:
fixed
;
top
:
20px
}
.bs-docs-sidebar.affix-bottom
{
position
:
absolute
}
.bs-docs-sidebar.affix-bottom
.bs-docs-sidenav
,
.bs-docs-sidebar.affix
.bs-docs-sidenav
{
margin-top
:
0
;
margin-bottom
:
0
}}
@media
(
min-width
:
1200px
){
.bs-docs-sidebar.affix-bottom
,
.bs-docs-sidebar.affix
{
width
:
263px
}}
.bs-docs-section
{
margin-bottom
:
60px
}
.bs-docs-section
:last-child
{
margin-bottom
:
0
}
h1
[
id
]
{
padding-top
:
20px
;
margin-top
:
0
}
.bs-callout
{
padding
:
20px
;
margin
:
20px
0
;
border
:
1px
solid
#eee
;
border-left-width
:
5px
;
border-radius
:
3px
}
.bs-callout
h4
{
margin-top
:
0
;
margin-bottom
:
5px
}
.bs-callout
p
:last-child
{
margin-bottom
:
0
}
.bs-callout
code
{
border-radius
:
3px
}
.bs-callout
+
.bs-callout
{
margin-top
:
-5px
}
.bs-callout-danger
{
border-left-color
:
#d9534f
}
.bs-callout-danger
h4
{
color
:
#d9534f
}
.bs-callout-warning
{
border-left-color
:
#f0ad4e
}
.bs-callout-warning
h4
{
color
:
#f0ad4e
}
.bs-callout-info
{
border-left-color
:
#5bc0de
}
.bs-callout-info
h4
{
color
:
#5bc0de
}
.color-swatches
{
margin
:
0
-5px
;
overflow
:
hidden
}
.color-swatch
{
float
:
left
;
width
:
60px
;
height
:
60px
;
margin
:
0
5px
;
border-radius
:
3px
}
@media
(
min-width
:
768px
){
.color-swatch
{
width
:
100px
;
height
:
100px
}}
.color-swatches
.gray-darker
{
background-color
:
#222
}
.color-swatches
.gray-dark
{
background-color
:
#333
}
.color-swatches
.gray
{
background-color
:
#555
}
.color-swatches
.gray-light
{
background-color
:
#999
}
.color-swatches
.gray-lighter
{
background-color
:
#eee
}
.color-swatches
.brand-primary
{
background-color
:
#337ab7
}
.color-swatches
.brand-success
{
background-color
:
#5cb85c
}
.color-swatches
.brand-warning
{
background-color
:
#f0ad4e
}
.color-swatches
.brand-danger
{
background-color
:
#d9534f
}
.color-swatches
.brand-info
{
background-color
:
#5bc0de
}
.color-swatches
.bs-purple
{
background-color
:
#563d7c
}
.color-swatches
.bs-purple-light
{
background-color
:
#c7bfd3
}
.color-swatches
.bs-purple-lighter
{
background-color
:
#e5e1ea
}
.color-swatches
.bs-gray
{
background-color
:
#f9f9f9
}
.bs-team
.team-member
{
line-height
:
32px
;
color
:
#555
}
.bs-team
.team-member
:hover
{
color
:
#333
;
text-decoration
:
none
}
.bs-team
.github-btn
{
float
:
right
;
width
:
180px
;
height
:
20px
;
margin-top
:
6px
}
.bs-team
img
{
float
:
left
;
width
:
32px
;
margin-right
:
10px
;
border-radius
:
4px
}
.bs-docs-browser-bugs
td
p
{
margin-bottom
:
0
}
.bs-docs-browser-bugs
th
:first-child
{
width
:
18%
}
.show-grid
{
margin-bottom
:
15px
}
.show-grid
[
class
^=
col-
]
{
padding-top
:
10px
;
padding-bottom
:
10px
;
background-color
:
#eee
;
background-color
:
rgba
(
86
,
61
,
124
,
.15
);
border
:
1px
solid
#ddd
;
border
:
1px
solid
rgba
(
86
,
61
,
124
,
.2
)}
.bs-example
{
position
:
relative
;
padding
:
45px
15px
15px
;
margin
:
0
-15px
15px
;
border-color
:
#e5e5e5
#eee
#eee
;
border-style
:
solid
;
border-width
:
1px
0
;
-webkit-box-shadow
:
inset
0
3px
6px
rgba
(
0
,
0
,
0
,
.05
);
box-shadow
:
inset
0
3px
6px
rgba
(
0
,
0
,
0
,
.05
)}
.bs-example
:after
{
position
:
absolute
;
top
:
15px
;
left
:
15px
;
font-size
:
12px
;
font-weight
:
700
;
color
:
#959595
;
text-transform
:
uppercase
;
letter-spacing
:
1px
;
content
:
"Example"
}
.bs-example
+
.highlight
,
.bs-example
+
.zero-clipboard
+
.highlight
{
margin
:
-15px
-15px
15px
;
border-width
:
0
0
1px
;
border-radius
:
0
}
@media
(
min-width
:
768px
){
.bs-example
{
margin-right
:
0
;
margin-left
:
0
;
background-color
:
#fff
;
border-color
:
#ddd
;
border-width
:
1px
;
border-radius
:
4px
4px
0
0
;
-webkit-box-shadow
:
none
;
box-shadow
:
none
}
.bs-example
+
.highlight
,
.bs-example
+
.zero-clipboard
+
.highlight
{
margin-top
:
-16px
;
margin-right
:
0
;
margin-left
:
0
;
border-width
:
1px
;
border-bottom-right-radius
:
4px
;
border-bottom-left-radius
:
4px
}
.bs-example-standalone
{
border-radius
:
4px
}}
.bs-example
.container
{
width
:
auto
}
.bs-example
>
p
:last-child
,
.bs-example
>
ul
:last-child
,
.bs-example
>
ol
:last-child
,
.bs-example
>
blockquote
:last-child
,
.bs-example
>
.form-control
:last-child
,
.bs-example
>
.table
:last-child
,
.bs-example
>
.navbar
:last-child
,
.bs-example
>
.jumbotron
:last-child
,
.bs-example
>
.alert
:last-child
,
.bs-example
>
.panel
:last-child
,
.bs-example
>
.list-group
:last-child
,
.bs-example
>
.well
:last-child
,
.bs-example
>
.progress
:last-child
,
.bs-example
>
.table-responsive
:last-child
>
.table
{
margin-bottom
:
0
}
.bs-example
>
p
>
.close
{
float
:
none
}
.bs-example-type
.table
.type-info
{
color
:
#999
;
vertical-align
:
middle
}
.bs-example-type
.table
td
{
padding
:
15px
0
;
border-color
:
#eee
}
.bs-example-type
.table
tr
:first-child
td
{
border-top
:
0
}
.bs-example-type
h1
,
.bs-example-type
h2
,
.bs-example-type
h3
,
.bs-example-type
h4
,
.bs-example-type
h5
,
.bs-example-type
h6
{
margin
:
0
}
.bs-example-bg-classes
p
{
padding
:
15px
}
.bs-example
>
.img-circle
,
.bs-example
>
.img-rounded
,
.bs-example
>
.img-thumbnail
{
margin
:
5px
}
.bs-example
>
.table-responsive
>
.table
{
background-color
:
#fff
}
.bs-example
>
.btn
,
.bs-example
>
.btn-group
{
margin-top
:
5px
;
margin-bottom
:
5px
}
.bs-example
>
.btn-toolbar
+
.btn-toolbar
{
margin-top
:
10px
}
.bs-example-control-sizing
select
,
.bs-example-control-sizing
input
[
type
=
text
]+
input
[
type
=
text
]
{
margin-top
:
10px
}
.bs-example-form
.input-group
{
margin-bottom
:
10px
}
.bs-example
>
textarea
.form-control
{
resize
:
vertical
}
.bs-example
>
.list-group
{
max-width
:
400px
}
.bs-example
.navbar
:last-child
{
margin-bottom
:
0
}
.bs-navbar-top-example
,
.bs-navbar-bottom-example
{
z-index
:
1
;
padding
:
0
;
overflow
:
hidden
}
.bs-navbar-top-example
.navbar-header
,
.bs-navbar-bottom-example
.navbar-header
{
margin-left
:
0
}
.bs-navbar-top-example
.navbar-fixed-top
,
.bs-navbar-bottom-example
.navbar-fixed-bottom
{
position
:
relative
;
margin-right
:
0
;
margin-left
:
0
}
.bs-navbar-top-example
{
padding-bottom
:
45px
}
.bs-navbar-top-example
:after
{
top
:
auto
;
bottom
:
15px
}
.bs-navbar-top-example
.navbar-fixed-top
{
top
:
-1px
}
.bs-navbar-bottom-example
{
padding-top
:
45px
}
.bs-navbar-bottom-example
.navbar-fixed-bottom
{
bottom
:
-1px
}
.bs-navbar-bottom-example
.navbar
{
margin-bottom
:
0
}
@media
(
min-width
:
768px
){
.bs-navbar-top-example
.navbar-fixed-top
,
.bs-navbar-bottom-example
.navbar-fixed-bottom
{
position
:
absolute
}}
.bs-example
.pagination
{
margin-top
:
10px
;
margin-bottom
:
10px
}
.bs-example
>
.pager
{
margin-top
:
0
}
.bs-example-modal
{
background-color
:
#f5f5f5
}
.bs-example-modal
.modal
{
position
:
relative
;
top
:
auto
;
right
:
auto
;
bottom
:
auto
;
left
:
auto
;
z-index
:
1
;
display
:
block
}
.bs-example-modal
.modal-dialog
{
left
:
auto
;
margin-right
:
auto
;
margin-left
:
auto
}
.bs-example
>
.dropdown
>
.dropdown-toggle
{
float
:
left
}
.bs-example
>
.dropdown
>
.dropdown-menu
{
position
:
static
;
display
:
block
;
margin-bottom
:
5px
;
clear
:
left
}
.bs-example-tabs
.nav-tabs
{
margin-bottom
:
15px
}
.bs-example-tooltips
{
text-align
:
center
}
.bs-example-tooltips
>
.btn
{
margin-top
:
5px
;
margin-bottom
:
5px
}
.bs-example-tooltip
.tooltip
{
position
:
relative
;
display
:
inline-block
;
margin
:
10px
20px
;
opacity
:
1
}
.bs-example-popover
{
padding-bottom
:
24px
;
background-color
:
#f9f9f9
}
.bs-example-popover
.popover
{
position
:
relative
;
display
:
block
;
float
:
left
;
width
:
260px
;
margin
:
20px
}
.scrollspy-example
{
position
:
relative
;
height
:
200px
;
margin-top
:
10px
;
overflow
:
auto
}
#collapseExample
.well
{
margin-bottom
:
0
}
.bs-events-table
>
thead
>
tr
>
th
:first-child
,
.bs-events-table
>
tbody
>
tr
>
td
:first-child
{
white-space
:
nowrap
}
.highlight
{
padding
:
9px
14px
;
margin-bottom
:
14px
;
background-color
:
#f7f7f9
;
border
:
1px
solid
#e1e1e8
;
border-radius
:
4px
}
.highlight
pre
{
padding
:
0
;
margin-top
:
0
;
margin-bottom
:
0
;
word-break
:
normal
;
white-space
:
nowrap
;
background-color
:
transparent
;
border
:
0
}
.highlight
pre
code
{
font-size
:
inherit
;
color
:
#333
}
.highlight
pre
code
:first-child
{
display
:
inline-block
;
padding-right
:
45px
}
.table-responsive
.highlight
pre
{
white-space
:
normal
}
.bs-table
th
small
,
.responsive-utilities
th
small
{
display
:
block
;
font-weight
:
400
;
color
:
#999
}
.responsive-utilities
tbody
th
{
font-weight
:
400
}
.responsive-utilities
td
{
text-align
:
center
}
.responsive-utilities
td
.is-visible
{
color
:
#468847
;
background-color
:
#dff0d8
!important
}
.responsive-utilities
td
.is-hidden
{
color
:
#ccc
;
background-color
:
#f9f9f9
!important
}
.responsive-utilities-test
{
margin-top
:
5px
}
.responsive-utilities-test
.col-xs-6
{
margin-bottom
:
10px
}
.responsive-utilities-test
span
{
display
:
block
;
padding
:
15px
10px
;
font-size
:
14px
;
font-weight
:
700
;
line-height
:
1.1
;
text-align
:
center
;
border-radius
:
4px
}
.visible-on
.col-xs-6
.hidden-xs
,
.visible-on
.col-xs-6
.hidden-sm
,
.visible-on
.col-xs-6
.hidden-md
,
.visible-on
.col-xs-6
.hidden-lg
,
.hidden-on
.col-xs-6
.hidden-xs
,
.hidden-on
.col-xs-6
.hidden-sm
,
.hidden-on
.col-xs-6
.hidden-md
,
.hidden-on
.col-xs-6
.hidden-lg
{
color
:
#999
;
border
:
1px
solid
#ddd
}
.visible-on
.col-xs-6
.visible-xs-block
,
.visible-on
.col-xs-6
.visible-sm-block
,
.visible-on
.col-xs-6
.visible-md-block
,
.visible-on
.col-xs-6
.visible-lg-block
,
.hidden-on
.col-xs-6
.visible-xs-block
,
.hidden-on
.col-xs-6
.visible-sm-block
,
.hidden-on
.col-xs-6
.visible-md-block
,
.hidden-on
.col-xs-6
.visible-lg-block
{
color
:
#468847
;
background-color
:
#dff0d8
;
border
:
1px
solid
#d6e9c6
}
.bs-glyphicons
{
margin
:
0
-10px
20px
;
overflow
:
hidden
}
.bs-glyphicons-list
{
padding-left
:
0
;
list-style
:
none
}
.bs-glyphicons
li
{
float
:
left
;
width
:
25%
;
height
:
115px
;
padding
:
10px
;
font-size
:
10px
;
line-height
:
1.4
;
text-align
:
center
;
background-color
:
#f9f9f9
;
border
:
1px
solid
#fff
}
.bs-glyphicons
.glyphicon
{
margin-top
:
5px
;
margin-bottom
:
10px
;
font-size
:
24px
}
.bs-glyphicons
.glyphicon-class
{
display
:
block
;
text-align
:
center
;
word-wrap
:
break-word
}
.bs-glyphicons
li
:hover
{
color
:
#fff
;
background-color
:
#563d7c
}
@media
(
min-width
:
768px
){
.bs-glyphicons
{
margin-right
:
0
;
margin-left
:
0
}
.bs-glyphicons
li
{
width
:
12.5%
;
font-size
:
12px
}}
.bs-customizer
.toggle
{
float
:
right
;
margin-top
:
25px
}
.bs-customizer
label
{
margin-top
:
10px
;
font-weight
:
500
;
color
:
#555
}
.bs-customizer
h2
{
padding-top
:
30px
;
margin-top
:
0
;
margin-bottom
:
5px
}
.bs-customizer
h3
{
margin-bottom
:
0
}
.bs-customizer
h4
{
margin-top
:
15px
;
margin-bottom
:
0
}
.bs-customizer
.bs-callout
h4
{
margin-top
:
0
;
margin-bottom
:
5px
}
.bs-customizer
input
[
type
=
text
]
{
font-family
:
Menlo
,
Monaco
,
Consolas
,
"Courier New"
,
monospace
;
background-color
:
#fafafa
}
.bs-customizer
.help-block
{
margin-bottom
:
5px
;
font-size
:
12px
}
#less-section
label
{
font-weight
:
400
}
.bs-customize-download
.btn-outline
{
padding
:
20px
}
.bs-customizer-alert
{
position
:
fixed
;
top
:
0
;
right
:
0
;
left
:
0
;
z-index
:
1030
;
padding
:
15px
0
;
color
:
#fff
;
background-color
:
#d9534f
;
border-bottom
:
1px
solid
#b94441
;
-webkit-box-shadow
:
inset
0
1px
0
rgba
(
255
,
255
,
255
,
.25
);
box-shadow
:
inset
0
1px
0
rgba
(
255
,
255
,
255
,
.25
)}
.bs-customizer-alert
.close
{
margin-top
:
-4px
;
font-size
:
24px
}
.bs-customizer-alert
p
{
margin-bottom
:
0
}
.bs-customizer-alert
.glyphicon
{
margin-right
:
5px
}
.bs-customizer-alert
pre
{
margin
:
10px
0
0
;
color
:
#fff
;
background-color
:
#a83c3a
;
border-color
:
#973634
;
-webkit-box-shadow
:
inset
0
2px
4px
rgba
(
0
,
0
,
0
,
.05
),
0
1px
0
rgba
(
255
,
255
,
255
,
.1
);
box-shadow
:
inset
0
2px
4px
rgba
(
0
,
0
,
0
,
.05
),
0
1px
0
rgba
(
255
,
255
,
255
,
.1
)}
.bs-dropzone
{
position
:
relative
;
padding
:
20px
;
margin-bottom
:
20px
;
color
:
#777
;
text-align
:
center
;
border
:
2px
dashed
#eee
;
border-radius
:
4px
}
.bs-dropzone
h2
{
margin-top
:
0
;
margin-bottom
:
5px
}
.bs-dropzone
hr
{
width
:
100px
}
.bs-dropzone
.lead
{
margin-bottom
:
10px
;
font-weight
:
400
;
color
:
#333
}
#import-manual-trigger
{
cursor
:
pointer
}
.bs-dropzone
p
:last-child
{
margin-bottom
:
0
}
.bs-brand-logos
{
display
:
table
;
width
:
100%
;
margin-bottom
:
15px
;
overflow
:
hidden
;
color
:
#563d7c
;
background-color
:
#f9f9f9
;
border-radius
:
4px
}
.bs-brand-item
{
padding
:
60px
0
;
text-align
:
center
}
.bs-brand-item
+
.bs-brand-item
{
border-top
:
1px
solid
#fff
}
.bs-brand-logos
.inverse
{
color
:
#fff
;
background-color
:
#563d7c
}
.bs-brand-item
.svg
{
width
:
144px
;
height
:
144px
}
.bs-brand-item
h1
,
.bs-brand-item
h3
{
margin-top
:
0
;
margin-bottom
:
0
}
.bs-brand-item
.bs-docs-booticon
{
margin-right
:
auto
;
margin-left
:
auto
}
.bs-brand-item
.glyphicon
{
width
:
30px
;
height
:
30px
;
margin
:
10px
auto
-10px
;
line-height
:
30px
;
color
:
#fff
;
border-radius
:
50%
}
.bs-brand-item
.glyphicon-ok
{
background-color
:
#5cb85c
}
.bs-brand-item
.glyphicon-remove
{
background-color
:
#d9534f
}
@media
(
min-width
:
768px
){
.bs-brand-item
{
display
:
table-cell
;
width
:
1%
}
.bs-brand-item
+
.bs-brand-item
{
border-top
:
0
;
border-left
:
1px
solid
#fff
}
.bs-brand-item
h1
{
font-size
:
60px
}}
.zero-clipboard
{
position
:
relative
;
display
:
none
}
.btn-clipboard
{
position
:
absolute
;
top
:
0
;
right
:
0
;
z-index
:
10
;
display
:
block
;
padding
:
5px
8px
;
font-size
:
12px
;
color
:
#777
;
cursor
:
pointer
;
background-color
:
#fff
;
border
:
1px
solid
#e1e1e8
;
border-radius
:
0
4px
0
4px
}
.btn-clipboard-hover
{
color
:
#fff
;
background-color
:
#563d7c
;
border-color
:
#563d7c
}
@media
(
min-width
:
768px
){
.zero-clipboard
{
display
:
block
}
.bs-example
+
.zero-clipboard
.btn-clipboard
{
top
:
-16px
;
border-top-right-radius
:
0
}}
#focusedInput
{
border-color
:
#ccc
;
border-color
:
rgba
(
82
,
168
,
236
,
.8
);
outline
:
0
;
outline
:
thin
dotted
\
9
;
-webkit-box-shadow
:
0
0
8px
rgba
(
82
,
168
,
236
,
.6
);
box-shadow
:
0
0
8px
rgba
(
82
,
168
,
236
,
.6
)}
.hll
{
background-color
:
#ffc
}
.c
{
color
:
#999
}
.err
{
color
:
#A00
;
background-color
:
#FAA
}
.k
{
color
:
#069
}
.o
{
color
:
#555
}
.cm
{
color
:
#999
}
.cp
{
color
:
#099
}
.c1
{
color
:
#999
}
.cs
{
color
:
#999
}
.gd
{
background-color
:
#FCC
;
border
:
1px
solid
#C00
}
.ge
{
font-style
:
italic
}
.gr
{
color
:
red
}
.gh
{
color
:
#030
}
.gi
{
background-color
:
#CFC
;
border
:
1px
solid
#0C0
}
.go
{
color
:
#AAA
}
.gp
{
color
:
#009
}
.gu
{
color
:
#030
}
.gt
{
color
:
#9C6
}
.kc
{
color
:
#069
}
.kd
{
color
:
#069
}
.kn
{
color
:
#069
}
.kp
{
color
:
#069
}
.kr
{
color
:
#069
}
.kt
{
color
:
#078
}
.m
{
color
:
#F60
}
.s
{
color
:
#d44950
}
.na
{
color
:
#4f9fcf
}
.nb
{
color
:
#366
}
.nc
{
color
:
#0A8
}
.no
{
color
:
#360
}
.nd
{
color
:
#99F
}
.ni
{
color
:
#999
}
.ne
{
color
:
#C00
}
.nf
{
color
:
#C0F
}
.nl
{
color
:
#99F
}
.nn
{
color
:
#0CF
}
.nt
{
color
:
#2f6f9f
}
.nv
{
color
:
#033
}
.ow
{
color
:
#000
}
.w
{
color
:
#bbb
}
.mf
{
color
:
#F60
}
.mh
{
color
:
#F60
}
.mi
{
color
:
#F60
}
.mo
{
color
:
#F60
}
.sb
{
color
:
#C30
}
.sc
{
color
:
#C30
}
.sd
{
color
:
#C30
;
font-style
:
italic
}
.s2
{
color
:
#C30
}
.se
{
color
:
#C30
}
.sh
{
color
:
#C30
}
.si
{
color
:
#A00
}
.sx
{
color
:
#C30
}
.sr
{
color
:
#3AA
}
.s1
{
color
:
#C30
}
.ss
{
color
:
#FC3
}
.bp
{
color
:
#366
}
.vc
{
color
:
#033
}
.vg
{
color
:
#033
}
.vi
{
color
:
#033
}
.il
{
color
:
#F60
}
.css
.o
,
.css
.o
+
.nt
,
.css
.nt
+
.nt
{
color
:
#999
}
\ No newline at end of file
This diff is collapsed.
Click to expand it.
docs/assets/css/src/docs.css
+
5
-
0
View file @
9928144d
...
...
@@ -1146,6 +1146,11 @@ h1[id] {
overflow
:
auto
;
}
/* Simple collapse example */
#collapseExample
.well
{
margin-bottom
:
0
;
}
/* Don't wrap event names in Events tables in JS plugin docs */
.bs-events-table
>
thead
>
tr
>
th
:first-child
,
.bs-events-table
>
tbody
>
tr
>
td
:first-child
{
...
...
This diff is collapsed.
Click to expand it.
docs/assets/js/customize.min.js
+
1
-
1
View file @
9928144d
This source diff could not be displayed because it is too large. You can
view the blob
instead.
This diff is collapsed.
Click to expand it.
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment
Menu
Explore
Projects
Groups
Snippets