Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
B
bootstrap
Project overview
Project overview
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Administrator
bootstrap
Commits
9dc5868e
Commit
9dc5868e
authored
Mar 01, 2015
by
Mark Otto
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
Remove dupe docs CSS, move anchor styles to scss directory, recompile
parent
517977fc
Changes
5
Hide whitespace changes
Inline
Side-by-side
Showing
5 changed files
with
2 additions
and
1414 deletions
+2
-1414
docs/assets/css/docs.min.css
docs/assets/css/docs.min.css
+1
-1
docs/assets/css/docs.min.css.map
docs/assets/css/docs.min.css.map
+0
-0
docs/assets/css/src/docs.css
docs/assets/css/src/docs.css
+0
-1412
docs/assets/scss/_anchor.scss
docs/assets/scss/_anchor.scss
+0
-0
docs/assets/scss/docs.scss
docs/assets/scss/docs.scss
+1
-1
No files found.
docs/assets/css/docs.min.css
View file @
9dc5868e
...
@@ -3,4 +3,4 @@
...
@@ -3,4 +3,4 @@
* Copyright 2011-2014 Twitter, Inc.
* Copyright 2011-2014 Twitter, Inc.
* Licensed under the Creative Commons Attribution 3.0 Unported License. For
* Licensed under the Creative Commons Attribution 3.0 Unported License. For
* details, see http://creativecommons.org/licenses/by/3.0/.
* details, see http://creativecommons.org/licenses/by/3.0/.
*/
.ge
,
.sd
{
font-style
:
italic
}
.bs-docs-header
.container
,
.bs-docs-masthead
,
body
{
position
:
relative
}
.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
,
.cs
{
color
:
#999
}
.gd
{
background-color
:
#FCC
;
border
:
1px
solid
#C00
}
.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
,
.kd
,
.kn
,
.kp
,
.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
,
.mh
,
.mi
,
.mo
{
color
:
#F60
}
.s2
,
.sb
,
.sc
,
.sd
,
.se
,
.sh
{
color
:
#C30
}
.si
{
color
:
#A00
}
.sx
{
color
:
#C30
}
.sr
{
color
:
#3AA
}
.s1
{
color
:
#C30
}
.ss
{
color
:
#FC3
}
.bp
{
color
:
#366
}
.vc
,
.vg
,
.vi
{
color
:
#033
}
.il
{
color
:
#F60
}
.css
.nt
+
.nt
,
.css
.o
,
.css
.o
+
.nt
{
color
:
#999
}
.btn-outline
{
color
:
#563d7c
;
background-color
:
transparent
;
border-color
:
#563d7c
}
.btn-outline
:active
,
.btn-outline
:focus
,
.btn-outline
:hover
{
color
:
#fff
;
background-color
:
#563d7c
;
border-color
:
#563d7c
}
.btn-outline-inverse
{
color
:
#fff
;
background-color
:
transparent
;
border-color
:
#cdbfe3
}
.btn-outline-inverse
:active
,
.btn-outline-inverse
:focus
,
.btn-outline-inverse
:hover
{
color
:
#563d7c
;
text-shadow
:
none
;
background-color
:
#fff
;
border-color
:
#fff
}
.bs-docs-booticon
{
display
:
block
;
width
:
9rem
;
height
:
9rem
;
font-size
:
6.5rem
;
font-weight
:
500
;
line-height
:
8.8rem
;
color
:
#fff
;
text-align
:
center
;
cursor
:
default
;
background-color
:
#563d7c
;
border-radius
:
15%
}
.bs-brand-logos
,
.bs-callout
,
.bs-callout
code
,
.bs-team
img
,
.color-swatch
{
border-radius
:
.25rem
}
.carbonad
,
.carbonad-tag
,
.carbonad-text
{
width
:
auto
!important
;
height
:
auto
!important
}
.bs-docs-booticon.inverse
{
color
:
#563d7c
;
background-color
:
#fff
}
.bs-docs-booticon.outline
{
background-color
:
transparent
;
border
:
1px
solid
#cdbfe3
}
.bs-nav-home
{
margin-bottom
:
0
;
background-color
:
#563d7c
;
border-bottom
:
0
}
.bs-nav-home
.navbar-brand
>
a
{
font-weight
:
500
;
color
:
#fff
}
.bs-nav-home
.nav-link
{
font-weight
:
500
;
color
:
#cdbfe3
}
.bs-nav-home
.nav-link
:focus
,
.bs-nav-home
.nav-link
:hover
{
color
:
#fff
;
background-color
:
rgba
(
0
,
0
,
0
,
.5
)}
.bs-docs-footer
{
margin-top
:
6rem
;
font-size
:
85%
;
color
:
#777
;
text-align
:
center
;
border-top
:
1px
solid
#e5e5e5
}
.bs-docs-footer-links
{
padding-left
:
0
;
margin-top
:
20px
;
color
:
#999
}
.bs-docs-footer-links
li
{
display
:
inline
;
padding
:
0
2px
}
.bs-docs-footer-links
li
:first-child
{
padding-left
:
0
}
@media
(
min-width
:
768px
){
.bs-docs-footer
p
{
margin-bottom
:
0
}
.bs-docs
.bs-docs-footer
{
text-align
:
left
}}
.bs-docs-social
{
margin-bottom
:
1.5rem
;
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
:
.25rem
.5rem
;
line-height
:
1
}
.bs-docs-social-buttons
.twitter-follow-button
{
width
:
225px
!important
}
.bs-docs-social-buttons
.twitter-share-button
{
width
:
98px
!important
}
.github-btn
{
overflow
:
hidden
;
border
:
0
}
@media
(
min-width
:
768px
){
.bs-docs
.bs-docs-social
{
margin-left
:
-.5rem
;
text-align
:
left
}}
.bs-docs-masthead
{
padding
:
2rem
1rem
;
color
:
#cdbfe3
;
text-align
:
center
;
text-shadow
:
0
1px
0
rgba
(
0
,
0
,
0
,
.1
);
background-color
:
#6f5499
;
background-image
:
linear-gradient
(
to
bottom
,
#563d7c
0
,
#6f5499
100%
);
background-repeat
:
repeat-x
;
filter
:
progid
:
DXImageTransform
.
Microsoft
.
gradient
(
startColorstr
=
'#FF563D7C'
,
endColorstr
=
'#FF6F5499'
,
GradientType
=
0
)}
.bs-docs-masthead
.bs-docs-booticon
{
margin
:
0
auto
2rem
}
.bs-docs-masthead
h1
{
font-weight
:
300
;
line-height
:
1
;
color
:
#fff
}
.bs-docs-masthead
.lead
{
margin
:
0
auto
2rem
;
font-size
:
1.25rem
;
color
:
#fff
}
.bs-docs-masthead
.version
{
margin-top
:
-1rem
;
margin-bottom
:
2rem
;
color
:
#9783b9
}
.bs-docs-masthead
.btn
{
width
:
100%
;
padding
:
1rem
2rem
;
font-size
:
1.25rem
}
@media
(
min-width
:
480px
){
.bs-docs-masthead
.btn
{
width
:
auto
}}
@media
(
min-width
:
768px
){
.bs-docs-masthead
{
padding
:
5rem
0
}
.bs-docs-masthead
h1
{
font-size
:
4rem
}
.bs-docs-masthead
.lead
{
font-size
:
1.5rem
}}
@media
(
min-width
:
992px
){
.bs-docs-masthead
.lead
{
width
:
80%
;
font-size
:
2rem
}}
.bs-docs-header
{
padding-top
:
2rem
;
padding-bottom
:
2rem
;
margin-bottom
:
2rem
;
text-align
:
center
;
background-color
:
#563d7c
}
.bs-docs-header
h1
{
margin-top
:
0
;
color
:
#fff
}
.bs-docs-header
p
{
margin-bottom
:
0
;
font-weight
:
300
;
color
:
rgba
(
255
,
255
,
255
,
.65
)}
@media
(
min-width
:
768px
){
.bs-docs-header
{
text-align
:
left
}
.bs-docs-header
h1
{
font-size
:
4rem
;
line-height
:
1
}}
@media
(
min-width
:
992px
){
.bs-docs-header
{
padding-top
:
4rem
;
padding-bottom
:
4rem
}
.bs-docs-header
h1
,
.bs-docs-header
p
{
margin-right
:
380px
}}
.carbonad
{
padding
:
1.25rem
!important
;
margin
:
0
-1rem
2rem
!important
;
overflow
:
hidden
;
font-size
:
.8rem
!important
;
line-height
:
1rem
!important
;
color
:
#55595c
!important
;
text-align
:
left
;
background
:
#f5f5f5
!important
;
border
:
0
!important
}
.carbonad-img
{
margin
:
0
!important
}
.carbonad-tag
,
.carbonad-text
{
display
:
block
!important
;
float
:
none
!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
}
.bs-brand-item
,
.bs-docs-featurette
,
.bs-example-tooltips
,
.responsive-utilities
td
,
.responsive-utilities-test
span
{
text-align
:
center
}
.carbonad-tag
a
,
.carbonad-text
a
{
color
:
#55595c
!important
}
.carbonad-tag
a
:hover
,
.carbonad-text
a
:hover
{
color
:
#0275d8
!important
}
.carbonad
#azcarbon
>
img
{
display
:
none
}
@media
(
min-width
:
34em
){
.carbonad
{
width
:
330px
!important
;
margin
:
1.5rem
auto
!important
;
border-width
:
1px
!important
;
border-radius
:
.25rem
}
.bs-docs-masthead
.carbonad
{
margin
:
3rem
auto
0
!important
}}
@media
(
min-width
:
48em
){
.carbonad
{
margin-right
:
0
!important
;
margin-left
:
0
!important
}}
@media
(
min-width
:
62em
){
.carbonad
{
float
:
right
;
width
:
330px
!important
;
padding
:
1rem
!important
;
margin
:
.5rem
0
1rem
2rem
!important
}
.bs-docs-masthead
.carbonad
{
float
:
none
;
margin
:
0
auto
!important
;
color
:
#cdbfe3
!important
;
background
:
0
0
!important
;
border
:
1px
solid
#866ab3
!important
}
.bs-docs-masthead
.carbonad-tag
a
,
.bs-docs-masthead
.carbonad-text
a
{
color
:
#fff
!important
}}
.bs-docs-featurette
{
padding-top
:
3rem
;
padding-bottom
:
3rem
;
font-size
:
1rem
;
line-height
:
1.5
;
color
:
#555
;
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
:
.5rem
;
font-size
:
2rem
;
font-weight
:
400
;
color
:
#333
}
.half-rule
{
width
:
6rem
;
margin
:
2.5rem
auto
}
.bs-docs-featurette
h3
{
margin-bottom
:
.5rem
;
font-weight
:
400
;
color
:
#333
}
.bs-docs-featurette-img
{
display
:
block
;
margin-bottom
:
1.25rem
;
color
:
#333
}
.bs-docs-featurette-img
:hover
{
color
:
#0275d8
;
text-decoration
:
none
}
.bs-docs-featurette-img
img
{
display
:
block
;
margin-bottom
:
1rem
}
@media
(
min-width
:
480px
){
.bs-docs-featurette
.img-responsive
{
margin-top
:
2rem
}}
@media
(
min-width
:
768px
){
.bs-docs-featurette
{
padding-top
:
6rem
;
padding-bottom
:
6rem
}
.bs-docs-featurette-title
{
font-size
:
2.5rem
}
.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
}
.bs-examples
.img-thumbnail
{
margin-bottom
:
.75rem
}
.bs-examples
h4
{
margin-bottom
:
.25rem
}
.bs-examples
p
{
margin-bottom
:
1.25rem
}
@media
(
max-width
:
480px
){
.bs-examples
{
margin-right
:
-.75rem
;
margin-left
:
-.75rem
}
.bs-examples
>[
class
^=
col-
]
{
padding-right
:
.75rem
;
padding-left
:
.75rem
}}
.bs-docs-container
{
position
:
relative
;
max-width
:
62rem
;
padding
:
0
1rem
1rem
;
margin-right
:
auto
;
margin-left
:
auto
}
@media
(
min-width
:
768px
){
.bs-docs-featured-sites
.col-sm-3
:first-child
img
{
border-top-left-radius
:
.25rem
;
border-bottom-left-radius
:
.25rem
}
.bs-docs-featured-sites
.col-sm-3
:last-child
img
{
border-top-right-radius
:
.25rem
;
border-bottom-right-radius
:
.25rem
}
.bs-docs-container
{
padding
:
2rem
}}
@media
(
min-width
:
992px
){
.bs-docs-container
{
padding
:
4rem
}}
.bs-docs-container
>
table
{
display
:
block
;
width
:
100%
;
max-width
:
100%
;
overflow-y
:
auto
;
margin-bottom
:
1rem
}
.bs-docs-container
>
table
>
tbody
>
tr
>
td
,
.bs-docs-container
>
table
>
tbody
>
tr
>
th
,
.bs-docs-container
>
table
>
tfoot
>
tr
>
td
,
.bs-docs-container
>
table
>
tfoot
>
tr
>
th
,
.bs-docs-container
>
table
>
thead
>
tr
>
td
,
.bs-docs-container
>
table
>
thead
>
tr
>
th
{
padding
:
.75rem
;
line-height
:
1.5
;
vertical-align
:
top
;
border
:
1px
solid
#eceeef
}
.bs-docs-sidebar
{
padding
:
0
;
margin-bottom
:
0
;
background-color
:
#322f38
}
.bs-docs-sidebar
.navbar-toggle
{
position
:
absolute
;
top
:
5px
;
right
:
0
;
z-index
:
5
}
.bs-docs-sidebar
.navbar-toggle
.icon-bar
{
background-color
:
#fff
}
.bs-docs-sidebar
.navbar-header
{
float
:
none
;
margin-right
:
-15px
}
.bs-docs-sidebar
.navbar-collapse
{
padding
:
0
;
border
:
0
}
@media
(
min-width
:
992px
){
.bs-docs
{
padding-left
:
240px
}
.bs-docs-sidebar
{
position
:
fixed
;
top
:
0
;
bottom
:
0
;
left
:
0
;
z-index
:
100
;
width
:
240px
;
overflow-x
:
hidden
;
overflow-y
:
auto
;
background-image
:
linear-gradient
(
to
bottom
,
#29262f
0
,
#322f38
100%
);
background-repeat
:
repeat-x
;
filter
:
progid
:
DXImageTransform
.
Microsoft
.
gradient
(
startColorstr
=
'#FF29262F'
,
endColorstr
=
'#FF322F38'
,
GradientType
=
0
)}}
.bs-docs-sidebar
.navbar-brand
{
display
:
block
;
float
:
none
;
height
:
auto
;
padding
:
1.75rem
1.25rem
;
font-size
:
20px
;
font-weight
:
500
;
line-height
:
1
;
color
:
#fff
}
.bs-docs-sidebar-brand
:focus
,
.bs-docs-sidebar-brand
:hover
{
color
:
#fff
;
text-decoration
:
none
}
.bs-docs-search
{
position
:
relative
;
margin-right
:
1.25rem
;
margin-bottom
:
1.5rem
;
margin-left
:
1.25rem
}
.bs-docs-search
.form-control
{
height
:
2.45rem
;
padding-top
:
.4rem
;
padding-bottom
:
.4rem
;
color
:
rgba
(
255
,
255
,
255
,
.5
);
background-color
:
#423d4b
;
border-color
:
#4e4859
}
.bs-docs-search
.form-control
:focus
{
border-color
:
rgba
(
255
,
255
,
255
,
.25
);
box-shadow
:
0
0
.5rem
rgba
(
255
,
255
,
255
,
.25
)}
.bs-docs-search-results
{
top
:
108%
;
right
:
0
;
display
:
block
;
padding
:
0
;
overflow
:
hidden
;
font-size
:
.9rem
;
border
:
0
}
.bs-docs-search-results
>
li
>
a
{
padding-left
:
.75rem
;
padding-right
:
.75rem
}
.bs-docs-search-results
>
li
:first-child
{
margin-top
:
.25rem
}
.bs-docs-search-results
>
li
:last-child
{
margin-bottom
:
.25rem
}
.bs-docs-search-results
>
.no-results
{
padding
:
.75rem
1rem
;
color
:
#7a7a7a
;
text-align
:
center
}
.bs-docs-toc-link
{
display
:
block
;
padding
:
4px
20px
;
font-size
:
16px
;
color
:
#fff
}
.bs-docs-toc-link
:focus
,
.bs-docs-toc-link
:hover
{
color
:
#ffe484
;
text-decoration
:
none
}
.active
>
.bs-docs-toc-link
{
font-weight
:
500
;
color
:
#ffe484
}
.active
>
.bs-docs-sidenav
{
display
:
block
}
.bs-docs-toc-item.active
{
margin-top
:
15px
;
margin-bottom
:
15px
}
.bs-docs-toc-item
:first-child
{
margin-top
:
0
}
.bs-docs-toc-item
:last-child
{
margin-bottom
:
30px
}
.bs-docs-sidebar
.nav
>
li
>
a
{
display
:
block
;
padding
:
4px
20px
;
font-size
:
14px
;
color
:
#99979c
}
.bs-docs-sidebar
.nav
>
li
>
a
:focus
,
.bs-docs-sidebar
.nav
>
li
>
a
:hover
{
color
:
#ffe484
;
text-decoration
:
none
;
background-color
:
transparent
}
.bs-docs-sidebar
.nav
>
.active
:focus
>
a
,
.bs-docs-sidebar
.nav
>
.active
:hover
>
a
,
.bs-docs-sidebar
.nav
>
.active
>
a
{
font-weight
:
500
;
color
:
#ffe484
;
background-color
:
transparent
}
.bs-docs-sidebar
.nav
.nav
{
display
:
none
;
padding-bottom
:
10px
}
.bs-docs-sidebar
.nav
.nav
>
li
>
a
{
font-weight
:
400
;
padding-top
:
2px
;
padding-bottom
:
2px
;
padding-left
:
30px
;
font-size
:
13px
}
.bs-docs-sidebar
.nav
.nav
>
.active
:focus
>
a
,
.bs-docs-sidebar
.nav
.nav
>
.active
:hover
>
a
,
.bs-docs-sidebar
.nav
.nav
>
.active
>
a
{
font-weight
:
500
}
.bs-docs-sidebar
.nav
>
.active
>
.nav
{
display
:
block
}
.bs-docs-content
>
h2
{
margin-top
:
3rem
;
font-weight
:
400
}
.bs-docs-content
>
h3
{
margin-top
:
1.5rem
}
.bs-docs-title
+
p
{
font-size
:
1.25rem
;
font-weight
:
300
}
@media
(
min-width
:
34em
){
.bs-docs-title
,
.bs-docs-title
+
p
{
margin-right
:
23rem
}
.bs-docs-title
{
font-size
:
4rem
}}
.bs-callout
{
padding
:
1.25rem
;
margin-top
:
1.25rem
;
margin-bottom
:
1.25rem
;
border
:
1px
solid
#eee
;
border-left-width
:
.25rem
}
.bs-callout
h4
{
margin-top
:
0
;
margin-bottom
:
.25rem
}
.bs-callout
p
:last-child
{
margin-bottom
:
0
}
.bs-callout
+
.bs-callout
{
margin-top
:
-.25rem
}
.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
:
4rem
;
height
:
4rem
;
margin-right
:
.25rem
;
margin-left
:
.25rem
}
@media
(
min-width
:
768px
){
.color-swatch
{
width
:
6rem
;
height
:
6rem
}}
.color-swatches
.bs-purple
{
background-color
:
#563d7c
}
.color-swatches
.bs-purple-light
{
background-color
:
#cdbfe3
}
.color-swatches
.bs-purple-lighter
{
background-color
:
#e5e1ea
}
.color-swatches
.bs-gray
{
background-color
:
#f9f9f9
}
.bs-team
.team-member
{
line-height
:
2rem
;
color
:
#555
}
.bs-team
.team-member
:hover
{
color
:
#333
;
text-decoration
:
none
}
.bs-team
.github-btn
{
float
:
right
;
width
:
180px
;
height
:
1.25rem
;
margin-top
:
.25rem
}
.bs-team
img
{
float
:
left
;
width
:
2rem
;
margin-right
:
.5rem
}
.bs-docs-browser-bugs
td
p
{
margin-bottom
:
0
}
.bs-docs-browser-bugs
th
:first-child
{
width
:
18%
}
.bs-example
>
.row
{
margin-bottom
:
1rem
}
.bs-example
>
.row
>[
class
^=
col-
]
{
padding-top
:
.75rem
;
padding-bottom
:
.75rem
;
background-color
:
rgba
(
86
,
61
,
124
,
.15
);
border
:
1px
solid
rgba
(
86
,
61
,
124
,
.2
)}
.bs-example
{
position
:
relative
;
padding
:
1rem
;
margin
:
1rem
-1rem
;
border
:
solid
#f7f7f9
;
border-width
:
.2rem
0
0
}
.bs-example
:after
,
.bs-example
:before
{
content
:
" "
;
display
:
table
}
.bs-example
:after
{
clear
:
both
}
@media
(
min-width
:
34em
){
.bs-example
{
margin-bottom
:
-1rem
;
padding
:
1.5rem
;
border-width
:
.2rem
}}
.bs-example
+
p
{
margin-top
:
2rem
}
.bs-example
.container
{
width
:
auto
}
.bs-example
>
.card
{
float
:
left
;
max-width
:
15rem
;
margin
:
.25rem
}
.bs-example
>
.nav
+
.nav
{
margin-top
:
1rem
}
.bs-example
>
.table-responsive
:last-child
>
.table
,
.bs-example
>
:last-child
{
margin-bottom
:
0
!important
}
.bs-example
>
.close
{
float
:
none
}
.bs-example-type
.table
.type-info
{
color
:
#999
;
vertical-align
:
middle
}
.bs-example-type
.table
td
{
padding
:
1rem
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
:
1rem
}
.bs-example
>
.img-circle
,
.bs-example
>
.img-rounded
,
.bs-example
>
.img-thumbnail
{
margin
:
.25rem
}
.bs-example
>
.btn-group
{
margin-top
:
.25rem
;
margin-bottom
:
.25rem
}
.bs-example-control-sizing
input
[
type
=
text
]+
input
[
type
=
text
],
.bs-example-control-sizing
select
,
.bs-example
>
.btn-toolbar
+
.btn-toolbar
{
margin-top
:
.5rem
}
.bs-example-form
.input-group
{
margin-bottom
:
.5rem
}
.bs-example
.navbar
:last-child
,
.bs-navbar-bottom-example
.navbar
{
margin-bottom
:
0
}
.bs-example
>
textarea
.form-control
{
resize
:
vertical
}
.bs-example
>
.list-group
{
max-width
:
400px
}
.bs-navbar-bottom-example
,
.bs-navbar-top-example
{
z-index
:
1
;
padding
:
0
;
overflow
:
hidden
}
.bs-navbar-bottom-example
.navbar-header
,
.bs-navbar-top-example
.navbar-header
{
margin-left
:
0
}
.bs-navbar-bottom-example
.navbar-fixed-bottom
,
.bs-navbar-top-example
.navbar-fixed-top
{
position
:
relative
;
margin-right
:
0
;
margin-left
:
0
}
.bs-navbar-top-example
{
padding-bottom
:
45px
}
.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
}
@media
(
min-width
:
768px
){
.bs-navbar-bottom-example
.navbar-fixed-bottom
,
.bs-navbar-top-example
.navbar-fixed-top
{
position
:
absolute
}}
.bs-example
.pagination
{
margin-top
:
.5rem
;
margin-bottom
:
.5rem
}
.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
:
.25rem
;
clear
:
left
}
.bs-example-tabs
.nav-tabs
{
margin-bottom
:
1rem
}
.bs-example-tooltips
>
.btn
{
margin-top
:
.25rem
;
margin-bottom
:
.25rem
}
.bs-example-popover
{
padding-bottom
:
1.5rem
;
background-color
:
#f9f9f9
}
.bs-example-popover
.popover
{
position
:
relative
;
display
:
block
;
float
:
left
;
width
:
260px
;
margin
:
1.25rem
}
.bs-example-tooltip
.tooltip
{
position
:
relative
;
display
:
inline-block
;
margin
:
10px
20px
;
opacity
:
1
}
.scrollspy-example
{
position
:
relative
;
height
:
200px
;
margin-top
:
.5rem
;
overflow
:
auto
}
.bs-example
>
.center-block
{
max-width
:
200px
;
padding
:
.5rem
;
background-color
:
#eee
}
.bs-example
>
.bg-danger
,
.bs-example
>
.bg-info
,
.bs-example
>
.bg-primary
,
.bs-example
>
.bg-success
,
.bs-example
>
.bg-warning
{
padding
:
.5rem
;
margin-top
:
.5rem
;
margin-bottom
:
.5rem
}
.highlight
{
padding
:
1rem
;
margin
:
-1rem
-1rem
1rem
;
background-color
:
#f7f7f9
}
@media
(
min-width
:
34em
){
.highlight
{
padding
:
1.5rem
;
margin
:
1rem
0
}}
.highlight
pre
{
padding
:
0
;
margin-top
:
0
;
margin-bottom
:
0
;
background-color
:
transparent
;
border
:
0
}
.highlight
pre
code
{
font-size
:
inherit
;
color
:
#373a3c
}
.table-responsive
.highlight
pre
{
white-space
:
normal
}
.bs-table
th
small
,
.responsive-utilities
th
small
{
display
:
block
;
font-weight
:
400
;
color
:
#999
}
.responsive-utilities
tbody
th
{
font-weight
:
400
}
.responsive-utilities
td
.is-visible
{
color
:
#468847
;
background-color
:
#dff0d8
!important
}
.responsive-utilities
td
.is-hidden
{
color
:
#ccc
;
background-color
:
#f9f9f9
!important
}
.responsive-utilities-test
{
margin-top
:
.25rem
}
.responsive-utilities-test
.col-xs-6
{
margin-bottom
:
.5rem
}
.responsive-utilities-test
span
{
display
:
block
;
padding
:
1rem
.5rem
;
font-size
:
1rem
;
font-weight
:
700
;
line-height
:
1.1
;
border-radius
:
.25rem
}
.hidden-on
.col-xs-6
>
.not-visible
,
.visible-on
.col-xs-6
>
.not-visible
{
color
:
#999
;
border
:
1px
solid
#ddd
}
.hidden-on
.col-xs-6
.visible
,
.visible-on
.col-xs-6
.visible
{
color
:
#468847
;
background-color
:
#dff0d8
;
border
:
1px
solid
#d6e9c6
}
@media
(
max-width
:
33.9em
){
.hidden-xs-only
{
display
:
none
!important
}}
@media
(
min-width
:
34em
)
and
(
max-width
:
47.9em
){
.hidden-sm-only
{
display
:
none
!important
}}
@media
(
min-width
:
48em
)
and
(
max-width
:
61.9em
){
.hidden-md-only
{
display
:
none
!important
}}
@media
(
min-width
:
62em
)
and
(
max-width
:
74.9em
){
.hidden-lg-only
{
display
:
none
!important
}}
@media
(
min-width
:
75em
){
.hidden-xl-only
{
display
:
none
!important
}}
.bs-brand-logos
{
display
:
table
;
width
:
100%
;
margin-bottom
:
1rem
;
overflow
:
hidden
;
color
:
#563d7c
;
background-color
:
#f9f9f9
}
.bs-brand-item
{
padding
:
4rem
0
}
.bs-brand-item
+
.bs-brand-item
{
border-top
:
1px
solid
#fff
}
.bs-brand-logos
.inverse
{
color
:
#fff
;
background-color
:
#563d7c
}
.bs-brand-item
h1
,
.bs-brand-item
h3
{
margin-top
:
0
;
margin-bottom
:
0
}
.bs-brand-item
.bs-docs-booticon
{
margin-right
:
auto
;
margin-left
:
auto
}
@media
(
min-width
:
768px
){
.bs-brand-item
{
display
:
table-cell
;
width
:
1%
}
.bs-brand-item
+
.bs-brand-item
{
border-top
:
0
;
border-left
:
1px
solid
#fff
}
.bs-brand-item
h1
{
font-size
:
4rem
}}
.zero-clipboard
{
position
:
relative
;
display
:
none
;
float
:
right
}
.btn-clipboard
{
position
:
absolute
;
top
:
0
;
right
:
0
;
z-index
:
10
;
display
:
block
;
padding
:
.25rem
.5rem
;
font-size
:
75%
;
color
:
#818a91
;
cursor
:
pointer
;
background-color
:
#eceeef
;
border-radius
:
0
.2rem
}
.btn-clipboard-hover
{
color
:
#fff
;
background-color
:
#027de7
}
@media
(
min-width
:
768px
){
.zero-clipboard
{
display
:
block
}}
#focusedInput
{
border-color
:
#66afe9
;
outline
:
0
;
box-shadow
:
0
0
.5rem
rgba
(
102
,
175
,
233
,
.6
)}
*/
.ge
,
.sd
{
font-style
:
italic
}
.bs-docs-header
.container
,
.bs-docs-masthead
,
body
{
position
:
relative
}
.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
,
.cs
{
color
:
#999
}
.gd
{
background-color
:
#FCC
;
border
:
1px
solid
#C00
}
.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
,
.kd
,
.kn
,
.kp
,
.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
,
.mh
,
.mi
,
.mo
{
color
:
#F60
}
.s2
,
.sb
,
.sc
,
.sd
,
.se
,
.sh
{
color
:
#C30
}
.si
{
color
:
#A00
}
.sx
{
color
:
#C30
}
.sr
{
color
:
#3AA
}
.s1
{
color
:
#C30
}
.ss
{
color
:
#FC3
}
.bp
{
color
:
#366
}
.vc
,
.vg
,
.vi
{
color
:
#033
}
.il
{
color
:
#F60
}
.css
.nt
+
.nt
,
.css
.o
,
.css
.o
+
.nt
{
color
:
#999
}
@font-face
{
font-family
:
anchorjs-link
;
src
:
url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg6v8yoAAAC8AAAAYGNtYXDL8RqdAAABHAAAADxnYXNwAAAAEAAAAVgAAAAIZ2x5Zkm2oNUAAAFgAAABWGhlYWQAHd4cAAACuAAAADZoaGVhB3sECwAAAvAAAAAkaG10eAYAAEcAAAMUAAAADGxvY2EACgCsAAADIAAAAAhtYXhwAAYAcAAAAygAAAAgbmFtZUQXtNYAAANIAAABOXBvc3QAAwAAAAAEhAAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAACDmAAPA/8D/wAPAAEAAAAAAAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEACgAAAAGAAQAAQACACDmAP//AAAAIOYA////4RoCAAEAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAIARwAHA7kDeQA2AG0AAAEnLgEiBg8BDgEUFh8BHgMXNy4DLwEuATQ2PwE+ATIWHwEeARQGDwEeAxU3PgE0JicBLgMnBx4DHwEeARQGDwEOASImLwEuATQ2PwEuAzUHDgEUFh8BHgEyNj8BPgE0Ji8BA7kEI1ldWiPaIyQkIwQDBgYGBFAEBwYHAwQTExMT2xMwMjETBBMTExNjBwkGA5gkIyMk/r4DBgYGBFAEBwYHAwQTExMT2xMwMjETBBMTExNjBwkGA5gkIyMkBCNZXVoj2iMkJCMEA3UEJCMjJNojWV1aIwQDBgUFA1ACBQUFAwQUMDIxE9oTExMTBBMxMjATYxAhISIRmSNaXVkj/sYDBgUFA1ACBQUFAwQUMDIxE9oTExMTBBMxMjATYxAhISIRmSNaXVkjBCQjIyTaI1ldWiMEAAEAAAABAABR/4xQXw889QALBAAAAAAAzqNM0wAAAADOo0zTAAAAAAO5A3kAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAABHA7kAAQAAAAAAAAAAAAAAAAAAAAMAAAAAAgAAAAQAAEcAAAAAAAoArAABAAAAAwBuAAIAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIADgBHAAEAAAAAAAMADgAkAAEAAAAAAAQADgBVAAEAAAAAAAUAFgAOAAEAAAAAAAYABwAyAAEAAAAAAAoAKABjAAMAAQQJAAEADgAAAAMAAQQJAAIADgBHAAMAAQQJAAMADgAkAAMAAQQJAAQADgBVAAMAAQQJAAUAFgAOAAMAAQQJAAYADgA5AAMAAQQJAAoAKABjAGkAYwBvAG0AbwBvAG4AVgBlAHIAcwBpAG8AbgAgADAALgAwAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG4AUgBlAGcAdQBsAGEAcgBpAGMAbwBtAG8AbwBuAEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA)
format
(
'truetype'
),
url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAATwAAsAAAAABKQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDq/zKmNtYXAAAAFoAAAAPAAAADzL8RqdZ2FzcAAAAaQAAAAIAAAACAAAABBnbHlmAAABrAAAAVgAAAFYSbag1WhlYWQAAAMEAAAANgAAADYAHd4caGhlYQAAAzwAAAAkAAAAJAd7BAtobXR4AAADYAAAAAwAAAAMBgAAR2xvY2EAAANsAAAACAAAAAgACgCsbWF4cAAAA3QAAAAgAAAAIAAGAHBuYW1lAAADlAAAATkAAAE5RBe01nBvc3QAAATQAAAAIAAAACAAAwAAAAMEAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAg5gADwP/A/8ADwABAAAAAAAAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAAoAAAABgAEAAEAAgAg5gD//wAAACDmAP///+EaAgABAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAACAEcABwO5A3kANgBtAAABJy4BIgYPAQ4BFBYfAR4DFzcuAy8BLgE0Nj8BPgEyFh8BHgEUBg8BHgMVNz4BNCYnAS4DJwceAx8BHgEUBg8BDgEiJi8BLgE0Nj8BLgM1Bw4BFBYfAR4BMjY/AT4BNCYvAQO5BCNZXVoj2iMkJCMEAwYGBgRQBAcGBwMEExMTE9sTMDIxEwQTExMTYwcJBgOYJCMjJP6+AwYGBgRQBAcGBwMEExMTE9sTMDIxEwQTExMTYwcJBgOYJCMjJAQjWV1aI9ojJCQjBAN1BCQjIyTaI1ldWiMEAwYFBQNQAgUFBQMEFDAyMRPaExMTEwQTMTIwE2MQISEiEZkjWl1ZI/7GAwYFBQNQAgUFBQMEFDAyMRPaExMTEwQTMTIwE2MQISEiEZkjWl1ZIwQkIyMk2iNZXVojBAABAAAAAQAAUf+MUF8PPPUACwQAAAAAAM6jTNMAAAAAzqNM0wAAAAADuQN5AAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAARwO5AAEAAAAAAAAAAAAAAAAAAAADAAAAAAIAAAAEAABHAAAAAAAKAKwAAQAAAAMAbgACAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAA4AAAABAAAAAAACAA4ARwABAAAAAAADAA4AJAABAAAAAAAEAA4AVQABAAAAAAAFABYADgABAAAAAAAGAAcAMgABAAAAAAAKACgAYwADAAEECQABAA4AAAADAAEECQACAA4ARwADAAEECQADAA4AJAADAAEECQAEAA4AVQADAAEECQAFABYADgADAAEECQAGAA4AOQADAAEECQAKACgAYwBpAGMAbwBtAG8AbwBuAFYAZQByAHMAaQBvAG4AIAAwAC4AMABpAGMAbwBtAG8AbwBuaWNvbW9vbgBpAGMAbwBtAG8AbwBuAFIAZQBnAHUAbABhAHIAaQBjAG8AbQBvAG8AbgBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4AAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==)
format
(
'woff'
);
font-weight
:
400
;
font-style
:
normal
}
.anchorjs-icon
{
font-family
:
anchorjs-link
;
speak
:
none
;
font-style
:
normal
;
font-weight
:
400
;
font-variant
:
normal
;
text-transform
:
none
;
line-height
:
1
;
-webkit-font-smoothing
:
antialiased
;
-moz-osx-font-smoothing
:
grayscale
;
font-size
:
60%
;
vertical-align
:
.2em
}
.anchorjs-link
{
float
:
left
;
width
:
1em
;
height
:
1em
;
margin-left
:
-1.2em
;
opacity
:
0
;
color
:
inherit
;
text-align
:
center
}
@media
(
max-width
:
480px
){
.anchorjs-link
{
display
:
none
}}
.anchorjs-link
:focus
,
:hover
>
.anchorjs-link
{
opacity
:
.75
;
transition
:
color
.16s
linear
}
:hover
>
.anchorjs-link
:hover
{
opacity
:
1
;
text-decoration
:
none
}
.anchorjs-icon
:before
{
content
:
"\e600"
}
.btn-outline
{
color
:
#563d7c
;
background-color
:
transparent
;
border-color
:
#563d7c
}
.btn-outline
:active
,
.btn-outline
:focus
,
.btn-outline
:hover
{
color
:
#fff
;
background-color
:
#563d7c
;
border-color
:
#563d7c
}
.btn-outline-inverse
{
color
:
#fff
;
background-color
:
transparent
;
border-color
:
#cdbfe3
}
.btn-outline-inverse
:active
,
.btn-outline-inverse
:focus
,
.btn-outline-inverse
:hover
{
color
:
#563d7c
;
text-shadow
:
none
;
background-color
:
#fff
;
border-color
:
#fff
}
.bs-docs-booticon
{
display
:
block
;
width
:
9rem
;
height
:
9rem
;
font-size
:
6.5rem
;
font-weight
:
500
;
line-height
:
8.8rem
;
color
:
#fff
;
text-align
:
center
;
cursor
:
default
;
background-color
:
#563d7c
;
border-radius
:
15%
}
.bs-brand-logos
,
.bs-callout
,
.bs-callout
code
,
.bs-team
img
,
.color-swatch
{
border-radius
:
.25rem
}
.carbonad
,
.carbonad-tag
,
.carbonad-text
{
width
:
auto
!important
;
height
:
auto
!important
}
.bs-docs-booticon.inverse
{
color
:
#563d7c
;
background-color
:
#fff
}
.bs-docs-booticon.outline
{
background-color
:
transparent
;
border
:
1px
solid
#cdbfe3
}
.bs-nav-home
{
margin-bottom
:
0
;
background-color
:
#563d7c
;
border-bottom
:
0
}
.bs-nav-home
.navbar-brand
>
a
{
font-weight
:
500
;
color
:
#fff
}
.bs-nav-home
.nav-link
{
font-weight
:
500
;
color
:
#cdbfe3
}
.bs-nav-home
.nav-link
:focus
,
.bs-nav-home
.nav-link
:hover
{
color
:
#fff
;
background-color
:
rgba
(
0
,
0
,
0
,
.5
)}
.bs-docs-footer
{
margin-top
:
6rem
;
font-size
:
85%
;
color
:
#777
;
text-align
:
center
;
border-top
:
1px
solid
#e5e5e5
}
.bs-docs-footer-links
{
padding-left
:
0
;
margin-top
:
20px
;
color
:
#999
}
.bs-docs-footer-links
li
{
display
:
inline
;
padding
:
0
2px
}
.bs-docs-footer-links
li
:first-child
{
padding-left
:
0
}
@media
(
min-width
:
768px
){
.bs-docs-footer
p
{
margin-bottom
:
0
}
.bs-docs
.bs-docs-footer
{
text-align
:
left
}}
.bs-docs-social
{
margin-bottom
:
1.5rem
;
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
:
.25rem
.5rem
;
line-height
:
1
}
.bs-docs-social-buttons
.twitter-follow-button
{
width
:
225px
!important
}
.bs-docs-social-buttons
.twitter-share-button
{
width
:
98px
!important
}
.github-btn
{
overflow
:
hidden
;
border
:
0
}
@media
(
min-width
:
768px
){
.bs-docs
.bs-docs-social
{
margin-left
:
-.5rem
;
text-align
:
left
}}
.bs-docs-masthead
{
padding
:
2rem
1rem
;
color
:
#cdbfe3
;
text-align
:
center
;
text-shadow
:
0
1px
0
rgba
(
0
,
0
,
0
,
.1
);
background-color
:
#6f5499
;
background-image
:
linear-gradient
(
to
bottom
,
#563d7c
0
,
#6f5499
100%
);
background-repeat
:
repeat-x
;
filter
:
progid
:
DXImageTransform
.
Microsoft
.
gradient
(
startColorstr
=
'#FF563D7C'
,
endColorstr
=
'#FF6F5499'
,
GradientType
=
0
)}
.bs-docs-masthead
.bs-docs-booticon
{
margin
:
0
auto
2rem
}
.bs-docs-masthead
h1
{
font-weight
:
300
;
line-height
:
1
;
color
:
#fff
}
.bs-docs-masthead
.lead
{
margin
:
0
auto
2rem
;
font-size
:
1.25rem
;
color
:
#fff
}
.bs-docs-masthead
.version
{
margin-top
:
-1rem
;
margin-bottom
:
2rem
;
color
:
#9783b9
}
.bs-docs-masthead
.btn
{
width
:
100%
;
padding
:
1rem
2rem
;
font-size
:
1.25rem
}
@media
(
min-width
:
480px
){
.bs-docs-masthead
.btn
{
width
:
auto
}}
@media
(
min-width
:
768px
){
.bs-docs-masthead
{
padding
:
5rem
0
}
.bs-docs-masthead
h1
{
font-size
:
4rem
}
.bs-docs-masthead
.lead
{
font-size
:
1.5rem
}}
@media
(
min-width
:
992px
){
.bs-docs-masthead
.lead
{
width
:
80%
;
font-size
:
2rem
}}
.bs-docs-header
{
padding-top
:
2rem
;
padding-bottom
:
2rem
;
margin-bottom
:
2rem
;
text-align
:
center
;
background-color
:
#563d7c
}
.bs-docs-header
h1
{
margin-top
:
0
;
color
:
#fff
}
.bs-docs-header
p
{
margin-bottom
:
0
;
font-weight
:
300
;
color
:
rgba
(
255
,
255
,
255
,
.65
)}
@media
(
min-width
:
768px
){
.bs-docs-header
{
text-align
:
left
}
.bs-docs-header
h1
{
font-size
:
4rem
;
line-height
:
1
}}
@media
(
min-width
:
992px
){
.bs-docs-header
{
padding-top
:
4rem
;
padding-bottom
:
4rem
}
.bs-docs-header
h1
,
.bs-docs-header
p
{
margin-right
:
380px
}}
.carbonad
{
padding
:
1.25rem
!important
;
margin
:
0
-1rem
2rem
!important
;
overflow
:
hidden
;
font-size
:
.8rem
!important
;
line-height
:
1rem
!important
;
color
:
#55595c
!important
;
text-align
:
left
;
background
:
#f5f5f5
!important
;
border
:
0
!important
}
.carbonad-img
{
margin
:
0
!important
}
.carbonad-tag
,
.carbonad-text
{
display
:
block
!important
;
float
:
none
!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
}
.bs-brand-item
,
.bs-docs-featurette
,
.bs-example-tooltips
,
.responsive-utilities
td
,
.responsive-utilities-test
span
{
text-align
:
center
}
.carbonad-tag
a
,
.carbonad-text
a
{
color
:
#55595c
!important
}
.carbonad-tag
a
:hover
,
.carbonad-text
a
:hover
{
color
:
#0275d8
!important
}
.carbonad
#azcarbon
>
img
{
display
:
none
}
@media
(
min-width
:
34em
){
.carbonad
{
width
:
330px
!important
;
margin
:
1.5rem
auto
!important
;
border-width
:
1px
!important
;
border-radius
:
.25rem
}
.bs-docs-masthead
.carbonad
{
margin
:
3rem
auto
0
!important
}}
@media
(
min-width
:
48em
){
.carbonad
{
margin-right
:
0
!important
;
margin-left
:
0
!important
}}
@media
(
min-width
:
62em
){
.carbonad
{
float
:
right
;
width
:
330px
!important
;
padding
:
1rem
!important
;
margin
:
.5rem
0
1rem
2rem
!important
}
.bs-docs-masthead
.carbonad
{
float
:
none
;
margin
:
0
auto
!important
;
color
:
#cdbfe3
!important
;
background
:
0
0
!important
;
border
:
1px
solid
#866ab3
!important
}
.bs-docs-masthead
.carbonad-tag
a
,
.bs-docs-masthead
.carbonad-text
a
{
color
:
#fff
!important
}}
.bs-docs-featurette
{
padding-top
:
3rem
;
padding-bottom
:
3rem
;
font-size
:
1rem
;
line-height
:
1.5
;
color
:
#555
;
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
:
.5rem
;
font-size
:
2rem
;
font-weight
:
400
;
color
:
#333
}
.half-rule
{
width
:
6rem
;
margin
:
2.5rem
auto
}
.bs-docs-featurette
h3
{
margin-bottom
:
.5rem
;
font-weight
:
400
;
color
:
#333
}
.bs-docs-featurette-img
{
display
:
block
;
margin-bottom
:
1.25rem
;
color
:
#333
}
.bs-docs-featurette-img
:hover
{
color
:
#0275d8
;
text-decoration
:
none
}
.bs-docs-featurette-img
img
{
display
:
block
;
margin-bottom
:
1rem
}
@media
(
min-width
:
480px
){
.bs-docs-featurette
.img-responsive
{
margin-top
:
2rem
}}
@media
(
min-width
:
768px
){
.bs-docs-featurette
{
padding-top
:
6rem
;
padding-bottom
:
6rem
}
.bs-docs-featurette-title
{
font-size
:
2.5rem
}
.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
}
.bs-examples
.img-thumbnail
{
margin-bottom
:
.75rem
}
.bs-examples
h4
{
margin-bottom
:
.25rem
}
.bs-examples
p
{
margin-bottom
:
1.25rem
}
@media
(
max-width
:
480px
){
.bs-examples
{
margin-right
:
-.75rem
;
margin-left
:
-.75rem
}
.bs-examples
>[
class
^=
col-
]
{
padding-right
:
.75rem
;
padding-left
:
.75rem
}}
.bs-docs-container
{
position
:
relative
;
max-width
:
62rem
;
padding
:
0
1rem
1rem
;
margin-right
:
auto
;
margin-left
:
auto
}
@media
(
min-width
:
768px
){
.bs-docs-featured-sites
.col-sm-3
:first-child
img
{
border-top-left-radius
:
.25rem
;
border-bottom-left-radius
:
.25rem
}
.bs-docs-featured-sites
.col-sm-3
:last-child
img
{
border-top-right-radius
:
.25rem
;
border-bottom-right-radius
:
.25rem
}
.bs-docs-container
{
padding
:
2rem
}}
@media
(
min-width
:
992px
){
.bs-docs-container
{
padding
:
4rem
}}
.bs-docs-container
>
table
{
display
:
block
;
width
:
100%
;
max-width
:
100%
;
overflow-y
:
auto
;
margin-bottom
:
1rem
}
.bs-docs-container
>
table
>
tbody
>
tr
>
td
,
.bs-docs-container
>
table
>
tbody
>
tr
>
th
,
.bs-docs-container
>
table
>
tfoot
>
tr
>
td
,
.bs-docs-container
>
table
>
tfoot
>
tr
>
th
,
.bs-docs-container
>
table
>
thead
>
tr
>
td
,
.bs-docs-container
>
table
>
thead
>
tr
>
th
{
padding
:
.75rem
;
line-height
:
1.5
;
vertical-align
:
top
;
border
:
1px
solid
#eceeef
}
.bs-docs-sidebar
{
padding
:
0
;
margin-bottom
:
0
;
background-color
:
#322f38
}
.bs-docs-sidebar
.navbar-toggle
{
position
:
absolute
;
top
:
5px
;
right
:
0
;
z-index
:
5
}
.bs-docs-sidebar
.navbar-toggle
.icon-bar
{
background-color
:
#fff
}
.bs-docs-sidebar
.navbar-header
{
float
:
none
;
margin-right
:
-15px
}
.bs-docs-sidebar
.navbar-collapse
{
padding
:
0
;
border
:
0
}
@media
(
min-width
:
992px
){
.bs-docs
{
padding-left
:
240px
}
.bs-docs-sidebar
{
position
:
fixed
;
top
:
0
;
bottom
:
0
;
left
:
0
;
z-index
:
100
;
width
:
240px
;
overflow-x
:
hidden
;
overflow-y
:
auto
;
background-image
:
linear-gradient
(
to
bottom
,
#29262f
0
,
#322f38
100%
);
background-repeat
:
repeat-x
;
filter
:
progid
:
DXImageTransform
.
Microsoft
.
gradient
(
startColorstr
=
'#FF29262F'
,
endColorstr
=
'#FF322F38'
,
GradientType
=
0
)}}
.bs-docs-sidebar
.navbar-brand
{
display
:
block
;
float
:
none
;
height
:
auto
;
padding
:
1.75rem
1.25rem
;
font-size
:
20px
;
font-weight
:
500
;
line-height
:
1
;
color
:
#fff
}
.bs-docs-sidebar-brand
:focus
,
.bs-docs-sidebar-brand
:hover
{
color
:
#fff
;
text-decoration
:
none
}
.bs-docs-search
{
position
:
relative
;
margin-right
:
1.25rem
;
margin-bottom
:
1.5rem
;
margin-left
:
1.25rem
}
.bs-docs-search
.form-control
{
height
:
2.45rem
;
padding-top
:
.4rem
;
padding-bottom
:
.4rem
;
color
:
rgba
(
255
,
255
,
255
,
.5
);
background-color
:
#423d4b
;
border-color
:
#4e4859
}
.bs-docs-search
.form-control
:focus
{
border-color
:
rgba
(
255
,
255
,
255
,
.25
);
box-shadow
:
0
0
.5rem
rgba
(
255
,
255
,
255
,
.25
)}
.bs-docs-search-results
{
top
:
108%
;
right
:
0
;
display
:
block
;
padding
:
0
;
overflow
:
hidden
;
font-size
:
.9rem
;
border
:
0
}
.bs-docs-search-results
>
li
>
a
{
padding-left
:
.75rem
;
padding-right
:
.75rem
}
.bs-docs-search-results
>
li
:first-child
{
margin-top
:
.25rem
}
.bs-docs-search-results
>
li
:last-child
{
margin-bottom
:
.25rem
}
.bs-docs-search-results
>
.no-results
{
padding
:
.75rem
1rem
;
color
:
#7a7a7a
;
text-align
:
center
}
.bs-docs-toc-link
{
display
:
block
;
padding
:
4px
20px
;
font-size
:
16px
;
color
:
#fff
}
.bs-docs-toc-link
:focus
,
.bs-docs-toc-link
:hover
{
color
:
#ffe484
;
text-decoration
:
none
}
.active
>
.bs-docs-toc-link
{
font-weight
:
500
;
color
:
#ffe484
}
.active
>
.bs-docs-sidenav
{
display
:
block
}
.bs-docs-toc-item.active
{
margin-top
:
15px
;
margin-bottom
:
15px
}
.bs-docs-toc-item
:first-child
{
margin-top
:
0
}
.bs-docs-toc-item
:last-child
{
margin-bottom
:
30px
}
.bs-docs-sidebar
.nav
>
li
>
a
{
display
:
block
;
padding
:
4px
20px
;
font-size
:
14px
;
color
:
#99979c
}
.bs-docs-sidebar
.nav
>
li
>
a
:focus
,
.bs-docs-sidebar
.nav
>
li
>
a
:hover
{
color
:
#ffe484
;
text-decoration
:
none
;
background-color
:
transparent
}
.bs-docs-sidebar
.nav
>
.active
:focus
>
a
,
.bs-docs-sidebar
.nav
>
.active
:hover
>
a
,
.bs-docs-sidebar
.nav
>
.active
>
a
{
font-weight
:
500
;
color
:
#ffe484
;
background-color
:
transparent
}
.bs-docs-sidebar
.nav
.nav
{
display
:
none
;
padding-bottom
:
10px
}
.bs-docs-sidebar
.nav
.nav
>
li
>
a
{
font-weight
:
400
;
padding-top
:
2px
;
padding-bottom
:
2px
;
padding-left
:
30px
;
font-size
:
13px
}
.bs-docs-sidebar
.nav
.nav
>
.active
:focus
>
a
,
.bs-docs-sidebar
.nav
.nav
>
.active
:hover
>
a
,
.bs-docs-sidebar
.nav
.nav
>
.active
>
a
{
font-weight
:
500
}
.bs-docs-sidebar
.nav
>
.active
>
.nav
{
display
:
block
}
.bs-docs-content
>
h2
{
margin-top
:
3rem
;
font-weight
:
400
}
.bs-docs-content
>
h3
{
margin-top
:
1.5rem
}
.bs-docs-title
+
p
{
font-size
:
1.25rem
;
font-weight
:
300
}
@media
(
min-width
:
34em
){
.bs-docs-title
,
.bs-docs-title
+
p
{
margin-right
:
23rem
}
.bs-docs-title
{
font-size
:
4rem
}}
.bs-callout
{
padding
:
1.25rem
;
margin-top
:
1.25rem
;
margin-bottom
:
1.25rem
;
border
:
1px
solid
#eee
;
border-left-width
:
.25rem
}
.bs-callout
h4
{
margin-top
:
0
;
margin-bottom
:
.25rem
}
.bs-callout
p
:last-child
{
margin-bottom
:
0
}
.bs-callout
+
.bs-callout
{
margin-top
:
-.25rem
}
.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
:
4rem
;
height
:
4rem
;
margin-right
:
.25rem
;
margin-left
:
.25rem
}
@media
(
min-width
:
768px
){
.color-swatch
{
width
:
6rem
;
height
:
6rem
}}
.color-swatches
.bs-purple
{
background-color
:
#563d7c
}
.color-swatches
.bs-purple-light
{
background-color
:
#cdbfe3
}
.color-swatches
.bs-purple-lighter
{
background-color
:
#e5e1ea
}
.color-swatches
.bs-gray
{
background-color
:
#f9f9f9
}
.bs-team
.team-member
{
line-height
:
2rem
;
color
:
#555
}
.bs-team
.team-member
:hover
{
color
:
#333
;
text-decoration
:
none
}
.bs-team
.github-btn
{
float
:
right
;
width
:
180px
;
height
:
1.25rem
;
margin-top
:
.25rem
}
.bs-team
img
{
float
:
left
;
width
:
2rem
;
margin-right
:
.5rem
}
.bs-docs-browser-bugs
td
p
{
margin-bottom
:
0
}
.bs-docs-browser-bugs
th
:first-child
{
width
:
18%
}
.bs-example
>
.row
{
margin-bottom
:
1rem
}
.bs-example
>
.row
>[
class
^=
col-
]
{
padding-top
:
.75rem
;
padding-bottom
:
.75rem
;
background-color
:
rgba
(
86
,
61
,
124
,
.15
);
border
:
1px
solid
rgba
(
86
,
61
,
124
,
.2
)}
.bs-example
{
position
:
relative
;
padding
:
1rem
;
margin
:
1rem
-1rem
;
border
:
solid
#f7f7f9
;
border-width
:
.2rem
0
0
}
.bs-example
:after
,
.bs-example
:before
{
content
:
" "
;
display
:
table
}
.bs-example
:after
{
clear
:
both
}
@media
(
min-width
:
34em
){
.bs-example
{
margin-bottom
:
-1rem
;
padding
:
1.5rem
;
border-width
:
.2rem
}}
.bs-example
+
p
{
margin-top
:
2rem
}
.bs-example
.container
{
width
:
auto
}
.bs-example
>
.card
{
float
:
left
;
max-width
:
15rem
;
margin
:
.25rem
}
.bs-example
>
.nav
+
.nav
{
margin-top
:
1rem
}
.bs-example
>
.table-responsive
:last-child
>
.table
,
.bs-example
>
:last-child
{
margin-bottom
:
0
!important
}
.bs-example
>
.close
{
float
:
none
}
.bs-example-type
.table
.type-info
{
color
:
#999
;
vertical-align
:
middle
}
.bs-example-type
.table
td
{
padding
:
1rem
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
:
1rem
}
.bs-example
>
.img-circle
,
.bs-example
>
.img-rounded
,
.bs-example
>
.img-thumbnail
{
margin
:
.25rem
}
.bs-example
>
.btn-group
{
margin-top
:
.25rem
;
margin-bottom
:
.25rem
}
.bs-example-control-sizing
input
[
type
=
text
]+
input
[
type
=
text
],
.bs-example-control-sizing
select
,
.bs-example
>
.btn-toolbar
+
.btn-toolbar
{
margin-top
:
.5rem
}
.bs-example-form
.input-group
{
margin-bottom
:
.5rem
}
.bs-example
.navbar
:last-child
,
.bs-navbar-bottom-example
.navbar
{
margin-bottom
:
0
}
.bs-example
>
textarea
.form-control
{
resize
:
vertical
}
.bs-example
>
.list-group
{
max-width
:
400px
}
.bs-navbar-bottom-example
,
.bs-navbar-top-example
{
z-index
:
1
;
padding
:
0
;
overflow
:
hidden
}
.bs-navbar-bottom-example
.navbar-header
,
.bs-navbar-top-example
.navbar-header
{
margin-left
:
0
}
.bs-navbar-bottom-example
.navbar-fixed-bottom
,
.bs-navbar-top-example
.navbar-fixed-top
{
position
:
relative
;
margin-right
:
0
;
margin-left
:
0
}
.bs-navbar-top-example
{
padding-bottom
:
45px
}
.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
}
@media
(
min-width
:
768px
){
.bs-navbar-bottom-example
.navbar-fixed-bottom
,
.bs-navbar-top-example
.navbar-fixed-top
{
position
:
absolute
}}
.bs-example
.pagination
{
margin-top
:
.5rem
;
margin-bottom
:
.5rem
}
.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
:
.25rem
;
clear
:
left
}
.bs-example-tabs
.nav-tabs
{
margin-bottom
:
1rem
}
.bs-example-tooltips
>
.btn
{
margin-top
:
.25rem
;
margin-bottom
:
.25rem
}
.bs-example-popover
{
padding-bottom
:
1.5rem
;
background-color
:
#f9f9f9
}
.bs-example-popover
.popover
{
position
:
relative
;
display
:
block
;
float
:
left
;
width
:
260px
;
margin
:
1.25rem
}
.bs-example-tooltip
.tooltip
{
position
:
relative
;
display
:
inline-block
;
margin
:
10px
20px
;
opacity
:
1
}
.scrollspy-example
{
position
:
relative
;
height
:
200px
;
margin-top
:
.5rem
;
overflow
:
auto
}
.bs-example
>
.center-block
{
max-width
:
200px
;
padding
:
.5rem
;
background-color
:
#eee
}
.bs-example
>
.bg-danger
,
.bs-example
>
.bg-info
,
.bs-example
>
.bg-primary
,
.bs-example
>
.bg-success
,
.bs-example
>
.bg-warning
{
padding
:
.5rem
;
margin-top
:
.5rem
;
margin-bottom
:
.5rem
}
.highlight
{
padding
:
1rem
;
margin
:
-1rem
-1rem
1rem
;
background-color
:
#f7f7f9
}
@media
(
min-width
:
34em
){
.highlight
{
padding
:
1.5rem
;
margin
:
1rem
0
}}
.highlight
pre
{
padding
:
0
;
margin-top
:
0
;
margin-bottom
:
0
;
background-color
:
transparent
;
border
:
0
}
.highlight
pre
code
{
font-size
:
inherit
;
color
:
#373a3c
}
.table-responsive
.highlight
pre
{
white-space
:
normal
}
.bs-table
th
small
,
.responsive-utilities
th
small
{
display
:
block
;
font-weight
:
400
;
color
:
#999
}
.responsive-utilities
tbody
th
{
font-weight
:
400
}
.responsive-utilities
td
.is-visible
{
color
:
#468847
;
background-color
:
#dff0d8
!important
}
.responsive-utilities
td
.is-hidden
{
color
:
#ccc
;
background-color
:
#f9f9f9
!important
}
.responsive-utilities-test
{
margin-top
:
.25rem
}
.responsive-utilities-test
.col-xs-6
{
margin-bottom
:
.5rem
}
.responsive-utilities-test
span
{
display
:
block
;
padding
:
1rem
.5rem
;
font-size
:
1rem
;
font-weight
:
700
;
line-height
:
1.1
;
border-radius
:
.25rem
}
.hidden-on
.col-xs-6
>
.not-visible
,
.visible-on
.col-xs-6
>
.not-visible
{
color
:
#999
;
border
:
1px
solid
#ddd
}
.hidden-on
.col-xs-6
.visible
,
.visible-on
.col-xs-6
.visible
{
color
:
#468847
;
background-color
:
#dff0d8
;
border
:
1px
solid
#d6e9c6
}
@media
(
max-width
:
33.9em
){
.hidden-xs-only
{
display
:
none
!important
}}
@media
(
min-width
:
34em
)
and
(
max-width
:
47.9em
){
.hidden-sm-only
{
display
:
none
!important
}}
@media
(
min-width
:
48em
)
and
(
max-width
:
61.9em
){
.hidden-md-only
{
display
:
none
!important
}}
@media
(
min-width
:
62em
)
and
(
max-width
:
74.9em
){
.hidden-lg-only
{
display
:
none
!important
}}
@media
(
min-width
:
75em
){
.hidden-xl-only
{
display
:
none
!important
}}
.bs-brand-logos
{
display
:
table
;
width
:
100%
;
margin-bottom
:
1rem
;
overflow
:
hidden
;
color
:
#563d7c
;
background-color
:
#f9f9f9
}
.bs-brand-item
{
padding
:
4rem
0
}
.bs-brand-item
+
.bs-brand-item
{
border-top
:
1px
solid
#fff
}
.bs-brand-logos
.inverse
{
color
:
#fff
;
background-color
:
#563d7c
}
.bs-brand-item
h1
,
.bs-brand-item
h3
{
margin-top
:
0
;
margin-bottom
:
0
}
.bs-brand-item
.bs-docs-booticon
{
margin-right
:
auto
;
margin-left
:
auto
}
@media
(
min-width
:
768px
){
.bs-brand-item
{
display
:
table-cell
;
width
:
1%
}
.bs-brand-item
+
.bs-brand-item
{
border-top
:
0
;
border-left
:
1px
solid
#fff
}
.bs-brand-item
h1
{
font-size
:
4rem
}}
.zero-clipboard
{
position
:
relative
;
display
:
none
;
float
:
right
}
.btn-clipboard
{
position
:
absolute
;
top
:
0
;
right
:
0
;
z-index
:
10
;
display
:
block
;
padding
:
.25rem
.5rem
;
font-size
:
75%
;
color
:
#818a91
;
cursor
:
pointer
;
background-color
:
#eceeef
;
border-radius
:
0
.2rem
}
.btn-clipboard-hover
{
color
:
#fff
;
background-color
:
#027de7
}
@media
(
min-width
:
768px
){
.zero-clipboard
{
display
:
block
}}
#focusedInput
{
border-color
:
#66afe9
;
outline
:
0
;
box-shadow
:
0
0
.5rem
rgba
(
102
,
175
,
233
,
.6
)}
\ No newline at end of file
\ No newline at end of file
docs/assets/css/docs.min.css.map
View file @
9dc5868e
This diff was suppressed by a .gitattributes entry.
docs/assets/css/src/docs.css
deleted
100644 → 0
View file @
517977fc
/*!
* Bootstrap Docs (http://getbootstrap.com)
* 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/.
*/
/*
* Bootstrap Documentation
* Special styles for presenting Bootstrap's documentation and code examples.
*/
/*
* Scaffolding
*
* Update the basics of our documents to prep for docs content.
*/
body
{
position
:
relative
;
/* For scrollspy */
}
/* Keep code small in tables on account of limited space */
.table
code
{
font-size
:
13px
;
font-weight
:
normal
;
}
/* Outline button for use within the docs */
.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
;
}
/* Inverted outline button (white on dark) */
.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
;
}
/* Bootstrap "B" icon */
.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
;
}
/*
* Main navigation
*
* Turn the `.navbar` at the top of the docs purple.
*/
.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
;
}
/*
* Footer
*
* Separated section of content at the bottom of all pages, save the homepage.
*/
.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
;
}
}
/*
* Social buttons
*
* Twitter and GitHub social action buttons (for homepage and footer).
*/
.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
;
}
/* Style the GitHub buttons via CSS instead of inline attributes */
.github-btn
{
overflow
:
hidden
;
border
:
0
;
}
/*
* Homepage
*
* Tweaks to the custom homepage and the masthead (main jumbotron).
*/
/* Share masthead with page headers */
.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
;
}
/* Masthead (headings and download button) */
.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
;
}
}
/*
* Page headers
*
* Jumbotron-esque headers at the top of every page that's not the homepage.
*/
/* Page headers */
.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
;
}
}
/*
* Carbon ads
*
* Single display ad that shows on all pages (except homepage) in page headers.
* The hella `!important` is required for any pre-set property.
*/
.carbonad
{
width
:
auto
!important
;
height
:
auto
!important
;
padding
:
20px
!important
;
margin
:
30px
-30px
-31px
!important
;
overflow
:
hidden
;
/* clearfix */
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
;
/* hide what I assume are tracking images */
}
@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
;
/* 15px instead of 0 since box-sizing */
width
:
330px
!important
;
padding
:
15px
!important
;
margin
:
0
!important
;
}
.bs-docs-masthead
.carbonad
{
position
:
static
;
}
}
/*
* Homepage featurettes
*
* Reasons to use Bootstrap, entries from the Expo, and more.
*/
.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
:
normal
;
color
:
#333
;
}
.half-rule
{
width
:
100px
;
margin
:
40px
auto
;
}
.bs-docs-featurette
h3
{
margin-bottom
:
5px
;
font-weight
:
normal
;
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
;
}
}
/*
* Featured sites
*
* Homepage thumbnails from the Expo.
*/
.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
;
}
}
/*
* Examples
*
* Linked docs examples.
*/
.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
;
}
}
/*
* Side navigation
*
* Scrollspy and enhanced navigation to highlight sections and secondary
* sections of docs content.
*/
@media
(
min-width
:
768px
)
{
.bs-docs-sidebar
{
padding-left
:
20px
;
}
}
/* First level of nav */
.bs-docs-sidenav
{
margin-top
:
20px
;
margin-bottom
:
20px
;
}
/* All levels of nav */
.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
:
bold
;
color
:
#563d7c
;
background-color
:
transparent
;
border-left
:
2px
solid
#563d7c
;
}
/* Nav: second level (shown on .active) */
.bs-docs-sidebar
.nav
.nav
{
display
:
none
;
/* Hide by default, but at >768px, show it */
padding-bottom
:
10px
;
}
.bs-docs-sidebar
.nav
.nav
>
li
>
a
{
padding-top
:
1px
;
padding-bottom
:
1px
;
padding-left
:
30px
;
font-size
:
12px
;
font-weight
:
normal
;
}
.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 (hidden on mobile) */
.back-to-top
{
display
:
none
;
padding
:
4px
10px
;
margin-top
:
10px
;
margin-left
:
10px
;
font-size
:
12px
;
font-weight
:
500
;
color
:
#999
;
}
.back-to-top
:hover
{
color
:
#563d7c
;
text-decoration
:
none
;
}
@media
(
min-width
:
768px
)
{
.back-to-top
{
display
:
block
;
}
}
/* Show the side nav when space allows it */
@media
(
min-width
:
992px
)
{
.bs-docs-sidebar
.nav
>
.active
>
ul
{
display
:
block
;
}
}
/*
* Docs sections
*
* Content blocks for each component or feature.
*/
/* Space things out */
.bs-docs-section
{
margin-bottom
:
60px
;
}
.bs-docs-section
:last-child
{
margin-bottom
:
0
;
}
h1
[
id
]
{
padding-top
:
20px
;
margin-top
:
0
;
}
/*
* Callouts
*
* Not quite alerts, but custom and helpful notes for folks reading the docs.
* Requires a base and modifier class.
*/
/* Common styles for all types */
.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
;
}
/* Tighten up space between multiple callouts */
.bs-callout
+
.bs-callout
{
margin-top
:
-5px
;
}
/* Variations */
.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
*
* Color swatches and associated values for our grayscale and brand colors.
*/
.color-swatches
{
margin
:
0
-5px
;
overflow
:
hidden
;
/* clearfix */
}
.color-swatch
{
float
:
left
;
width
:
60px
;
height
:
60px
;
margin
:
0
5px
;
border-radius
:
3px
;
}
@media
(
min-width
:
768px
)
{
.color-swatch
{
width
:
100px
;
height
:
100px
;
}
}
/* Framework colors */
.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
;
}
/* Docs colors */
.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
;
}
/*
* Team members
*
* Avatars, names, and usernames for core team.
*/
.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
;
}
/*
* Wall of Browser Bugs
*
* Better display for the responsive table on the Wall of Browser Bugs.
*/
.bs-docs-browser-bugs
td
p
{
margin-bottom
:
0
;
}
.bs-docs-browser-bugs
th
:first-child
{
width
:
18%
;
}
/*
* Grid examples
*
* Highlight the grid columns within the docs so folks can see their padding,
* alignment, sizing, etc.
*/
.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
);
}
/*
* Examples
*
* Isolated sections of example content for each component or feature. Usually
* followed by a code snippet.
*/
.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
);
}
/* Echo out a label for the example */
.bs-example
:after
{
position
:
absolute
;
top
:
15px
;
left
:
15px
;
font-size
:
12px
;
font-weight
:
bold
;
color
:
#959595
;
text-transform
:
uppercase
;
letter-spacing
:
1px
;
content
:
"Example"
;
}
/* Tweak display of the code snippets when following an example */
.bs-example
+
.highlight
,
.bs-example
+
.zero-clipboard
+
.highlight
{
margin
:
-15px
-15px
15px
;
border-width
:
0
0
1px
;
border-radius
:
0
;
}
/* Make the examples and snippets not full-width */
@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
;
}
}
/* Undo width of container */
.bs-example
.container
{
width
:
auto
;
}
/* Tweak content of examples for optimum awesome */
.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
;
}
/* Typography */
.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
;
}
/* Contextual background colors */
.bs-example-bg-classes
p
{
padding
:
15px
;
}
/* Images */
.bs-example
>
.img-circle
,
.bs-example
>
.img-rounded
,
.bs-example
>
.img-thumbnail
{
margin
:
5px
;
}
/* Tables */
.bs-example
>
.table-responsive
>
.table
{
background-color
:
#fff
;
}
/* Buttons */
.bs-example
>
.btn
,
.bs-example
>
.btn-group
{
margin-top
:
5px
;
margin-bottom
:
5px
;
}
.bs-example
>
.btn-toolbar
+
.btn-toolbar
{
margin-top
:
10px
;
}
/* Forms */
.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
;
}
/* List groups */
.bs-example
>
.list-group
{
max-width
:
400px
;
}
/* Navbars */
.bs-example
.navbar
:last-child
{
margin-bottom
:
0
;
}
.bs-navbar-top-example
,
.bs-navbar-bottom-example
{
z-index
:
1
;
padding
:
0
;
overflow
:
hidden
;
/* cut the drop shadows off */
}
.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
;
}
}
/* Pagination */
.bs-example
.pagination
{
margin-top
:
10px
;
margin-bottom
:
10px
;
}
/* Pager */
.bs-example
>
.pager
{
margin-top
:
0
;
}
/* Example modals */
.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
;
}
/* Example dropdowns */
.bs-example
>
.dropdown
>
.dropdown-toggle
{
float
:
left
;
}
.bs-example
>
.dropdown
>
.dropdown-menu
{
position
:
static
;
display
:
block
;
margin-bottom
:
5px
;
clear
:
left
;
}
/* Example tabbable tabs */
.bs-example-tabs
.nav-tabs
{
margin-bottom
:
15px
;
}
/* Tooltips */
.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
;
}
/* Popovers */
.bs-example-popover
{
padding-bottom
:
24px
;
background-color
:
#f9f9f9
;
}
.bs-example-popover
.popover
{
position
:
relative
;
display
:
block
;
float
:
left
;
width
:
260px
;
margin
:
20px
;
}
/* Scrollspy demo on fixed height div */
.scrollspy-example
{
position
:
relative
;
height
:
200px
;
margin-top
:
10px
;
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
{
white-space
:
nowrap
;
}
/*
* Code snippets
*
* Generated via Pygments and Jekyll, these are snippets of HTML, CSS, and JS.
*/
.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
;
/* Effectively the base text color */
}
.highlight
pre
code
:first-child
{
display
:
inline-block
;
padding-right
:
45px
;
}
/*
* Responsive tests
*
* Generate a set of tests to show the responsive utilities in action.
*/
/* Responsive (scrollable) doc tables */
.table-responsive
.highlight
pre
{
white-space
:
normal
;
}
/* Utility classes table */
.bs-table
th
small
,
.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
;
}
.responsive-utilities-test
.col-xs-6
{
margin-bottom
:
10px
;
}
.responsive-utilities-test
span
{
display
:
block
;
padding
:
15px
10px
;
font-size
:
14px
;
font-weight
:
bold
;
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
;
}
/*
* Glyphicons
*
* Special styles for displaying the icons and their classes in the docs.
*/
.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
;
/* Help out IE10+ with class names */
}
.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
;
}
}
/*
* Brand guidelines
*
* Extra styles for displaying wordmarks, logos, etc.
*/
/* Logo series wrapper */
.bs-brand-logos
{
display
:
table
;
width
:
100%
;
margin-bottom
:
15px
;
overflow
:
hidden
;
color
:
#563d7c
;
background-color
:
#f9f9f9
;
border-radius
:
4px
;
}
/* Individual items */
.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
;
}
/* Heading content within */
.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
;
}
/* Make the icons stand out on what is/isn't okay */
.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
;
}
}
/*
* ZeroClipboard styles
*/
.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
;
}
}
/*
* Miscellaneous
*
* Odds and ends for optimum docs display.
*/
/* Pseudo :focus state for showing how it looks in the docs */
#focusedInput
{
border-color
:
rgb
(
204
,
204
,
204
);
/* Restate unfocused value to make CSSLint happy that there's a pre-CSS3 fallback*/
border-color
:
rgba
(
82
,
168
,
236
,
.8
);
outline
:
0
;
outline
:
thin
dotted
\
9
;
/* IE9 */
-webkit-box-shadow
:
0
0
8px
rgba
(
82
,
168
,
236
,
.6
);
box-shadow
:
0
0
8px
rgba
(
82
,
168
,
236
,
.6
);
}
docs/assets/
css/src/anchor.
css
→
docs/assets/
scss/_anchor.s
css
View file @
9dc5868e
File moved
docs/assets/scss/docs.scss
View file @
9dc5868e
...
@@ -11,7 +11,7 @@
...
@@ -11,7 +11,7 @@
// Import the syntax highlighting
// Import the syntax highlighting
@import
"syntax"
;
@import
"syntax"
;
// @import "anchor"; // TODO: move anchor from src to scss directory
@import
"anchor"
;
// Local docs variables
// Local docs variables
$bs-purple
:
#563d7c
;
$bs-purple
:
#563d7c
;
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a 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