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 @@
* 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/.
*/
.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
)}
\ No newline at end of file
*/
.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
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 @@
// Import the syntax highlighting
@import
"syntax"
;
// @import "anchor"; // TODO: move anchor from src to scss directory
@import
"anchor"
;
// Local docs variables
$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