Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
E
edx-platform
Overview
Overview
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
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
edx
edx-platform
Commits
ca2e1ee8
Commit
ca2e1ee8
authored
Sep 12, 2013
by
Brian Talbot
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
docs.edx.org: syncs Sass mixin naming conventions
parent
9b00ed11
Show whitespace changes
Inline
Side-by-side
Showing
7 changed files
with
37 additions
and
90 deletions
+37
-90
edx-docs/assets/css/main.css
+1
-1
edx-docs/assets/sass/_base.scss
+3
-3
edx-docs/assets/sass/elements/_footer.scss
+8
-41
edx-docs/assets/sass/elements/_icons.scss
+1
-1
edx-docs/assets/sass/elements/_navigation.scss
+1
-1
edx-docs/assets/sass/utilities/_mixins.scss
+16
-16
edx-docs/assets/sass/views/_index.scss
+7
-27
No files found.
edx-docs/assets/css/main.css
View file @
ca2e1ee8
@import
url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,700,300)
;
@import
url(http://fonts.googleapis.com/css?family=Bree+Serif)
;
*
{
-webkit-box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
box-sizing
:
border-box
}
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
article
,
aside
,
details
,
figcaption
,
figure
,
footer
,
header
,
hgroup
,
main
,
nav
,
section
,
summary
{
display
:
block
}
audio
,
canvas
,
video
{
display
:
inline-block
}
audio
:not
([
controls
])
{
display
:
none
;
height
:
0
}
[
hidden
],
template
{
display
:
none
}
html
{
font-family
:
sans-serif
;
-ms-text-size-adjust
:
100%
;
-webkit-text-size-adjust
:
100%
}
body
{
margin
:
0
}
a
{
background
:
transparent
}
a
:focus
{
outline
:
thin
dotted
}
a
:active
,
a
:hover
{
outline
:
0
}
h1
{
font-size
:
2em
;
margin
:
0.67em
0
}
abbr
[
title
]
{
border-bottom
:
1px
dotted
}
b
,
strong
{
font-weight
:
bold
}
dfn
{
font-style
:
italic
}
hr
{
-moz-box-sizing
:
content-box
;
box-sizing
:
content-box
;
height
:
0
}
mark
{
background
:
#ff0
;
color
:
#000
}
code
,
kbd
,
pre
,
samp
{
font-family
:
monospace
,
serif
;
font-size
:
1em
}
pre
{
white-space
:
pre-wrap
}
q
{
quotes
:
"\201C"
"\201D"
"\2018"
"\2019"
}
small
{
font-size
:
80%
}
sub
,
sup
{
font-size
:
75%
;
line-height
:
0
;
position
:
relative
;
vertical-align
:
baseline
}
sup
{
top
:
-0.5em
}
sub
{
bottom
:
-0.25em
}
img
{
border
:
0
}
svg
:not
(
:root
)
{
overflow
:
hidden
}
figure
{
margin
:
0
}
fieldset
{
border
:
1px
solid
#c0c0c0
;
margin
:
0
2px
;
padding
:
0.35em
0.625em
0.75em
}
legend
{
border
:
0
;
padding
:
0
}
button
,
input
,
select
,
textarea
{
font-family
:
inherit
;
font-size
:
100%
;
margin
:
0
}
button
,
input
{
line-height
:
normal
}
button
,
select
{
text-transform
:
none
}
button
,
html
input
[
type
=
"button"
],
input
[
type
=
"reset"
],
input
[
type
=
"submit"
]
{
-webkit-appearance
:
button
;
cursor
:
pointer
}
button
[
disabled
],
html
input
[
disabled
]
{
cursor
:
default
}
input
[
type
=
"checkbox"
],
input
[
type
=
"radio"
]
{
box-sizing
:
border-box
;
padding
:
0
}
input
[
type
=
"search"
]
{
-webkit-appearance
:
textfield
;
-moz-box-sizing
:
content-box
;
-webkit-box-sizing
:
content-box
;
box-sizing
:
content-box
}
input
[
type
=
"search"
]
::-webkit-search-cancel-button
,
input
[
type
=
"search"
]
::-webkit-search-decoration
{
-webkit-appearance
:
none
}
button
::-moz-focus-inner
,
input
::-moz-focus-inner
{
border
:
0
;
padding
:
0
}
textarea
{
overflow
:
auto
;
vertical-align
:
top
}
table
{
border-collapse
:
collapse
;
border-spacing
:
0
}
/*! normalize.css v2.1.2 | MIT License | git.io/normalize */
article
,
aside
,
details
,
figcaption
,
figure
,
footer
,
header
,
hgroup
,
main
,
nav
,
section
,
summary
{
display
:
block
}
audio
,
canvas
,
video
{
display
:
inline-block
}
audio
:not
([
controls
])
{
display
:
none
;
height
:
0
}
[
hidden
]
{
display
:
none
}
html
{
font-family
:
sans-serif
;
-ms-text-size-adjust
:
100%
;
-webkit-text-size-adjust
:
100%
}
body
{
margin
:
0
}
a
:focus
{
outline
:
thin
dotted
}
a
:active
,
a
:hover
{
outline
:
0
}
h1
{
font-size
:
2em
;
margin
:
0.67em
0
}
abbr
[
title
]
{
border-bottom
:
1px
dotted
}
b
,
strong
{
font-weight
:
bold
}
dfn
{
font-style
:
italic
}
hr
{
-moz-box-sizing
:
content-box
;
box-sizing
:
content-box
;
height
:
0
}
mark
{
background
:
#ff0
;
color
:
#000
}
code
,
kbd
,
pre
,
samp
{
font-family
:
monospace
,
serif
;
font-size
:
1em
}
pre
{
white-space
:
pre-wrap
}
q
{
quotes
:
"\201C"
"\201D"
"\2018"
"\2019"
}
small
{
font-size
:
80%
}
sub
,
sup
{
font-size
:
75%
;
line-height
:
0
;
position
:
relative
;
vertical-align
:
baseline
}
sup
{
top
:
-0.5em
}
sub
{
bottom
:
-0.25em
}
img
{
border
:
0
}
svg
:not
(
:root
)
{
overflow
:
hidden
}
figure
{
margin
:
0
}
fieldset
{
border
:
1px
solid
#c0c0c0
;
margin
:
0
2px
;
padding
:
0.35em
0.625em
0.75em
}
legend
{
border
:
0
;
padding
:
0
}
button
,
input
,
select
,
textarea
{
font-family
:
inherit
;
font-size
:
100%
;
margin
:
0
}
button
,
input
{
line-height
:
normal
}
button
,
select
{
text-transform
:
none
}
button
,
html
input
[
type
=
"button"
],
input
[
type
=
"reset"
],
input
[
type
=
"submit"
]
{
-webkit-appearance
:
button
;
cursor
:
pointer
}
button
[
disabled
],
html
input
[
disabled
]
{
cursor
:
default
}
input
[
type
=
"checkbox"
],
input
[
type
=
"radio"
]
{
box-sizing
:
border-box
;
padding
:
0
}
input
[
type
=
"search"
]
{
-webkit-appearance
:
textfield
;
-moz-box-sizing
:
content-box
;
-webkit-box-sizing
:
content-box
;
box-sizing
:
content-box
}
input
[
type
=
"search"
]
::-webkit-search-cancel-button
,
input
[
type
=
"search"
]
::-webkit-search-decoration
{
-webkit-appearance
:
none
}
button
::-moz-focus-inner
,
input
::-moz-focus-inner
{
border
:
0
;
padding
:
0
}
textarea
{
overflow
:
auto
;
vertical-align
:
top
}
table
{
border-collapse
:
collapse
;
border-spacing
:
0
}
*
{
-webkit-box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
box-sizing
:
border-box
}
html
,
body
,
div
,
span
,
applet
,
object
,
iframe
,
h1
,
h2
,
h3
,
h4
,
h5
,
h6
,
p
,
blockquote
,
pre
,
a
,
abbr
,
acronym
,
address
,
big
,
cite
,
code
,
del
,
dfn
,
em
,
img
,
ins
,
kbd
,
q
,
s
,
samp
,
small
,
strike
,
strong
,
sub
,
sup
,
tt
,
var
,
b
,
u
,
i
,
center
,
dl
,
dt
,
dd
,
ol
,
ul
,
li
,
fieldset
,
form
,
label
,
legend
,
table
,
caption
,
tbody
,
tfoot
,
thead
,
tr
,
th
,
td
,
article
,
aside
,
canvas
,
details
,
figcaption
,
figure
,
footer
,
header
,
hgroup
,
menu
,
nav
,
section
,
summary
,
time
,
mark
,
audio
,
video
{
margin
:
0
;
padding
:
0
;
border
:
0
;
outline
:
0
;
font-size
:
100%
;
font
:
inherit
;
vertical-align
:
baseline
}
html
,
body
{
height
:
100%
}
ol
,
ul
{
list-style
:
none
}
blockquote
,
q
{
quotes
:
none
}
blockquote
:before
,
blockquote
:after
,
q
:before
,
q
:after
{
content
:
''
;
content
:
none
}
ins
{
text-decoration
:
none
}
del
{
text-decoration
:
line-through
}
table
{
border-collapse
:
collapse
;
border-spacing
:
0
}
abbr
[
title
]
{
border-bottom
:
none
;
text-decoration
:
none
;
cursor
:
help
}
[
class
^=
"wrapper-"
]
{
-webkit-box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
}
[
class
^=
"wrapper-"
]
:after
{
content
:
''
;
display
:
block
;
height
:
0
;
visibility
:
hidden
;
clear
:
both
}
.list--actions
,
.list--docs
,
.list--steps
,
.list--controls
,
.list--fields
,
.list--help
,
.nav--wizard
,
.list--tips
,
.field--group
,
nav
ol
,
nav
ul
{
list-style
:
none
;
margin
:
0
;
padding
:
0
;
text-indent
:
0
}
.list--actions
li
,
.list--docs
li
,
.list--steps
li
,
.list--controls
li
,
.list--fields
li
,
.list--help
li
,
.nav--wizard
li
,
.list--tips
li
,
.field--group
li
,
nav
ol
li
,
nav
ul
li
{
margin
:
0
;
padding
:
0
}
.sr
,
hr
.divider
{
border
:
0
;
clip
:
rect
(
0
0
0
0
);
height
:
1px
;
margin
:
-1px
;
overflow
:
hidden
;
padding
:
0
;
position
:
absolute
;
width
:
1px
}
.view--index
*[
class
$
=
"__copy"
]
p
:last-child
,
.view--index
.info
:last-child
,
.view--index
.list--docs
.list--links
.item-link
:last-child
,
.view--index
.content__main
.item-audience
:last-child
{
margin-bottom
:
0
;
border-bottom
:
none
;
padding-bottom
:
0
}
.view--index
.deco
.deco__doc1
{
z-index
:
10
}
.view--index
.deco
.deco__doc3
{
z-index
:
100
}
.view--index
.deco
.deco__doc2
{
z-index
:
1000
}
.wrapper-outer-footer
.wrapper-footer
footer
.primary
.privacy
,
.wrapper-outer-footer
.wrapper-footer
footer
.primary
.copyright
{
-webkit-transition
:
width
0.25s
ease-in-out
,
height
0.25s
ease-in-out
;
-moz-transition
:
width
0.25s
ease-in-out
,
height
0.25s
ease-in-out
;
transition
:
width
0.25s
ease-in-out
,
height
0.25s
ease-in-out
}
@font-face
{
font-family
:
'FontAwesome'
;
src
:
url("../fonts/vendor/fontawesome-webfont.eot?v=3.2.1")
;
src
:
url("../fonts/vendor/fontawesome-webfont.eot?#iefix&v=3.2.1")
format
(
"embedded-opentype"
),
url("../fonts/vendor/fontawesome-webfont.woff?v=3.2.1")
format
(
"woff"
),
url("../fonts/vendor/fontawesome-webfont.ttf?v=3.2.1")
format
(
"truetype"
),
url("../fonts/vendor/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1")
format
(
"svg"
);
font-weight
:
normal
;
font-style
:
normal
}
[
class
^=
"icon-"
],[
class
*=
" icon-"
]
{
font-family
:
FontAwesome
;
font-weight
:
normal
;
font-style
:
normal
;
text-decoration
:
inherit
;
-webkit-font-smoothing
:
antialiased
;
*
margin-right
:
.3em
}
[
class
^=
"icon-"
]
:before
,[
class
*=
" icon-"
]
:before
{
text-decoration
:
inherit
;
display
:
inline-block
;
speak
:
none
}
.icon-large
:before
{
vertical-align
:
-10%
;
font-size
:
1.3333333333333333em
}
a
[
class
^=
"icon-"
],
a
[
class
*=
" icon-"
]
{
display
:
inline
}
[
class
^=
"icon-"
]
.icon-fixed-width
,[
class
*=
" icon-"
]
.icon-fixed-width
{
display
:
inline-block
;
width
:
1.1428571428571428em
;
text-align
:
right
;
padding-right
:
0.2857142857142857em
}
[
class
^=
"icon-"
]
.icon-fixed-width.icon-large
,[
class
*=
" icon-"
]
.icon-fixed-width.icon-large
{
width
:
1.4285714285714286em
}
.icons-ul
{
margin-left
:
2.142857142857143em
;
list-style-type
:
none
}
.icons-ul
>
li
{
position
:
relative
}
.icons-ul
.icon-li
{
position
:
absolute
;
left
:
-2.142857142857143em
;
width
:
2.142857142857143em
;
text-align
:
center
;
line-height
:
inherit
}
[
class
^=
"icon-"
]
.hide
,[
class
*=
" icon-"
]
.hide
{
display
:
none
}
.icon-muted
{
color
:
#eeeeee
}
.icon-light
{
color
:
#ffffff
}
.icon-dark
{
color
:
#333333
}
.icon-border
{
border
:
solid
1px
#eeeeee
;
padding
:
.2em
.25em
.15em
;
-webkit-border-radius
:
3px
;
-moz-border-radius
:
3px
;
border-radius
:
3px
}
.icon-2x
{
font-size
:
2em
}
.icon-2x.icon-border
{
border-width
:
2px
;
-webkit-border-radius
:
4px
;
-moz-border-radius
:
4px
;
border-radius
:
4px
}
.icon-3x
{
font-size
:
3em
}
.icon-3x.icon-border
{
border-width
:
3px
;
-webkit-border-radius
:
5px
;
-moz-border-radius
:
5px
;
border-radius
:
5px
}
.icon-4x
{
font-size
:
4em
}
.icon-4x.icon-border
{
border-width
:
4px
;
-webkit-border-radius
:
6px
;
-moz-border-radius
:
6px
;
border-radius
:
6px
}
.icon-5x
{
font-size
:
5em
}
.icon-5x.icon-border
{
border-width
:
5px
;
-webkit-border-radius
:
7px
;
-moz-border-radius
:
7px
;
border-radius
:
7px
}
.pull-right
{
float
:
right
}
.pull-left
{
float
:
left
}
[
class
^=
"icon-"
]
.pull-left
,[
class
*=
" icon-"
]
.pull-left
{
margin-right
:
.3em
}
[
class
^=
"icon-"
]
.pull-right
,[
class
*=
" icon-"
]
.pull-right
{
margin-left
:
.3em
}
[
class
^=
"icon-"
],[
class
*=
" icon-"
]
{
display
:
inline
;
width
:
auto
;
height
:
auto
;
line-height
:
normal
;
vertical-align
:
baseline
;
background-image
:
none
;
background-position
:
0%
0%
;
background-repeat
:
repeat
;
margin-top
:
0
}
.icon-white
,
.nav-pills
>
.active
>
a
>[
class
^=
"icon-"
],
.nav-pills
>
.active
>
a
>[
class
*=
" icon-"
],
.nav-list
>
.active
>
a
>[
class
^=
"icon-"
],
.nav-list
>
.active
>
a
>[
class
*=
" icon-"
],
.navbar-inverse
.nav
>
.active
>
a
>[
class
^=
"icon-"
],
.navbar-inverse
.nav
>
.active
>
a
>[
class
*=
" icon-"
],
.dropdown-menu
>
li
>
a
:hover
>[
class
^=
"icon-"
],
.dropdown-menu
>
li
>
a
:hover
>[
class
*=
" icon-"
],
.dropdown-menu
>
.active
>
a
>[
class
^=
"icon-"
],
.dropdown-menu
>
.active
>
a
>[
class
*=
" icon-"
],
.dropdown-submenu
:hover
>
a
>[
class
^=
"icon-"
],
.dropdown-submenu
:hover
>
a
>[
class
*=
" icon-"
]
{
background-image
:
none
}
.btn
[
class
^=
"icon-"
]
.icon-large
,
.nav
[
class
^=
"icon-"
]
.icon-large
,
.btn
[
class
*=
" icon-"
]
.icon-large
,
.nav
[
class
*=
" icon-"
]
.icon-large
{
line-height
:
.9em
}
.btn
[
class
^=
"icon-"
]
.icon-spin
,
.nav
[
class
^=
"icon-"
]
.icon-spin
,
.btn
[
class
*=
" icon-"
]
.icon-spin
,
.nav
[
class
*=
" icon-"
]
.icon-spin
{
display
:
inline-block
}
.nav-tabs
[
class
^=
"icon-"
],
.nav-pills
[
class
^=
"icon-"
],
.nav-tabs
[
class
*=
" icon-"
],
.nav-pills
[
class
*=
" icon-"
],
.nav-tabs
[
class
^=
"icon-"
]
.icon-large
,
.nav-pills
[
class
^=
"icon-"
]
.icon-large
,
.nav-tabs
[
class
*=
" icon-"
]
.icon-large
,
.nav-pills
[
class
*=
" icon-"
]
.icon-large
{
line-height
:
.9em
}
.btn
[
class
^=
"icon-"
]
.pull-left.icon-2x
,
.btn
[
class
*=
" icon-"
]
.pull-left.icon-2x
,
.btn
[
class
^=
"icon-"
]
.pull-right.icon-2x
,
.btn
[
class
*=
" icon-"
]
.pull-right.icon-2x
{
margin-top
:
.18em
}
.btn
[
class
^=
"icon-"
]
.icon-spin.icon-large
,
.btn
[
class
*=
" icon-"
]
.icon-spin.icon-large
{
line-height
:
.8em
}
.btn.btn-small
[
class
^=
"icon-"
]
.pull-left.icon-2x
,
.btn.btn-small
[
class
*=
" icon-"
]
.pull-left.icon-2x
,
.btn.btn-small
[
class
^=
"icon-"
]
.pull-right.icon-2x
,
.btn.btn-small
[
class
*=
" icon-"
]
.pull-right.icon-2x
{
margin-top
:
.25em
}
.btn.btn-large
[
class
^=
"icon-"
],
.btn.btn-large
[
class
*=
" icon-"
]
{
margin-top
:
0
}
.btn.btn-large
[
class
^=
"icon-"
]
.pull-left.icon-2x
,
.btn.btn-large
[
class
*=
" icon-"
]
.pull-left.icon-2x
,
.btn.btn-large
[
class
^=
"icon-"
]
.pull-right.icon-2x
,
.btn.btn-large
[
class
*=
" icon-"
]
.pull-right.icon-2x
{
margin-top
:
.05em
}
.btn.btn-large
[
class
^=
"icon-"
]
.pull-left.icon-2x
,
.btn.btn-large
[
class
*=
" icon-"
]
.pull-left.icon-2x
{
margin-right
:
.2em
}
.btn.btn-large
[
class
^=
"icon-"
]
.pull-right.icon-2x
,
.btn.btn-large
[
class
*=
" icon-"
]
.pull-right.icon-2x
{
margin-left
:
.2em
}
.nav-list
[
class
^=
"icon-"
],
.nav-list
[
class
*=
" icon-"
]
{
line-height
:
inherit
}
.icon-stack
{
position
:
relative
;
display
:
inline-block
;
width
:
2em
;
height
:
2em
;
line-height
:
2em
;
vertical-align
:
-35%
}
.icon-stack
[
class
^=
"icon-"
],
.icon-stack
[
class
*=
" icon-"
]
{
display
:
block
;
text-align
:
center
;
position
:
absolute
;
width
:
100%
;
height
:
100%
;
font-size
:
1em
;
line-height
:
inherit
;
*
line-height
:
2em
}
.icon-stack
.icon-stack-base
{
font-size
:
2em
;
*
line-height
:
1em
}
.icon-spin
{
display
:
inline-block
;
-moz-animation
:
spin
2s
infinite
linear
;
-o-animation
:
spin
2s
infinite
linear
;
-webkit-animation
:
spin
2s
infinite
linear
;
animation
:
spin
2s
infinite
linear
}
a
.icon-stack
,
a
.icon-spin
{
display
:
inline-block
;
text-decoration
:
none
}
@-moz-keyframes
spin
{
0
%
{
-moz-transform
:
rotate
(
0deg
)}
100
%
{
-moz-transform
:
rotate
(
359deg
)}}
@-webkit-keyframes
spin
{
0
%
{
-webkit-transform
:
rotate
(
0deg
)}
100
%
{
-webkit-transform
:
rotate
(
359deg
)}}
@-o-keyframes
spin
{
0
%
{
-o-transform
:
rotate
(
0deg
)}
100
%
{
-o-transform
:
rotate
(
359deg
)}}
@-ms-keyframes
spin
{
0
%
{
-ms-transform
:
rotate
(
0deg
)}
100
%
{
-ms-transform
:
rotate
(
359deg
)}}
@keyframes
spin
{
0
%
{
transform
:
rotate
(
0deg
)}
100
%
{
transform
:
rotate
(
359deg
)}}
.icon-rotate-90
:before
{
-webkit-transform
:
rotate
(
90deg
);
-moz-transform
:
rotate
(
90deg
);
-ms-transform
:
rotate
(
90deg
);
-o-transform
:
rotate
(
90deg
);
transform
:
rotate
(
90deg
);
filter
:
progid
:
DXImageTransform
.
Microsoft
.
BasicImage
(
rotation
=
1
)}
.icon-rotate-180
:before
{
-webkit-transform
:
rotate
(
180deg
);
-moz-transform
:
rotate
(
180deg
);
-ms-transform
:
rotate
(
180deg
);
-o-transform
:
rotate
(
180deg
);
transform
:
rotate
(
180deg
);
filter
:
progid
:
DXImageTransform
.
Microsoft
.
BasicImage
(
rotation
=
2
)}
.icon-rotate-270
:before
{
-webkit-transform
:
rotate
(
270deg
);
-moz-transform
:
rotate
(
270deg
);
-ms-transform
:
rotate
(
270deg
);
-o-transform
:
rotate
(
270deg
);
transform
:
rotate
(
270deg
);
filter
:
progid
:
DXImageTransform
.
Microsoft
.
BasicImage
(
rotation
=
3
)}
.icon-flip-horizontal
:before
{
-webkit-transform
:
scale
(
-1
,
1
);
-moz-transform
:
scale
(
-1
,
1
);
-ms-transform
:
scale
(
-1
,
1
);
-o-transform
:
scale
(
-1
,
1
);
transform
:
scale
(
-1
,
1
)}
.icon-flip-vertical
:before
{
-webkit-transform
:
scale
(
1
,
-1
);
-moz-transform
:
scale
(
1
,
-1
);
-ms-transform
:
scale
(
1
,
-1
);
-o-transform
:
scale
(
1
,
-1
);
transform
:
scale
(
1
,
-1
)}
a
.icon-rotate-90
:before
,
a
.icon-rotate-180
:before
,
a
.icon-rotate-270
:before
,
a
.icon-flip-horizontal
:before
,
a
.icon-flip-vertical
:before
{
display
:
inline-block
}
.icon-glass
:before
{
content
:
"\f000"
}
.icon-music
:before
{
content
:
"\f001"
}
.icon-search
:before
{
content
:
"\f002"
}
.icon-envelope-alt
:before
{
content
:
"\f003"
}
.icon-heart
:before
{
content
:
"\f004"
}
.icon-star
:before
{
content
:
"\f005"
}
.icon-star-empty
:before
{
content
:
"\f006"
}
.icon-user
:before
{
content
:
"\f007"
}
.icon-film
:before
{
content
:
"\f008"
}
.icon-th-large
:before
{
content
:
"\f009"
}
.icon-th
:before
{
content
:
"\f00a"
}
.icon-th-list
:before
{
content
:
"\f00b"
}
.icon-ok
:before
{
content
:
"\f00c"
}
.icon-remove
:before
{
content
:
"\f00d"
}
.icon-zoom-in
:before
{
content
:
"\f00e"
}
.icon-zoom-out
:before
{
content
:
"\f010"
}
.icon-power-off
:before
,
.icon-off
:before
{
content
:
"\f011"
}
.icon-signal
:before
{
content
:
"\f012"
}
.icon-gear
:before
,
.icon-cog
:before
{
content
:
"\f013"
}
.icon-trash
:before
{
content
:
"\f014"
}
.icon-home
:before
{
content
:
"\f015"
}
.icon-file-alt
:before
{
content
:
"\f016"
}
.icon-time
:before
{
content
:
"\f017"
}
.icon-road
:before
{
content
:
"\f018"
}
.icon-download-alt
:before
{
content
:
"\f019"
}
.icon-download
:before
{
content
:
"\f01a"
}
.icon-upload
:before
{
content
:
"\f01b"
}
.icon-inbox
:before
{
content
:
"\f01c"
}
.icon-play-circle
:before
{
content
:
"\f01d"
}
.icon-rotate-right
:before
,
.icon-repeat
:before
{
content
:
"\f01e"
}
.icon-refresh
:before
{
content
:
"\f021"
}
.icon-list-alt
:before
{
content
:
"\f022"
}
.icon-lock
:before
{
content
:
"\f023"
}
.icon-flag
:before
{
content
:
"\f024"
}
.icon-headphones
:before
{
content
:
"\f025"
}
.icon-volume-off
:before
{
content
:
"\f026"
}
.icon-volume-down
:before
{
content
:
"\f027"
}
.icon-volume-up
:before
{
content
:
"\f028"
}
.icon-qrcode
:before
{
content
:
"\f029"
}
.icon-barcode
:before
{
content
:
"\f02a"
}
.icon-tag
:before
{
content
:
"\f02b"
}
.icon-tags
:before
{
content
:
"\f02c"
}
.icon-book
:before
{
content
:
"\f02d"
}
.icon-bookmark
:before
{
content
:
"\f02e"
}
.icon-print
:before
{
content
:
"\f02f"
}
.icon-camera
:before
{
content
:
"\f030"
}
.icon-font
:before
{
content
:
"\f031"
}
.icon-bold
:before
{
content
:
"\f032"
}
.icon-italic
:before
{
content
:
"\f033"
}
.icon-text-height
:before
{
content
:
"\f034"
}
.icon-text-width
:before
{
content
:
"\f035"
}
.icon-align-left
:before
{
content
:
"\f036"
}
.icon-align-center
:before
{
content
:
"\f037"
}
.icon-align-right
:before
{
content
:
"\f038"
}
.icon-align-justify
:before
{
content
:
"\f039"
}
.icon-list
:before
{
content
:
"\f03a"
}
.icon-indent-left
:before
{
content
:
"\f03b"
}
.icon-indent-right
:before
{
content
:
"\f03c"
}
.icon-facetime-video
:before
{
content
:
"\f03d"
}
.icon-picture
:before
{
content
:
"\f03e"
}
.icon-pencil
:before
{
content
:
"\f040"
}
.icon-map-marker
:before
{
content
:
"\f041"
}
.icon-adjust
:before
{
content
:
"\f042"
}
.icon-tint
:before
{
content
:
"\f043"
}
.icon-edit
:before
{
content
:
"\f044"
}
.icon-share
:before
{
content
:
"\f045"
}
.icon-check
:before
{
content
:
"\f046"
}
.icon-move
:before
{
content
:
"\f047"
}
.icon-step-backward
:before
{
content
:
"\f048"
}
.icon-fast-backward
:before
{
content
:
"\f049"
}
.icon-backward
:before
{
content
:
"\f04a"
}
.icon-play
:before
{
content
:
"\f04b"
}
.icon-pause
:before
{
content
:
"\f04c"
}
.icon-stop
:before
{
content
:
"\f04d"
}
.icon-forward
:before
{
content
:
"\f04e"
}
.icon-fast-forward
:before
{
content
:
"\f050"
}
.icon-step-forward
:before
{
content
:
"\f051"
}
.icon-eject
:before
{
content
:
"\f052"
}
.icon-chevron-left
:before
{
content
:
"\f053"
}
.icon-chevron-right
:before
{
content
:
"\f054"
}
.icon-plus-sign
:before
{
content
:
"\f055"
}
.icon-minus-sign
:before
{
content
:
"\f056"
}
.icon-remove-sign
:before
{
content
:
"\f057"
}
.icon-ok-sign
:before
{
content
:
"\f058"
}
.icon-question-sign
:before
{
content
:
"\f059"
}
.icon-info-sign
:before
{
content
:
"\f05a"
}
.icon-screenshot
:before
{
content
:
"\f05b"
}
.icon-remove-circle
:before
{
content
:
"\f05c"
}
.icon-ok-circle
:before
{
content
:
"\f05d"
}
.icon-ban-circle
:before
{
content
:
"\f05e"
}
.icon-arrow-left
:before
{
content
:
"\f060"
}
.icon-arrow-right
:before
{
content
:
"\f061"
}
.icon-arrow-up
:before
{
content
:
"\f062"
}
.icon-arrow-down
:before
{
content
:
"\f063"
}
.icon-mail-forward
:before
,
.icon-share-alt
:before
{
content
:
"\f064"
}
.icon-resize-full
:before
{
content
:
"\f065"
}
.icon-resize-small
:before
{
content
:
"\f066"
}
.icon-plus
:before
{
content
:
"\f067"
}
.icon-minus
:before
{
content
:
"\f068"
}
.icon-asterisk
:before
{
content
:
"\f069"
}
.icon-exclamation-sign
:before
{
content
:
"\f06a"
}
.icon-gift
:before
{
content
:
"\f06b"
}
.icon-leaf
:before
{
content
:
"\f06c"
}
.icon-fire
:before
{
content
:
"\f06d"
}
.icon-eye-open
:before
{
content
:
"\f06e"
}
.icon-eye-close
:before
{
content
:
"\f070"
}
.icon-warning-sign
:before
{
content
:
"\f071"
}
.icon-plane
:before
{
content
:
"\f072"
}
.icon-calendar
:before
{
content
:
"\f073"
}
.icon-random
:before
{
content
:
"\f074"
}
.icon-comment
:before
{
content
:
"\f075"
}
.icon-magnet
:before
{
content
:
"\f076"
}
.icon-chevron-up
:before
{
content
:
"\f077"
}
.icon-chevron-down
:before
{
content
:
"\f078"
}
.icon-retweet
:before
{
content
:
"\f079"
}
.icon-shopping-cart
:before
{
content
:
"\f07a"
}
.icon-folder-close
:before
{
content
:
"\f07b"
}
.icon-folder-open
:before
{
content
:
"\f07c"
}
.icon-resize-vertical
:before
{
content
:
"\f07d"
}
.icon-resize-horizontal
:before
{
content
:
"\f07e"
}
.icon-bar-chart
:before
{
content
:
"\f080"
}
.icon-twitter-sign
:before
{
content
:
"\f081"
}
.icon-facebook-sign
:before
{
content
:
"\f082"
}
.icon-camera-retro
:before
{
content
:
"\f083"
}
.icon-key
:before
{
content
:
"\f084"
}
.icon-gears
:before
,
.icon-cogs
:before
{
content
:
"\f085"
}
.icon-comments
:before
{
content
:
"\f086"
}
.icon-thumbs-up-alt
:before
{
content
:
"\f087"
}
.icon-thumbs-down-alt
:before
{
content
:
"\f088"
}
.icon-star-half
:before
{
content
:
"\f089"
}
.icon-heart-empty
:before
{
content
:
"\f08a"
}
.icon-signout
:before
{
content
:
"\f08b"
}
.icon-linkedin-sign
:before
{
content
:
"\f08c"
}
.icon-pushpin
:before
{
content
:
"\f08d"
}
.icon-external-link
:before
{
content
:
"\f08e"
}
.icon-signin
:before
{
content
:
"\f090"
}
.icon-trophy
:before
{
content
:
"\f091"
}
.icon-github-sign
:before
{
content
:
"\f092"
}
.icon-upload-alt
:before
{
content
:
"\f093"
}
.icon-lemon
:before
{
content
:
"\f094"
}
.icon-phone
:before
{
content
:
"\f095"
}
.icon-unchecked
:before
,
.icon-check-empty
:before
{
content
:
"\f096"
}
.icon-bookmark-empty
:before
{
content
:
"\f097"
}
.icon-phone-sign
:before
{
content
:
"\f098"
}
.icon-twitter
:before
{
content
:
"\f099"
}
.icon-facebook
:before
{
content
:
"\f09a"
}
.icon-github
:before
{
content
:
"\f09b"
}
.icon-unlock
:before
{
content
:
"\f09c"
}
.icon-credit-card
:before
{
content
:
"\f09d"
}
.icon-rss
:before
{
content
:
"\f09e"
}
.icon-hdd
:before
{
content
:
"\f0a0"
}
.icon-bullhorn
:before
{
content
:
"\f0a1"
}
.icon-bell
:before
{
content
:
"\f0a2"
}
.icon-certificate
:before
{
content
:
"\f0a3"
}
.icon-hand-right
:before
{
content
:
"\f0a4"
}
.icon-hand-left
:before
{
content
:
"\f0a5"
}
.icon-hand-up
:before
{
content
:
"\f0a6"
}
.icon-hand-down
:before
{
content
:
"\f0a7"
}
.icon-circle-arrow-left
:before
{
content
:
"\f0a8"
}
.icon-circle-arrow-right
:before
{
content
:
"\f0a9"
}
.icon-circle-arrow-up
:before
{
content
:
"\f0aa"
}
.icon-circle-arrow-down
:before
{
content
:
"\f0ab"
}
.icon-globe
:before
{
content
:
"\f0ac"
}
.icon-wrench
:before
{
content
:
"\f0ad"
}
.icon-tasks
:before
{
content
:
"\f0ae"
}
.icon-filter
:before
{
content
:
"\f0b0"
}
.icon-briefcase
:before
{
content
:
"\f0b1"
}
.icon-fullscreen
:before
{
content
:
"\f0b2"
}
.icon-group
:before
{
content
:
"\f0c0"
}
.icon-link
:before
{
content
:
"\f0c1"
}
.icon-cloud
:before
{
content
:
"\f0c2"
}
.icon-beaker
:before
{
content
:
"\f0c3"
}
.icon-cut
:before
{
content
:
"\f0c4"
}
.icon-copy
:before
{
content
:
"\f0c5"
}
.icon-paperclip
:before
,
.icon-paper-clip
:before
{
content
:
"\f0c6"
}
.icon-save
:before
{
content
:
"\f0c7"
}
.icon-sign-blank
:before
{
content
:
"\f0c8"
}
.icon-reorder
:before
{
content
:
"\f0c9"
}
.icon-list-ul
:before
{
content
:
"\f0ca"
}
.icon-list-ol
:before
{
content
:
"\f0cb"
}
.icon-strikethrough
:before
{
content
:
"\f0cc"
}
.icon-underline
:before
{
content
:
"\f0cd"
}
.icon-table
:before
{
content
:
"\f0ce"
}
.icon-magic
:before
{
content
:
"\f0d0"
}
.icon-truck
:before
{
content
:
"\f0d1"
}
.icon-pinterest
:before
{
content
:
"\f0d2"
}
.icon-pinterest-sign
:before
{
content
:
"\f0d3"
}
.icon-google-plus-sign
:before
{
content
:
"\f0d4"
}
.icon-google-plus
:before
{
content
:
"\f0d5"
}
.icon-money
:before
{
content
:
"\f0d6"
}
.icon-caret-down
:before
{
content
:
"\f0d7"
}
.icon-caret-up
:before
{
content
:
"\f0d8"
}
.icon-caret-left
:before
{
content
:
"\f0d9"
}
.icon-caret-right
:before
{
content
:
"\f0da"
}
.icon-columns
:before
{
content
:
"\f0db"
}
.icon-sort
:before
{
content
:
"\f0dc"
}
.icon-sort-down
:before
{
content
:
"\f0dd"
}
.icon-sort-up
:before
{
content
:
"\f0de"
}
.icon-envelope
:before
{
content
:
"\f0e0"
}
.icon-linkedin
:before
{
content
:
"\f0e1"
}
.icon-rotate-left
:before
,
.icon-undo
:before
{
content
:
"\f0e2"
}
.icon-legal
:before
{
content
:
"\f0e3"
}
.icon-dashboard
:before
{
content
:
"\f0e4"
}
.icon-comment-alt
:before
{
content
:
"\f0e5"
}
.icon-comments-alt
:before
{
content
:
"\f0e6"
}
.icon-bolt
:before
{
content
:
"\f0e7"
}
.icon-sitemap
:before
{
content
:
"\f0e8"
}
.icon-umbrella
:before
{
content
:
"\f0e9"
}
.icon-paste
:before
{
content
:
"\f0ea"
}
.icon-lightbulb
:before
{
content
:
"\f0eb"
}
.icon-exchange
:before
{
content
:
"\f0ec"
}
.icon-cloud-download
:before
{
content
:
"\f0ed"
}
.icon-cloud-upload
:before
{
content
:
"\f0ee"
}
.icon-user-md
:before
{
content
:
"\f0f0"
}
.icon-stethoscope
:before
{
content
:
"\f0f1"
}
.icon-suitcase
:before
{
content
:
"\f0f2"
}
.icon-bell-alt
:before
{
content
:
"\f0f3"
}
.icon-coffee
:before
{
content
:
"\f0f4"
}
.icon-food
:before
{
content
:
"\f0f5"
}
.icon-file-text-alt
:before
{
content
:
"\f0f6"
}
.icon-building
:before
{
content
:
"\f0f7"
}
.icon-hospital
:before
{
content
:
"\f0f8"
}
.icon-ambulance
:before
{
content
:
"\f0f9"
}
.icon-medkit
:before
{
content
:
"\f0fa"
}
.icon-fighter-jet
:before
{
content
:
"\f0fb"
}
.icon-beer
:before
{
content
:
"\f0fc"
}
.icon-h-sign
:before
{
content
:
"\f0fd"
}
.icon-plus-sign-alt
:before
{
content
:
"\f0fe"
}
.icon-double-angle-left
:before
{
content
:
"\f100"
}
.icon-double-angle-right
:before
{
content
:
"\f101"
}
.icon-double-angle-up
:before
{
content
:
"\f102"
}
.icon-double-angle-down
:before
{
content
:
"\f103"
}
.icon-angle-left
:before
{
content
:
"\f104"
}
.icon-angle-right
:before
{
content
:
"\f105"
}
.icon-angle-up
:before
{
content
:
"\f106"
}
.icon-angle-down
:before
{
content
:
"\f107"
}
.icon-desktop
:before
{
content
:
"\f108"
}
.icon-laptop
:before
{
content
:
"\f109"
}
.icon-tablet
:before
{
content
:
"\f10a"
}
.icon-mobile-phone
:before
{
content
:
"\f10b"
}
.icon-circle-blank
:before
{
content
:
"\f10c"
}
.icon-quote-left
:before
{
content
:
"\f10d"
}
.icon-quote-right
:before
{
content
:
"\f10e"
}
.icon-spinner
:before
{
content
:
"\f110"
}
.icon-circle
:before
{
content
:
"\f111"
}
.icon-mail-reply
:before
,
.icon-reply
:before
{
content
:
"\f112"
}
.icon-github-alt
:before
{
content
:
"\f113"
}
.icon-folder-close-alt
:before
{
content
:
"\f114"
}
.icon-folder-open-alt
:before
{
content
:
"\f115"
}
.icon-expand-alt
:before
{
content
:
"\f116"
}
.icon-collapse-alt
:before
{
content
:
"\f117"
}
.icon-smile
:before
{
content
:
"\f118"
}
.icon-frown
:before
{
content
:
"\f119"
}
.icon-meh
:before
{
content
:
"\f11a"
}
.icon-gamepad
:before
{
content
:
"\f11b"
}
.icon-keyboard
:before
{
content
:
"\f11c"
}
.icon-flag-alt
:before
{
content
:
"\f11d"
}
.icon-flag-checkered
:before
{
content
:
"\f11e"
}
.icon-terminal
:before
{
content
:
"\f120"
}
.icon-code
:before
{
content
:
"\f121"
}
.icon-reply-all
:before
{
content
:
"\f122"
}
.icon-mail-reply-all
:before
{
content
:
"\f122"
}
.icon-star-half-full
:before
,
.icon-star-half-empty
:before
{
content
:
"\f123"
}
.icon-location-arrow
:before
{
content
:
"\f124"
}
.icon-crop
:before
{
content
:
"\f125"
}
.icon-code-fork
:before
{
content
:
"\f126"
}
.icon-unlink
:before
{
content
:
"\f127"
}
.icon-question
:before
{
content
:
"\f128"
}
.icon-info
:before
{
content
:
"\f129"
}
.icon-exclamation
:before
{
content
:
"\f12a"
}
.icon-superscript
:before
{
content
:
"\f12b"
}
.icon-subscript
:before
{
content
:
"\f12c"
}
.icon-eraser
:before
{
content
:
"\f12d"
}
.icon-puzzle-piece
:before
{
content
:
"\f12e"
}
.icon-microphone
:before
{
content
:
"\f130"
}
.icon-microphone-off
:before
{
content
:
"\f131"
}
.icon-shield
:before
{
content
:
"\f132"
}
.icon-calendar-empty
:before
{
content
:
"\f133"
}
.icon-fire-extinguisher
:before
{
content
:
"\f134"
}
.icon-rocket
:before
{
content
:
"\f135"
}
.icon-maxcdn
:before
{
content
:
"\f136"
}
.icon-chevron-sign-left
:before
{
content
:
"\f137"
}
.icon-chevron-sign-right
:before
{
content
:
"\f138"
}
.icon-chevron-sign-up
:before
{
content
:
"\f139"
}
.icon-chevron-sign-down
:before
{
content
:
"\f13a"
}
.icon-html5
:before
{
content
:
"\f13b"
}
.icon-css3
:before
{
content
:
"\f13c"
}
.icon-anchor
:before
{
content
:
"\f13d"
}
.icon-unlock-alt
:before
{
content
:
"\f13e"
}
.icon-bullseye
:before
{
content
:
"\f140"
}
.icon-ellipsis-horizontal
:before
{
content
:
"\f141"
}
.icon-ellipsis-vertical
:before
{
content
:
"\f142"
}
.icon-rss-sign
:before
{
content
:
"\f143"
}
.icon-play-sign
:before
{
content
:
"\f144"
}
.icon-ticket
:before
{
content
:
"\f145"
}
.icon-minus-sign-alt
:before
{
content
:
"\f146"
}
.icon-check-minus
:before
{
content
:
"\f147"
}
.icon-level-up
:before
{
content
:
"\f148"
}
.icon-level-down
:before
{
content
:
"\f149"
}
.icon-check-sign
:before
{
content
:
"\f14a"
}
.icon-edit-sign
:before
{
content
:
"\f14b"
}
.icon-external-link-sign
:before
{
content
:
"\f14c"
}
.icon-share-sign
:before
{
content
:
"\f14d"
}
.icon-compass
:before
{
content
:
"\f14e"
}
.icon-collapse
:before
{
content
:
"\f150"
}
.icon-collapse-top
:before
{
content
:
"\f151"
}
.icon-expand
:before
{
content
:
"\f152"
}
.icon-euro
:before
,
.icon-eur
:before
{
content
:
"\f153"
}
.icon-gbp
:before
{
content
:
"\f154"
}
.icon-dollar
:before
,
.icon-usd
:before
{
content
:
"\f155"
}
.icon-rupee
:before
,
.icon-inr
:before
{
content
:
"\f156"
}
.icon-yen
:before
,
.icon-jpy
:before
{
content
:
"\f157"
}
.icon-renminbi
:before
,
.icon-cny
:before
{
content
:
"\f158"
}
.icon-won
:before
,
.icon-krw
:before
{
content
:
"\f159"
}
.icon-bitcoin
:before
,
.icon-btc
:before
{
content
:
"\f15a"
}
.icon-file
:before
{
content
:
"\f15b"
}
.icon-file-text
:before
{
content
:
"\f15c"
}
.icon-sort-by-alphabet
:before
{
content
:
"\f15d"
}
.icon-sort-by-alphabet-alt
:before
{
content
:
"\f15e"
}
.icon-sort-by-attributes
:before
{
content
:
"\f160"
}
.icon-sort-by-attributes-alt
:before
{
content
:
"\f161"
}
.icon-sort-by-order
:before
{
content
:
"\f162"
}
.icon-sort-by-order-alt
:before
{
content
:
"\f163"
}
.icon-thumbs-up
:before
{
content
:
"\f164"
}
.icon-thumbs-down
:before
{
content
:
"\f165"
}
.icon-youtube-sign
:before
{
content
:
"\f166"
}
.icon-youtube
:before
{
content
:
"\f167"
}
.icon-xing
:before
{
content
:
"\f168"
}
.icon-xing-sign
:before
{
content
:
"\f169"
}
.icon-youtube-play
:before
{
content
:
"\f16a"
}
.icon-dropbox
:before
{
content
:
"\f16b"
}
.icon-stackexchange
:before
{
content
:
"\f16c"
}
.icon-instagram
:before
{
content
:
"\f16d"
}
.icon-flickr
:before
{
content
:
"\f16e"
}
.icon-adn
:before
{
content
:
"\f170"
}
.icon-bitbucket
:before
{
content
:
"\f171"
}
.icon-bitbucket-sign
:before
{
content
:
"\f172"
}
.icon-tumblr
:before
{
content
:
"\f173"
}
.icon-tumblr-sign
:before
{
content
:
"\f174"
}
.icon-long-arrow-down
:before
{
content
:
"\f175"
}
.icon-long-arrow-up
:before
{
content
:
"\f176"
}
.icon-long-arrow-left
:before
{
content
:
"\f177"
}
.icon-long-arrow-right
:before
{
content
:
"\f178"
}
.icon-apple
:before
{
content
:
"\f179"
}
.icon-windows
:before
{
content
:
"\f17a"
}
.icon-android
:before
{
content
:
"\f17b"
}
.icon-linux
:before
{
content
:
"\f17c"
}
.icon-dribbble
:before
{
content
:
"\f17d"
}
.icon-skype
:before
{
content
:
"\f17e"
}
.icon-foursquare
:before
{
content
:
"\f180"
}
.icon-trello
:before
{
content
:
"\f181"
}
.icon-female
:before
{
content
:
"\f182"
}
.icon-male
:before
{
content
:
"\f183"
}
.icon-gittip
:before
{
content
:
"\f184"
}
.icon-sun
:before
{
content
:
"\f185"
}
.icon-moon
:before
{
content
:
"\f186"
}
.icon-archive
:before
{
content
:
"\f187"
}
.icon-bug
:before
{
content
:
"\f188"
}
.icon-vk
:before
{
content
:
"\f189"
}
.icon-weibo
:before
{
content
:
"\f18a"
}
.icon-renren
:before
{
content
:
"\f18b"
}
@-webkit-keyframes
fadeIn
{
0
%
{
opacity
:
0.0
}
50
%
{
opacity
:
0.5
}
100
%
{
opacity
:
1.0
}}
@-moz-keyframes
fadeIn
{
0
%
{
opacity
:
0.0
}
50
%
{
opacity
:
0.5
}
100
%
{
opacity
:
1.0
}}
@-o-keyframes
fadeIn
{
0
%
{
opacity
:
0.0
}
50
%
{
opacity
:
0.5
}
100
%
{
opacity
:
1.0
}}
@keyframes
fadeIn
{
0
%
{
opacity
:
0.0
}
50
%
{
opacity
:
0.5
}
100
%
{
opacity
:
1.0
}}
.anim-fadeIn
{
-webkit-animation
:
fadeIn
0.25s
linear
1
;
-moz-animation
:
fadeIn
0.25s
linear
1
;
animation
:
fadeIn
0.25s
linear
1
}
@-webkit-keyframes
fadeOut
{
0
%
{
opacity
:
1.0
}
50
%
{
opacity
:
0.5
}
100
%
{
opacity
:
0.0
}}
@-moz-keyframes
fadeOut
{
0
%
{
opacity
:
1.0
}
50
%
{
opacity
:
0.5
}
100
%
{
opacity
:
0.0
}}
@-o-keyframes
fadeOut
{
0
%
{
opacity
:
1.0
}
50
%
{
opacity
:
0.5
}
100
%
{
opacity
:
0.0
}}
@keyframes
fadeOut
{
0
%
{
opacity
:
1.0
}
50
%
{
opacity
:
0.5
}
100
%
{
opacity
:
0.0
}}
.anim-fadeOut
{
-webkit-animation
:
fadeOut
0.25s
linear
1
;
-moz-animation
:
fadeOut
0.25s
linear
1
;
animation
:
fadeOut
0.25s
linear
1
}
@-webkit-keyframes
rotateUp
{
0
%
{
-webkit-transform
:
rotate
(
0deg
)}
50
%
{
-webkit-transform
:
rotate
(
-90deg
)}
100
%
{
-webkit-transform
:
rotate
(
-180deg
)}}
@-moz-keyframes
rotateUp
{
0
%
{
-moz-transform
:
rotate
(
0deg
)}
50
%
{
-moz-transform
:
rotate
(
-90deg
)}
100
%
{
-moz-transform
:
rotate
(
-180deg
)}}
@-o-keyframes
rotateUp
{
0
%
{
-o-transform
:
rotate
(
0deg
)}
50
%
{
-o-transform
:
rotate
(
-90deg
)}
100
%
{
-o-transform
:
rotate
(
-180deg
)}}
@keyframes
rotateUp
{
0
%
{
transform
:
rotate
(
0deg
)}
50
%
{
transform
:
rotate
(
-90deg
)}
100
%
{
transform
:
rotate
(
-180deg
)}}
.anim-rotateUp
{
-webkit-animation
:
rotateUp
0.25s
ease-in-out
1
;
-moz-animation
:
rotateUp
0.25s
ease-in-out
1
;
animation
:
rotateUp
0.25s
ease-in-out
1
}
@-webkit-keyframes
rotateDown
{
0
%
{
-webkit-transform
:
rotate
(
0deg
)}
50
%
{
-webkit-transform
:
rotate
(
90deg
)}
100
%
{
-webkit-transform
:
rotate
(
180deg
)}}
@-moz-keyframes
rotateDown
{
0
%
{
-moz-transform
:
rotate
(
0deg
)}
50
%
{
-moz-transform
:
rotate
(
90deg
)}
100
%
{
-moz-transform
:
rotate
(
180deg
)}}
@-o-keyframes
rotateDown
{
0
%
{
-o-transform
:
rotate
(
0deg
)}
50
%
{
-o-transform
:
rotate
(
90deg
)}
100
%
{
-o-transform
:
rotate
(
180deg
)}}
@keyframes
rotateDown
{
0
%
{
transform
:
rotate
(
0deg
)}
50
%
{
transform
:
rotate
(
90deg
)}
100
%
{
transform
:
rotate
(
180deg
)}}
.anim-rotateDown
{
-webkit-animation
:
rotateDown
0.25s
ease-in-out
1
;
-moz-animation
:
rotateDown
0.25s
ease-in-out
1
;
animation
:
rotateDown
0.25s
ease-in-out
1
}
@-webkit-keyframes
rotateCW
{
0
%
{
-webkit-transform
:
rotate
(
0deg
)}
50
%
{
-webkit-transform
:
rotate
(
180deg
)}
100
%
{
-webkit-transform
:
rotate
(
360deg
)}}
@-moz-keyframes
rotateCW
{
0
%
{
-moz-transform
:
rotate
(
0deg
)}
50
%
{
-moz-transform
:
rotate
(
180deg
)}
100
%
{
-moz-transform
:
rotate
(
360deg
)}}
@-o-keyframes
rotateCW
{
0
%
{
-o-transform
:
rotate
(
0deg
)}
50
%
{
-o-transform
:
rotate
(
180deg
)}
100
%
{
-o-transform
:
rotate
(
360deg
)}}
@keyframes
rotateCW
{
0
%
{
transform
:
rotate
(
0deg
)}
50
%
{
transform
:
rotate
(
180deg
)}
100
%
{
transform
:
rotate
(
360deg
)}}
.anim-rotateCW
{
-webkit-animation
:
rotateCW
1s
linear
infinite
;
-moz-animation
:
rotateCW
1s
linear
infinite
;
animation
:
rotateCW
1s
linear
infinite
}
@-webkit-keyframes
rotateCCW
{
0
%
{
-webkit-transform
:
rotate
(
0deg
)}
50
%
{
-webkit-transform
:
rotate
(
-180deg
)}
100
%
{
-webkit-transform
:
rotate
(
-360deg
)}}
@-moz-keyframes
rotateCCW
{
0
%
{
-moz-transform
:
rotate
(
0deg
)}
50
%
{
-moz-transform
:
rotate
(
-180deg
)}
100
%
{
-moz-transform
:
rotate
(
-360deg
)}}
@-o-keyframes
rotateCCW
{
0
%
{
-o-transform
:
rotate
(
0deg
)}
50
%
{
-o-transform
:
rotate
(
-180deg
)}
100
%
{
-o-transform
:
rotate
(
-360deg
)}}
@keyframes
rotateCCW
{
0
%
{
transform
:
rotate
(
0deg
)}
50
%
{
transform
:
rotate
(
-180deg
)}
100
%
{
transform
:
rotate
(
-360deg
)}}
.anim-rotateCCW
{
-webkit-animation
:
rotateCCW
1s
linear
infinite
;
-moz-animation
:
rotateCCW
1s
linear
infinite
;
animation
:
rotateCCW
1s
linear
infinite
}
@-webkit-keyframes
bounceIn
{
0
%
{
opacity
:
0.0
;
-webkit-transform
:
scale
(
0.3
)}
50
%
{
opacity
:
1.0
;
-webkit-transform
:
scale
(
1.05
)}
100
%
{
-webkit-transform
:
scale
(
1
)}}
@-moz-keyframes
bounceIn
{
0
%
{
opacity
:
0.0
;
-moz-transform
:
scale
(
0.3
)}
50
%
{
opacity
:
1.0
;
-moz-transform
:
scale
(
1.05
)}
100
%
{
-moz-transform
:
scale
(
1
)}}
@-o-keyframes
bounceIn
{
0
%
{
opacity
:
0.0
;
-o-transform
:
scale
(
0.3
)}
50
%
{
opacity
:
1.0
;
-o-transform
:
scale
(
1.05
)}
100
%
{
-o-transform
:
scale
(
1
)}}
@keyframes
bounceIn
{
0
%
{
opacity
:
0.0
;
transform
:
scale
(
0.3
)}
50
%
{
opacity
:
1.0
;
transform
:
scale
(
1.05
)}
100
%
{
transform
:
scale
(
1
)}}
.anim-bounceIn
{
-webkit-animation
:
bounceIn
0.5s
ease-in-out
1
;
-moz-animation
:
bounceIn
0.5s
ease-in-out
1
;
animation
:
bounceIn
0.5s
ease-in-out
1
}
@-webkit-keyframes
bounceOut
{
0
%
{
-webkit-transform
:
scale
(
1
)}
50
%
{
opacity
:
1.0
;
-webkit-transform
:
scale
(
1.05
)}
100
%
{
opacity
:
0.0
;
-webkit-transform
:
scale
(
0.3
)}}
@-moz-keyframes
bounceOut
{
0
%
{
-moz-transform
:
scale
(
1
)}
50
%
{
opacity
:
1.0
;
-moz-transform
:
scale
(
1.05
)}
100
%
{
opacity
:
0.0
;
-moz-transform
:
scale
(
0.3
)}}
@-o-keyframes
bounceOut
{
0
%
{
-o-transform
:
scale
(
1
)}
50
%
{
opacity
:
1.0
;
-o-transform
:
scale
(
1.05
)}
100
%
{
opacity
:
0.0
;
-o-transform
:
scale
(
0.3
)}}
@keyframes
bounceOut
{
0
%
{
transform
:
scale
(
1
)}
50
%
{
opacity
:
1.0
;
transform
:
scale
(
1.05
)}
100
%
{
opacity
:
0.0
;
transform
:
scale
(
0.3
)}}
.anim-bounceOut
{
-webkit-animation
:
bounceOut
0.5s
ease-in-out
1
;
-moz-animation
:
bounceOut
0.5s
ease-in-out
1
;
animation
:
bounceOut
0.5s
ease-in-out
1
}
html
{
font-size
:
62.5%
;
overflow-y
:
scroll
}
body
{
font-size
:
16px
;
font-size
:
1.6rem
}
[
class
^=
"content"
]
a
{
-webkit-transition
:
color
0.75s
ease-in-out
,
border
0.75s
ease-in-out
;
-moz-transition
:
color
0.75s
ease-in-out
,
border
0.75s
ease-in-out
;
transition
:
color
0.75s
ease-in-out
,
border
0.75s
ease-in-out
;
text-decoration
:
none
}
[
class
^=
"content"
]
a
:link
,[
class
^=
"content"
]
a
:visited
{
color
:
#299acd
;
border-bottom
:
1px
solid
transparent
}
[
class
^=
"content"
]
a
:hover
,[
class
^=
"content"
]
a
:active
{
color
:
#05a8f1
;
border-bottom
:
1px
solid
#05a8f1
}
[
class
^=
"wrapper-"
]
{
padding
:
0
}
[
class
^=
"wrapper-"
]>*
{
margin
:
0
auto
}
.view--index
.header__tagline
,
.view--index
.list--docs
.item-audience__title
,
.view--index
.list--docs
.list--links
.item-link__title
,
.view--index
.content__supplementary
.info__title
{
font-family
:
"Open Sans"
,
"Helvetica Neue"
,
Helvetica
,
Arial
,
sans-serif
}
.view--index
.logo-docs
{
font-size
:
72px
;
font-size
:
7.2rem
;
line-height
:
111.6px
;
line-height
:
11.16rem
}
.view--index
.header__tagline
{
font-size
:
24px
;
font-size
:
2.4rem
;
line-height
:
37.2px
;
line-height
:
3.72rem
}
.view--index
.list--docs
.item-audience__title
{
font-size
:
18px
;
font-size
:
1.8rem
;
line-height
:
27.9px
;
line-height
:
2.79rem
}
.view--index
.list--docs
.list--links
.item-link__title
,
.view--index
.content__supplementary
.info__title
{
font-size
:
14px
;
font-size
:
1.4rem
;
line-height
:
21.7px
;
line-height
:
2.17rem
}
body
,
.view--index
.list--docs
.item-audience__copy
,
.view--index
.content__main
.introduction__copy
,
.wrapper-outer-footer
.wrapper-footer
footer
.primary
.privacy
,
.wrapper-outer-footer
.wrapper-footer
footer
.primary
.copyright
,
.view--index
.list--docs
.list--links
.item-link__copy
,
.view--index
.content__supplementary
.info__copy
,
.view--index
.footer--primary
.copyright__copy
{
font-family
:
"Open Sans"
,
"Helvetica Neue"
,
Helvetica
,
Arial
,
sans-serif
}
.view--index
.list--docs
.item-audience__copy
{
font-size
:
16px
;
font-size
:
1.6rem
;
line-height
:
24.8px
;
line-height
:
2.48rem
}
.view--index
.content__main
.introduction__copy
{
font-size
:
18px
;
font-size
:
1.8rem
;
line-height
:
27.9px
;
line-height
:
2.79rem
}
.wrapper-outer-footer
.wrapper-footer
footer
.primary
.privacy
,
.wrapper-outer-footer
.wrapper-footer
footer
.primary
.copyright
,
.view--index
.list--docs
.list--links
.item-link__copy
,
.view--index
.content__supplementary
.info__copy
,
.view--index
.footer--primary
.copyright__copy
{
font-size
:
14px
;
font-size
:
1.4rem
;
line-height
:
21.7px
;
line-height
:
2.17rem
}
.view--index
.list--docs
.icon-stack
{
font-size
:
24px
;
font-size
:
2.4rem
}
.view--index
.logo-docs
{
font-weight
:
300
}
.view--index
.header__tagline
{
font-weight
:
500
}
strong
,
.view--index
.list--docs
.item-audience__title
,
.view--index
.content__supplementary
.info__title
{
font-weight
:
600
}
.wrapper-ui-badge
{
position
:
absolute
;
top
:
-1px
;
left
:
30px
;
width
:
100%
}
.wrapper-outer-footer
{
box-shadow
:
inset
0
1px
1px
1px
rgba
(
0
,
0
,
0
,
0.1
);
display
:
inline-block
;
background
:
#0d6085
url("../images/bg-mast.png")
0
0
repeat
}
.wrapper-outer-footer
.wrapper-footer
{
max-width
:
1280px
;
margin-left
:
auto
;
margin-right
:
auto
;
padding
:
40px
60px
}
.wrapper-outer-footer
.wrapper-footer
:after
{
content
:
''
;
display
:
block
;
height
:
0
;
visibility
:
hidden
;
clear
:
both
}
@media
screen
and
(
max-width
:
500px
){
.wrapper-outer-footer
.wrapper-footer
{
padding
:
20px
40px
}}
.wrapper-outer-footer
.wrapper-footer
footer
.primary
{
display
:
block
;
float
:
left
;
margin-right
:
2.35765%
;
width
:
100%
;
color
:
#85888a
}
.wrapper-outer-footer
.wrapper-footer
footer
.primary
:last-child
{
margin-right
:
0
}
.wrapper-outer-footer
.wrapper-footer
footer
.primary
.copy
{
color
:
#d6d7d8
}
.wrapper-outer-footer
.wrapper-footer
footer
.primary
.privacy
{
text-align
:
right
}
.wrapper-outer-footer
.wrapper-footer
footer
.primary
.privacy
,
.wrapper-outer-footer
.wrapper-footer
footer
.primary
.copyright
{
display
:
block
;
float
:
left
;
margin-right
:
2.35765%
;
width
:
48.82117%
}
.wrapper-outer-footer
.wrapper-footer
footer
.primary
.privacy
:last-child
,
.wrapper-outer-footer
.wrapper-footer
footer
.primary
.copyright
:last-child
{
margin-right
:
0
}
@media
screen
and
(
min-width
:
500px
)
and
(
max-width
:
760px
){
.wrapper-outer-footer
.wrapper-footer
footer
.primary
.privacy
,
.wrapper-outer-footer
.wrapper-footer
footer
.primary
.copyright
{
width
:
100%
;
margin-bottom
:
10px
;
text-align
:
center
}}
@media
screen
and
(
max-width
:
500px
){
.wrapper-outer-footer
.wrapper-footer
footer
.primary
.privacy
,
.wrapper-outer-footer
.wrapper-footer
footer
.primary
.copyright
{
width
:
100%
;
margin-bottom
:
10px
;
text-align
:
center
}}
.wrapper-outer-footer
.wrapper-footer
footer
.primary
.privacy
a
,
.wrapper-outer-footer
.wrapper-footer
footer
.primary
.copyright
a
{
color
:
#f0f0f0
}
.view--index
{
border-top
:
5px
solid
#a2d9f2
;
background
:
#f0f0f0
url("../images/bg-subtlepatterns-carbonfiber.png")
0
0
repeat
}
.view--index
.wrapper--view
{
max-width
:
1280px
;
margin-left
:
auto
;
margin-right
:
auto
;
padding
:
40px
60px
}
.view--index
.wrapper--view
:after
{
content
:
''
;
display
:
block
;
height
:
0
;
visibility
:
hidden
;
clear
:
both
}
@media
screen
and
(
max-width
:
500px
){
.view--index
.wrapper--view
{
padding
:
20px
30px
}}
.view--index
*[
class
$
=
"__title"
]
{
color
:
#353a3d
}
.view--index
*[
class
$
=
"__copy"
]
{
color
:
#85888a
}
.view--index
*[
class
$
=
"__copy"
]
p
{
margin-bottom
:
20px
}
.view--index
.info
{
margin-bottom
:
40px
}
.view--index
.list--docs
.item-audience
:hover
.icon-stack-base
{
color
:
#85888a
}
.view--index
.list--docs
.item-audience
:hover
.item-audience__title
{
border-top-color
:
#85888a
}
.view--index
.list--docs
.icon-stack
{
position
:
absolute
;
top
:
-20px
;
left
:
-5px
}
.view--index
.list--docs
.icon-stack
.icon-stack-base
{
-webkit-transition
:
color
0.5s
ease-in-out
;
-moz-transition
:
color
0.5s
ease-in-out
;
transition
:
color
0.5s
ease-in-out
;
color
:
#eaebeb
}
.view--index
.list--docs
.icon-stack
.icon-light
{
font-size
:
20px
;
font-size
:
2rem
}
.view--index
.list--docs
.item-audience__title
{
-webkit-transition
:
border-color
0.5s
ease-in-out
;
-moz-transition
:
border-color
0.5s
ease-in-out
;
transition
:
border-color
0.5s
ease-in-out
;
margin-bottom
:
10px
;
border-top
:
5px
solid
#eaebeb
;
padding-top
:
30px
}
@media
screen
and
(
min-width
:
500px
)
and
(
max-width
:
760px
){
.view--index
.list--docs
.item-audience__copy
{
font-size
:
14px
;
font-size
:
1.4rem
;
line-height
:
21.7px
;
line-height
:
2.17rem
}}
@media
screen
and
(
max-width
:
500px
){
.view--index
.list--docs
.item-audience__copy
{
font-size
:
14px
;
font-size
:
1.4rem
;
line-height
:
21.7px
;
line-height
:
2.17rem
}}
.view--index
.list--docs
.list--links
{
margin-top
:
20px
}
.view--index
.list--docs
.list--links
.item-link
{
margin-bottom
:
20px
;
border-bottom
:
1px
solid
#eaebeb
;
padding-bottom
:
20px
}
.view--index
.list--docs
.list--links
.item-link__title
{
color
:
#299acd
}
.view--index
.list--docs
.list--links
.item-link__copy
{
-webkit-transition
:
color
0.5s
ease-in-out
;
-moz-transition
:
color
0.5s
ease-in-out
;
transition
:
color
0.5s
ease-in-out
;
color
:
#aeb0b1
}
.view--index
.list--docs
.item-link__action
{
-webkit-transition
:
background
0.5s
ease-in-out
;
-moz-transition
:
background
0.5s
ease-in-out
;
transition
:
background
0.5s
ease-in-out
}
.view--index
.list--docs
.item-link__action
:hover
.item-link__title
{
color
:
#05a8f1
}
.view--index
.list--docs
.item-link__action
:hover
.item-link__copy
{
color
:
#5d6163
}
.view--index
.list--docs
.item-link__action
:visited
{
opacity
:
0.9
}
.view--index
.introduction
{
margin-bottom
:
40px
}
.view--index
.wrapper--header
{
background
:
#17a1df
url("../images/bg-subtlepatterns-struckaxiom.png")
0
0
repeat
;
max-width
:
1280px
;
margin-left
:
auto
;
margin-right
:
auto
;
padding
:
0
80px
;
border-bottom
:
5px
solid
#17a1df
;
position
:
relative
}
.view--index
.wrapper--header
:after
{
content
:
''
;
display
:
block
;
height
:
0
;
visibility
:
hidden
;
clear
:
both
}
@media
screen
and
(
min-width
:
760px
)
and
(
max-width
:
1024px
){
.view--index
.wrapper--header
{
padding
:
0
80px
}}
@media
screen
and
(
min-width
:
500px
)
and
(
max-width
:
760px
){
.view--index
.wrapper--header
{
padding
:
0
40px
}}
@media
screen
and
(
max-width
:
500px
){
.view--index
.wrapper--header
{
padding
:
0
40px
}}
.view--index
.header--primary
{
display
:
block
;
float
:
left
;
margin-right
:
2.35765%
;
width
:
100%
;
position
:
relative
}
.view--index
.header--primary
:last-child
{
margin-right
:
0
}
.view--index
.wrapper--logo
{
display
:
block
;
float
:
left
;
margin-right
:
2.35765%
;
width
:
14.70196%
;
margin-left
:
42.64902%
;
position
:
relative
;
top
:
-10px
;
box-shadow
:
0
2px
2px
0
rgba
(
0
,
0
,
0
,
0.1
);
border-top
:
5px
solid
#05a8f1
;
padding
:
15px
20px
;
background
:
#fff
}
.view--index
.wrapper--logo
:last-child
{
margin-right
:
0
}
@media
screen
and
(
min-width
:
760px
)
and
(
max-width
:
1024px
){
.view--index
.wrapper--logo
{
display
:
block
;
float
:
left
;
margin-right
:
2.35765%
;
width
:
14.70196%
;
margin-left
:
42.64902%
}
.view--index
.wrapper--logo
:last-child
{
margin-right
:
0
}}
@media
screen
and
(
min-width
:
500px
)
and
(
max-width
:
760px
){
.view--index
.wrapper--logo
{
display
:
block
;
float
:
left
;
margin-right
:
4.82916%
;
width
:
30.11389%
;
margin-left
:
34.94305%
}
.view--index
.wrapper--logo
:last-child
{
margin-right
:
0
}}
@media
screen
and
(
max-width
:
500px
){
.view--index
.wrapper--logo
{
display
:
block
;
float
:
left
;
margin-right
:
4.82916%
;
width
:
30.11389%
;
margin-left
:
34.94305%
}
.view--index
.wrapper--logo
:last-child
{
margin-right
:
0
}}
.view--index
.wrapper--logo
*[
class
^=
"depth"
]
{
position
:
absolute
;
top
:
-5px
}
.view--index
.wrapper--logo
.depth-left
{
height
:
0
;
width
:
0
;
border-bottom
:
10px
solid
#094059
;
border-left
:
10px
solid
transparent
;
left
:
-10px
}
.view--index
.wrapper--logo
.depth-right
{
height
:
0
;
width
:
0
;
border-bottom
:
10px
solid
#094059
;
border-right
:
10px
solid
transparent
;
right
:
-10px
}
.view--index
.logo-edx
{
width
:
100%
;
height
:
100%
;
display
:
block
}
.view--index
.wrapper--title
{
display
:
block
;
float
:
left
;
margin-right
:
2.35765%
;
width
:
100%
;
position
:
relative
;
top
:
-40px
}
.view--index
.wrapper--title
:last-child
{
margin-right
:
0
}
@media
screen
and
(
min-width
:
760px
)
and
(
max-width
:
1024px
){
.view--index
.wrapper--title
{
top
:
-30px
}}
@media
screen
and
(
min-width
:
500px
)
and
(
max-width
:
760px
){
.view--index
.wrapper--title
{
top
:
-20px
}}
@media
screen
and
(
max-width
:
500px
){
.view--index
.wrapper--title
{
top
:
-10px
}}
.view--index
.logo-docs
{
display
:
block
;
margin-bottom
:
10px
;
color
:
#fff
}
@media
screen
and
(
min-width
:
500px
)
and
(
max-width
:
760px
){
.view--index
.logo-docs
{
font-size
:
48px
;
font-size
:
4.8rem
;
line-height
:
74.4px
;
line-height
:
7.44rem
}}
@media
screen
and
(
max-width
:
500px
){
.view--index
.logo-docs
{
font-size
:
36px
;
font-size
:
3.6rem
;
line-height
:
55.8px
;
line-height
:
5.58rem
}}
.view--index
.header__tagline
{
position
:
relative
;
top
:
-10px
;
color
:
#fff
}
@media
screen
and
(
min-width
:
500px
)
and
(
max-width
:
760px
){
.view--index
.header__tagline
{
font-size
:
20px
;
font-size
:
2rem
;
line-height
:
31px
;
line-height
:
3.1rem
}}
@media
screen
and
(
max-width
:
500px
){
.view--index
.header__tagline
{
font-size
:
18px
;
font-size
:
1.8rem
;
line-height
:
27.9px
;
line-height
:
2.79rem
}}
.view--index
.wrapper--deco
{
display
:
block
;
float
:
left
;
margin-right
:
2.35765%
;
width
:
31.76157%
}
.view--index
.wrapper--deco
:last-child
{
margin-right
:
0
}
.view--index
.deco
{
width
:
100%
;
height
:
100%
;
display
:
block
;
position
:
relative
;
overflow
:
hidden
}
.view--index
.deco
.icon-stack
.icon-stack-base
{
color
:
#1280b2
}
.view--index
.deco
.icon-stack
.icon-light
{
position
:
relative
;
top
:
20px
;
font-size
:
60px
;
font-size
:
6rem
;
color
:
#1280b2
}
.view--index
.deco
.deco__doc1
,
.view--index
.deco
.deco__doc2
,
.view--index
.deco
.deco__doc3
{
position
:
absolute
;
display
:
inline-block
;
top
:
0
}
.view--index
.deco
.deco__doc1
{
font-size
:
72px
;
font-size
:
7.2rem
;
left
:
-40px
}
.view--index
.deco
.deco__doc1
.icon-light
{
font-size
:
40px
;
font-size
:
4rem
;
top
:
15px
}
.view--index
.deco
.deco__doc2
{
font-size
:
100px
;
font-size
:
10rem
;
left
:
30px
}
.view--index
.deco
.deco__doc2
.icon-light
{
top
:
20px
}
.view--index
.deco
.deco__doc3
{
font-size
:
72px
;
font-size
:
7.2rem
;
right
:
-40px
}
.view--index
.deco
.deco__doc3
.icon-light
{
font-size
:
40px
;
font-size
:
4rem
;
top
:
15px
}
.view--index
.content--view
{
display
:
block
;
float
:
left
;
margin-right
:
2.35765%
;
width
:
100%
;
box-shadow
:
0
2px
2px
0
rgba
(
0
,
0
,
0
,
0.1
);
background
:
#fff
;
padding
:
60px
}
.view--index
.content--view
:last-child
{
margin-right
:
0
}
@media
screen
and
(
min-width
:
500px
)
and
(
max-width
:
760px
){
.view--index
.content--view
{
padding
:
40px
}}
@media
screen
and
(
max-width
:
500px
){
.view--index
.content--view
{
padding
:
40px
}}
.view--index
.content__main
{
display
:
block
;
float
:
left
;
margin-right
:
2.35765%
;
width
:
74.41059%
}
.view--index
.content__main
:last-child
{
margin-right
:
0
}
@media
screen
and
(
min-width
:
760px
)
and
(
max-width
:
1024px
){
.view--index
.content__main
{
width
:
100%
;
margin-bottom
:
60px
}}
@media
screen
and
(
min-width
:
500px
)
and
(
max-width
:
760px
){
.view--index
.content__main
{
width
:
100%
;
margin-bottom
:
40px
}}
@media
screen
and
(
max-width
:
500px
){
.view--index
.content__main
{
width
:
100%
;
margin-bottom
:
40px
}}
@media
screen
and
(
min-width
:
500px
)
and
(
max-width
:
760px
){
.view--index
.content__main
.introduction__copy
{
font-size
:
16px
;
font-size
:
1.6rem
;
line-height
:
24.8px
;
line-height
:
2.48rem
}}
@media
screen
and
(
max-width
:
500px
){
.view--index
.content__main
.introduction__copy
{
font-size
:
16px
;
font-size
:
1.6rem
;
line-height
:
24.8px
;
line-height
:
2.48rem
}}
.view--index
.content__main
.item-audience
{
display
:
block
;
float
:
left
;
margin-right
:
3.16844%
;
width
:
31.22104%
;
position
:
relative
}
.view--index
.content__main
.item-audience
:last-child
{
margin-right
:
0
}
@media
screen
and
(
min-width
:
760px
)
and
(
max-width
:
1024px
){
.view--index
.content__main
.item-audience
{
width
:
100%
;
margin-bottom
:
60px
}}
@media
screen
and
(
min-width
:
500px
)
and
(
max-width
:
760px
){
.view--index
.content__main
.item-audience
{
width
:
100%
;
margin-bottom
:
40px
}}
@media
screen
and
(
max-width
:
500px
){
.view--index
.content__main
.item-audience
{
width
:
100%
;
margin-bottom
:
60px
}}
.view--index
.content__supplementary
{
display
:
block
;
float
:
left
;
margin-right
:
2.35765%
;
width
:
23.23176%
}
.view--index
.content__supplementary
:last-child
{
margin-right
:
0
}
@media
screen
and
(
min-width
:
760px
)
and
(
max-width
:
1024px
){
.view--index
.content__supplementary
{
width
:
100%
}}
@media
screen
and
(
min-width
:
500px
)
and
(
max-width
:
760px
){
.view--index
.content__supplementary
{
width
:
100%
}}
@media
screen
and
(
max-width
:
500px
){
.view--index
.content__supplementary
{
width
:
100%
}}
.view--index
.content__supplementary
.info
{
-webkit-transition
:
border-color
0.5s
ease-in-out
;
-moz-transition
:
border-color
0.5s
ease-in-out
;
transition
:
border-color
0.5s
ease-in-out
;
border-top
:
5px
solid
#eaebeb
;
padding-top
:
10px
}
.view--index
.content__supplementary
.info
:hover
{
border-top-color
:
#85888a
}
.view--index
.content__supplementary
.info__title
{
margin-bottom
:
10px
}
.view--index
.footer--primary
{
display
:
block
;
float
:
left
;
margin-right
:
2.35765%
;
width
:
100%
;
margin
:
30px
0
}
.view--index
.footer--primary
:last-child
{
margin-right
:
0
}
.view--index
.footer--primary
.content--copyright
{
text-align
:
center
}
@import
url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,700,300)
;
@import
url(http://fonts.googleapis.com/css?family=Bree+Serif)
;
*
{
-webkit-box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
box-sizing
:
border-box
}
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
article
,
aside
,
details
,
figcaption
,
figure
,
footer
,
header
,
hgroup
,
main
,
nav
,
section
,
summary
{
display
:
block
}
audio
,
canvas
,
video
{
display
:
inline-block
}
audio
:not
([
controls
])
{
display
:
none
;
height
:
0
}
[
hidden
],
template
{
display
:
none
}
html
{
font-family
:
sans-serif
;
-ms-text-size-adjust
:
100%
;
-webkit-text-size-adjust
:
100%
}
body
{
margin
:
0
}
a
{
background
:
transparent
}
a
:focus
{
outline
:
thin
dotted
}
a
:active
,
a
:hover
{
outline
:
0
}
h1
{
font-size
:
2em
;
margin
:
0.67em
0
}
abbr
[
title
]
{
border-bottom
:
1px
dotted
}
b
,
strong
{
font-weight
:
bold
}
dfn
{
font-style
:
italic
}
hr
{
-moz-box-sizing
:
content-box
;
box-sizing
:
content-box
;
height
:
0
}
mark
{
background
:
#ff0
;
color
:
#000
}
code
,
kbd
,
pre
,
samp
{
font-family
:
monospace
,
serif
;
font-size
:
1em
}
pre
{
white-space
:
pre-wrap
}
q
{
quotes
:
"\201C"
"\201D"
"\2018"
"\2019"
}
small
{
font-size
:
80%
}
sub
,
sup
{
font-size
:
75%
;
line-height
:
0
;
position
:
relative
;
vertical-align
:
baseline
}
sup
{
top
:
-0.5em
}
sub
{
bottom
:
-0.25em
}
img
{
border
:
0
}
svg
:not
(
:root
)
{
overflow
:
hidden
}
figure
{
margin
:
0
}
fieldset
{
border
:
1px
solid
#c0c0c0
;
margin
:
0
2px
;
padding
:
0.35em
0.625em
0.75em
}
legend
{
border
:
0
;
padding
:
0
}
button
,
input
,
select
,
textarea
{
font-family
:
inherit
;
font-size
:
100%
;
margin
:
0
}
button
,
input
{
line-height
:
normal
}
button
,
select
{
text-transform
:
none
}
button
,
html
input
[
type
=
"button"
],
input
[
type
=
"reset"
],
input
[
type
=
"submit"
]
{
-webkit-appearance
:
button
;
cursor
:
pointer
}
button
[
disabled
],
html
input
[
disabled
]
{
cursor
:
default
}
input
[
type
=
"checkbox"
],
input
[
type
=
"radio"
]
{
box-sizing
:
border-box
;
padding
:
0
}
input
[
type
=
"search"
]
{
-webkit-appearance
:
textfield
;
-moz-box-sizing
:
content-box
;
-webkit-box-sizing
:
content-box
;
box-sizing
:
content-box
}
input
[
type
=
"search"
]
::-webkit-search-cancel-button
,
input
[
type
=
"search"
]
::-webkit-search-decoration
{
-webkit-appearance
:
none
}
button
::-moz-focus-inner
,
input
::-moz-focus-inner
{
border
:
0
;
padding
:
0
}
textarea
{
overflow
:
auto
;
vertical-align
:
top
}
table
{
border-collapse
:
collapse
;
border-spacing
:
0
}
/*! normalize.css v2.1.2 | MIT License | git.io/normalize */
article
,
aside
,
details
,
figcaption
,
figure
,
footer
,
header
,
hgroup
,
main
,
nav
,
section
,
summary
{
display
:
block
}
audio
,
canvas
,
video
{
display
:
inline-block
}
audio
:not
([
controls
])
{
display
:
none
;
height
:
0
}
[
hidden
]
{
display
:
none
}
html
{
font-family
:
sans-serif
;
-ms-text-size-adjust
:
100%
;
-webkit-text-size-adjust
:
100%
}
body
{
margin
:
0
}
a
:focus
{
outline
:
thin
dotted
}
a
:active
,
a
:hover
{
outline
:
0
}
h1
{
font-size
:
2em
;
margin
:
0.67em
0
}
abbr
[
title
]
{
border-bottom
:
1px
dotted
}
b
,
strong
{
font-weight
:
bold
}
dfn
{
font-style
:
italic
}
hr
{
-moz-box-sizing
:
content-box
;
box-sizing
:
content-box
;
height
:
0
}
mark
{
background
:
#ff0
;
color
:
#000
}
code
,
kbd
,
pre
,
samp
{
font-family
:
monospace
,
serif
;
font-size
:
1em
}
pre
{
white-space
:
pre-wrap
}
q
{
quotes
:
"\201C"
"\201D"
"\2018"
"\2019"
}
small
{
font-size
:
80%
}
sub
,
sup
{
font-size
:
75%
;
line-height
:
0
;
position
:
relative
;
vertical-align
:
baseline
}
sup
{
top
:
-0.5em
}
sub
{
bottom
:
-0.25em
}
img
{
border
:
0
}
svg
:not
(
:root
)
{
overflow
:
hidden
}
figure
{
margin
:
0
}
fieldset
{
border
:
1px
solid
#c0c0c0
;
margin
:
0
2px
;
padding
:
0.35em
0.625em
0.75em
}
legend
{
border
:
0
;
padding
:
0
}
button
,
input
,
select
,
textarea
{
font-family
:
inherit
;
font-size
:
100%
;
margin
:
0
}
button
,
input
{
line-height
:
normal
}
button
,
select
{
text-transform
:
none
}
button
,
html
input
[
type
=
"button"
],
input
[
type
=
"reset"
],
input
[
type
=
"submit"
]
{
-webkit-appearance
:
button
;
cursor
:
pointer
}
button
[
disabled
],
html
input
[
disabled
]
{
cursor
:
default
}
input
[
type
=
"checkbox"
],
input
[
type
=
"radio"
]
{
box-sizing
:
border-box
;
padding
:
0
}
input
[
type
=
"search"
]
{
-webkit-appearance
:
textfield
;
-moz-box-sizing
:
content-box
;
-webkit-box-sizing
:
content-box
;
box-sizing
:
content-box
}
input
[
type
=
"search"
]
::-webkit-search-cancel-button
,
input
[
type
=
"search"
]
::-webkit-search-decoration
{
-webkit-appearance
:
none
}
button
::-moz-focus-inner
,
input
::-moz-focus-inner
{
border
:
0
;
padding
:
0
}
textarea
{
overflow
:
auto
;
vertical-align
:
top
}
table
{
border-collapse
:
collapse
;
border-spacing
:
0
}
*
{
-webkit-box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
box-sizing
:
border-box
}
html
,
body
,
div
,
span
,
applet
,
object
,
iframe
,
h1
,
h2
,
h3
,
h4
,
h5
,
h6
,
p
,
blockquote
,
pre
,
a
,
abbr
,
acronym
,
address
,
big
,
cite
,
code
,
del
,
dfn
,
em
,
img
,
ins
,
kbd
,
q
,
s
,
samp
,
small
,
strike
,
strong
,
sub
,
sup
,
tt
,
var
,
b
,
u
,
i
,
center
,
dl
,
dt
,
dd
,
ol
,
ul
,
li
,
fieldset
,
form
,
label
,
legend
,
table
,
caption
,
tbody
,
tfoot
,
thead
,
tr
,
th
,
td
,
article
,
aside
,
canvas
,
details
,
figcaption
,
figure
,
footer
,
header
,
hgroup
,
menu
,
nav
,
section
,
summary
,
time
,
mark
,
audio
,
video
{
margin
:
0
;
padding
:
0
;
border
:
0
;
outline
:
0
;
font-size
:
100%
;
font
:
inherit
;
vertical-align
:
baseline
}
html
,
body
{
height
:
100%
}
ol
,
ul
{
list-style
:
none
}
blockquote
,
q
{
quotes
:
none
}
blockquote
:before
,
blockquote
:after
,
q
:before
,
q
:after
{
content
:
''
;
content
:
none
}
ins
{
text-decoration
:
none
}
del
{
text-decoration
:
line-through
}
table
{
border-collapse
:
collapse
;
border-spacing
:
0
}
abbr
[
title
]
{
border-bottom
:
none
;
text-decoration
:
none
;
cursor
:
help
}
[
class
^=
"wrapper-"
]
{
-webkit-box-sizing
:
border-box
;
-moz-box-sizing
:
border-box
;
box-sizing
:
border-box
;
width
:
100%
}
[
class
^=
"wrapper-"
]
:after
{
content
:
''
;
display
:
block
;
height
:
0
;
visibility
:
hidden
;
clear
:
both
}
.list--actions
,
.list--docs
,
.list--steps
,
.list--controls
,
.list--fields
,
.list--help
,
.nav--wizard
,
.list--tips
,
.field--group
,
nav
ol
,
nav
ul
{
list-style
:
none
;
margin
:
0
;
padding
:
0
;
text-indent
:
0
}
.list--actions
li
,
.list--docs
li
,
.list--steps
li
,
.list--controls
li
,
.list--fields
li
,
.list--help
li
,
.nav--wizard
li
,
.list--tips
li
,
.field--group
li
,
nav
ol
li
,
nav
ul
li
{
margin
:
0
;
padding
:
0
}
.sr
,
hr
.divider
{
border
:
0
;
clip
:
rect
(
0
0
0
0
);
height
:
1px
;
margin
:
-1px
;
overflow
:
hidden
;
padding
:
0
;
position
:
absolute
;
width
:
1px
}
.view--index
*[
class
$
=
"__copy"
]
p
:last-child
,
.view--index
.info
:last-child
,
.view--index
.list--docs
.list--links
.item-link
:last-child
,
.view--index
.content__main
.item-audience
:last-child
{
margin-bottom
:
0
;
border-bottom
:
none
;
padding-bottom
:
0
}
.view--index
.deco
.deco__doc1
{
z-index
:
10
}
.view--index
.deco
.deco__doc3
{
z-index
:
100
}
.view--index
.deco
.deco__doc2
{
z-index
:
1000
}
@font-face
{
font-family
:
'FontAwesome'
;
src
:
url("../fonts/vendor/fontawesome-webfont.eot?v=3.2.1")
;
src
:
url("../fonts/vendor/fontawesome-webfont.eot?#iefix&v=3.2.1")
format
(
"embedded-opentype"
),
url("../fonts/vendor/fontawesome-webfont.woff?v=3.2.1")
format
(
"woff"
),
url("../fonts/vendor/fontawesome-webfont.ttf?v=3.2.1")
format
(
"truetype"
),
url("../fonts/vendor/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1")
format
(
"svg"
);
font-weight
:
normal
;
font-style
:
normal
}
[
class
^=
"icon-"
],[
class
*=
" icon-"
]
{
font-family
:
FontAwesome
;
font-weight
:
normal
;
font-style
:
normal
;
text-decoration
:
inherit
;
-webkit-font-smoothing
:
antialiased
;
*
margin-right
:
.3em
}
[
class
^=
"icon-"
]
:before
,[
class
*=
" icon-"
]
:before
{
text-decoration
:
inherit
;
display
:
inline-block
;
speak
:
none
}
.icon-large
:before
{
vertical-align
:
-10%
;
font-size
:
1.3333333333333333em
}
a
[
class
^=
"icon-"
],
a
[
class
*=
" icon-"
]
{
display
:
inline
}
[
class
^=
"icon-"
]
.icon-fixed-width
,[
class
*=
" icon-"
]
.icon-fixed-width
{
display
:
inline-block
;
width
:
1.1428571428571428em
;
text-align
:
right
;
padding-right
:
0.2857142857142857em
}
[
class
^=
"icon-"
]
.icon-fixed-width.icon-large
,[
class
*=
" icon-"
]
.icon-fixed-width.icon-large
{
width
:
1.4285714285714286em
}
.icons-ul
{
margin-left
:
2.142857142857143em
;
list-style-type
:
none
}
.icons-ul
>
li
{
position
:
relative
}
.icons-ul
.icon-li
{
position
:
absolute
;
left
:
-2.142857142857143em
;
width
:
2.142857142857143em
;
text-align
:
center
;
line-height
:
inherit
}
[
class
^=
"icon-"
]
.hide
,[
class
*=
" icon-"
]
.hide
{
display
:
none
}
.icon-muted
{
color
:
#eeeeee
}
.icon-light
{
color
:
#ffffff
}
.icon-dark
{
color
:
#333333
}
.icon-border
{
border
:
solid
1px
#eeeeee
;
padding
:
.2em
.25em
.15em
;
-webkit-border-radius
:
3px
;
-moz-border-radius
:
3px
;
border-radius
:
3px
}
.icon-2x
{
font-size
:
2em
}
.icon-2x.icon-border
{
border-width
:
2px
;
-webkit-border-radius
:
4px
;
-moz-border-radius
:
4px
;
border-radius
:
4px
}
.icon-3x
{
font-size
:
3em
}
.icon-3x.icon-border
{
border-width
:
3px
;
-webkit-border-radius
:
5px
;
-moz-border-radius
:
5px
;
border-radius
:
5px
}
.icon-4x
{
font-size
:
4em
}
.icon-4x.icon-border
{
border-width
:
4px
;
-webkit-border-radius
:
6px
;
-moz-border-radius
:
6px
;
border-radius
:
6px
}
.icon-5x
{
font-size
:
5em
}
.icon-5x.icon-border
{
border-width
:
5px
;
-webkit-border-radius
:
7px
;
-moz-border-radius
:
7px
;
border-radius
:
7px
}
.pull-right
{
float
:
right
}
.pull-left
{
float
:
left
}
[
class
^=
"icon-"
]
.pull-left
,[
class
*=
" icon-"
]
.pull-left
{
margin-right
:
.3em
}
[
class
^=
"icon-"
]
.pull-right
,[
class
*=
" icon-"
]
.pull-right
{
margin-left
:
.3em
}
[
class
^=
"icon-"
],[
class
*=
" icon-"
]
{
display
:
inline
;
width
:
auto
;
height
:
auto
;
line-height
:
normal
;
vertical-align
:
baseline
;
background-image
:
none
;
background-position
:
0%
0%
;
background-repeat
:
repeat
;
margin-top
:
0
}
.icon-white
,
.nav-pills
>
.active
>
a
>[
class
^=
"icon-"
],
.nav-pills
>
.active
>
a
>[
class
*=
" icon-"
],
.nav-list
>
.active
>
a
>[
class
^=
"icon-"
],
.nav-list
>
.active
>
a
>[
class
*=
" icon-"
],
.navbar-inverse
.nav
>
.active
>
a
>[
class
^=
"icon-"
],
.navbar-inverse
.nav
>
.active
>
a
>[
class
*=
" icon-"
],
.dropdown-menu
>
li
>
a
:hover
>[
class
^=
"icon-"
],
.dropdown-menu
>
li
>
a
:hover
>[
class
*=
" icon-"
],
.dropdown-menu
>
.active
>
a
>[
class
^=
"icon-"
],
.dropdown-menu
>
.active
>
a
>[
class
*=
" icon-"
],
.dropdown-submenu
:hover
>
a
>[
class
^=
"icon-"
],
.dropdown-submenu
:hover
>
a
>[
class
*=
" icon-"
]
{
background-image
:
none
}
.btn
[
class
^=
"icon-"
]
.icon-large
,
.nav
[
class
^=
"icon-"
]
.icon-large
,
.btn
[
class
*=
" icon-"
]
.icon-large
,
.nav
[
class
*=
" icon-"
]
.icon-large
{
line-height
:
.9em
}
.btn
[
class
^=
"icon-"
]
.icon-spin
,
.nav
[
class
^=
"icon-"
]
.icon-spin
,
.btn
[
class
*=
" icon-"
]
.icon-spin
,
.nav
[
class
*=
" icon-"
]
.icon-spin
{
display
:
inline-block
}
.nav-tabs
[
class
^=
"icon-"
],
.nav-pills
[
class
^=
"icon-"
],
.nav-tabs
[
class
*=
" icon-"
],
.nav-pills
[
class
*=
" icon-"
],
.nav-tabs
[
class
^=
"icon-"
]
.icon-large
,
.nav-pills
[
class
^=
"icon-"
]
.icon-large
,
.nav-tabs
[
class
*=
" icon-"
]
.icon-large
,
.nav-pills
[
class
*=
" icon-"
]
.icon-large
{
line-height
:
.9em
}
.btn
[
class
^=
"icon-"
]
.pull-left.icon-2x
,
.btn
[
class
*=
" icon-"
]
.pull-left.icon-2x
,
.btn
[
class
^=
"icon-"
]
.pull-right.icon-2x
,
.btn
[
class
*=
" icon-"
]
.pull-right.icon-2x
{
margin-top
:
.18em
}
.btn
[
class
^=
"icon-"
]
.icon-spin.icon-large
,
.btn
[
class
*=
" icon-"
]
.icon-spin.icon-large
{
line-height
:
.8em
}
.btn.btn-small
[
class
^=
"icon-"
]
.pull-left.icon-2x
,
.btn.btn-small
[
class
*=
" icon-"
]
.pull-left.icon-2x
,
.btn.btn-small
[
class
^=
"icon-"
]
.pull-right.icon-2x
,
.btn.btn-small
[
class
*=
" icon-"
]
.pull-right.icon-2x
{
margin-top
:
.25em
}
.btn.btn-large
[
class
^=
"icon-"
],
.btn.btn-large
[
class
*=
" icon-"
]
{
margin-top
:
0
}
.btn.btn-large
[
class
^=
"icon-"
]
.pull-left.icon-2x
,
.btn.btn-large
[
class
*=
" icon-"
]
.pull-left.icon-2x
,
.btn.btn-large
[
class
^=
"icon-"
]
.pull-right.icon-2x
,
.btn.btn-large
[
class
*=
" icon-"
]
.pull-right.icon-2x
{
margin-top
:
.05em
}
.btn.btn-large
[
class
^=
"icon-"
]
.pull-left.icon-2x
,
.btn.btn-large
[
class
*=
" icon-"
]
.pull-left.icon-2x
{
margin-right
:
.2em
}
.btn.btn-large
[
class
^=
"icon-"
]
.pull-right.icon-2x
,
.btn.btn-large
[
class
*=
" icon-"
]
.pull-right.icon-2x
{
margin-left
:
.2em
}
.nav-list
[
class
^=
"icon-"
],
.nav-list
[
class
*=
" icon-"
]
{
line-height
:
inherit
}
.icon-stack
{
position
:
relative
;
display
:
inline-block
;
width
:
2em
;
height
:
2em
;
line-height
:
2em
;
vertical-align
:
-35%
}
.icon-stack
[
class
^=
"icon-"
],
.icon-stack
[
class
*=
" icon-"
]
{
display
:
block
;
text-align
:
center
;
position
:
absolute
;
width
:
100%
;
height
:
100%
;
font-size
:
1em
;
line-height
:
inherit
;
*
line-height
:
2em
}
.icon-stack
.icon-stack-base
{
font-size
:
2em
;
*
line-height
:
1em
}
.icon-spin
{
display
:
inline-block
;
-moz-animation
:
spin
2s
infinite
linear
;
-o-animation
:
spin
2s
infinite
linear
;
-webkit-animation
:
spin
2s
infinite
linear
;
animation
:
spin
2s
infinite
linear
}
a
.icon-stack
,
a
.icon-spin
{
display
:
inline-block
;
text-decoration
:
none
}
@-moz-keyframes
spin
{
0
%
{
-moz-transform
:
rotate
(
0deg
)}
100
%
{
-moz-transform
:
rotate
(
359deg
)}}
@-webkit-keyframes
spin
{
0
%
{
-webkit-transform
:
rotate
(
0deg
)}
100
%
{
-webkit-transform
:
rotate
(
359deg
)}}
@-o-keyframes
spin
{
0
%
{
-o-transform
:
rotate
(
0deg
)}
100
%
{
-o-transform
:
rotate
(
359deg
)}}
@-ms-keyframes
spin
{
0
%
{
-ms-transform
:
rotate
(
0deg
)}
100
%
{
-ms-transform
:
rotate
(
359deg
)}}
@keyframes
spin
{
0
%
{
transform
:
rotate
(
0deg
)}
100
%
{
transform
:
rotate
(
359deg
)}}
.icon-rotate-90
:before
{
-webkit-transform
:
rotate
(
90deg
);
-moz-transform
:
rotate
(
90deg
);
-ms-transform
:
rotate
(
90deg
);
-o-transform
:
rotate
(
90deg
);
transform
:
rotate
(
90deg
);
filter
:
progid
:
DXImageTransform
.
Microsoft
.
BasicImage
(
rotation
=
1
)}
.icon-rotate-180
:before
{
-webkit-transform
:
rotate
(
180deg
);
-moz-transform
:
rotate
(
180deg
);
-ms-transform
:
rotate
(
180deg
);
-o-transform
:
rotate
(
180deg
);
transform
:
rotate
(
180deg
);
filter
:
progid
:
DXImageTransform
.
Microsoft
.
BasicImage
(
rotation
=
2
)}
.icon-rotate-270
:before
{
-webkit-transform
:
rotate
(
270deg
);
-moz-transform
:
rotate
(
270deg
);
-ms-transform
:
rotate
(
270deg
);
-o-transform
:
rotate
(
270deg
);
transform
:
rotate
(
270deg
);
filter
:
progid
:
DXImageTransform
.
Microsoft
.
BasicImage
(
rotation
=
3
)}
.icon-flip-horizontal
:before
{
-webkit-transform
:
scale
(
-1
,
1
);
-moz-transform
:
scale
(
-1
,
1
);
-ms-transform
:
scale
(
-1
,
1
);
-o-transform
:
scale
(
-1
,
1
);
transform
:
scale
(
-1
,
1
)}
.icon-flip-vertical
:before
{
-webkit-transform
:
scale
(
1
,
-1
);
-moz-transform
:
scale
(
1
,
-1
);
-ms-transform
:
scale
(
1
,
-1
);
-o-transform
:
scale
(
1
,
-1
);
transform
:
scale
(
1
,
-1
)}
a
.icon-rotate-90
:before
,
a
.icon-rotate-180
:before
,
a
.icon-rotate-270
:before
,
a
.icon-flip-horizontal
:before
,
a
.icon-flip-vertical
:before
{
display
:
inline-block
}
.icon-glass
:before
{
content
:
"\f000"
}
.icon-music
:before
{
content
:
"\f001"
}
.icon-search
:before
{
content
:
"\f002"
}
.icon-envelope-alt
:before
{
content
:
"\f003"
}
.icon-heart
:before
{
content
:
"\f004"
}
.icon-star
:before
{
content
:
"\f005"
}
.icon-star-empty
:before
{
content
:
"\f006"
}
.icon-user
:before
{
content
:
"\f007"
}
.icon-film
:before
{
content
:
"\f008"
}
.icon-th-large
:before
{
content
:
"\f009"
}
.icon-th
:before
{
content
:
"\f00a"
}
.icon-th-list
:before
{
content
:
"\f00b"
}
.icon-ok
:before
{
content
:
"\f00c"
}
.icon-remove
:before
{
content
:
"\f00d"
}
.icon-zoom-in
:before
{
content
:
"\f00e"
}
.icon-zoom-out
:before
{
content
:
"\f010"
}
.icon-power-off
:before
,
.icon-off
:before
{
content
:
"\f011"
}
.icon-signal
:before
{
content
:
"\f012"
}
.icon-gear
:before
,
.icon-cog
:before
{
content
:
"\f013"
}
.icon-trash
:before
{
content
:
"\f014"
}
.icon-home
:before
{
content
:
"\f015"
}
.icon-file-alt
:before
{
content
:
"\f016"
}
.icon-time
:before
{
content
:
"\f017"
}
.icon-road
:before
{
content
:
"\f018"
}
.icon-download-alt
:before
{
content
:
"\f019"
}
.icon-download
:before
{
content
:
"\f01a"
}
.icon-upload
:before
{
content
:
"\f01b"
}
.icon-inbox
:before
{
content
:
"\f01c"
}
.icon-play-circle
:before
{
content
:
"\f01d"
}
.icon-rotate-right
:before
,
.icon-repeat
:before
{
content
:
"\f01e"
}
.icon-refresh
:before
{
content
:
"\f021"
}
.icon-list-alt
:before
{
content
:
"\f022"
}
.icon-lock
:before
{
content
:
"\f023"
}
.icon-flag
:before
{
content
:
"\f024"
}
.icon-headphones
:before
{
content
:
"\f025"
}
.icon-volume-off
:before
{
content
:
"\f026"
}
.icon-volume-down
:before
{
content
:
"\f027"
}
.icon-volume-up
:before
{
content
:
"\f028"
}
.icon-qrcode
:before
{
content
:
"\f029"
}
.icon-barcode
:before
{
content
:
"\f02a"
}
.icon-tag
:before
{
content
:
"\f02b"
}
.icon-tags
:before
{
content
:
"\f02c"
}
.icon-book
:before
{
content
:
"\f02d"
}
.icon-bookmark
:before
{
content
:
"\f02e"
}
.icon-print
:before
{
content
:
"\f02f"
}
.icon-camera
:before
{
content
:
"\f030"
}
.icon-font
:before
{
content
:
"\f031"
}
.icon-bold
:before
{
content
:
"\f032"
}
.icon-italic
:before
{
content
:
"\f033"
}
.icon-text-height
:before
{
content
:
"\f034"
}
.icon-text-width
:before
{
content
:
"\f035"
}
.icon-align-left
:before
{
content
:
"\f036"
}
.icon-align-center
:before
{
content
:
"\f037"
}
.icon-align-right
:before
{
content
:
"\f038"
}
.icon-align-justify
:before
{
content
:
"\f039"
}
.icon-list
:before
{
content
:
"\f03a"
}
.icon-indent-left
:before
{
content
:
"\f03b"
}
.icon-indent-right
:before
{
content
:
"\f03c"
}
.icon-facetime-video
:before
{
content
:
"\f03d"
}
.icon-picture
:before
{
content
:
"\f03e"
}
.icon-pencil
:before
{
content
:
"\f040"
}
.icon-map-marker
:before
{
content
:
"\f041"
}
.icon-adjust
:before
{
content
:
"\f042"
}
.icon-tint
:before
{
content
:
"\f043"
}
.icon-edit
:before
{
content
:
"\f044"
}
.icon-share
:before
{
content
:
"\f045"
}
.icon-check
:before
{
content
:
"\f046"
}
.icon-move
:before
{
content
:
"\f047"
}
.icon-step-backward
:before
{
content
:
"\f048"
}
.icon-fast-backward
:before
{
content
:
"\f049"
}
.icon-backward
:before
{
content
:
"\f04a"
}
.icon-play
:before
{
content
:
"\f04b"
}
.icon-pause
:before
{
content
:
"\f04c"
}
.icon-stop
:before
{
content
:
"\f04d"
}
.icon-forward
:before
{
content
:
"\f04e"
}
.icon-fast-forward
:before
{
content
:
"\f050"
}
.icon-step-forward
:before
{
content
:
"\f051"
}
.icon-eject
:before
{
content
:
"\f052"
}
.icon-chevron-left
:before
{
content
:
"\f053"
}
.icon-chevron-right
:before
{
content
:
"\f054"
}
.icon-plus-sign
:before
{
content
:
"\f055"
}
.icon-minus-sign
:before
{
content
:
"\f056"
}
.icon-remove-sign
:before
{
content
:
"\f057"
}
.icon-ok-sign
:before
{
content
:
"\f058"
}
.icon-question-sign
:before
{
content
:
"\f059"
}
.icon-info-sign
:before
{
content
:
"\f05a"
}
.icon-screenshot
:before
{
content
:
"\f05b"
}
.icon-remove-circle
:before
{
content
:
"\f05c"
}
.icon-ok-circle
:before
{
content
:
"\f05d"
}
.icon-ban-circle
:before
{
content
:
"\f05e"
}
.icon-arrow-left
:before
{
content
:
"\f060"
}
.icon-arrow-right
:before
{
content
:
"\f061"
}
.icon-arrow-up
:before
{
content
:
"\f062"
}
.icon-arrow-down
:before
{
content
:
"\f063"
}
.icon-mail-forward
:before
,
.icon-share-alt
:before
{
content
:
"\f064"
}
.icon-resize-full
:before
{
content
:
"\f065"
}
.icon-resize-small
:before
{
content
:
"\f066"
}
.icon-plus
:before
{
content
:
"\f067"
}
.icon-minus
:before
{
content
:
"\f068"
}
.icon-asterisk
:before
{
content
:
"\f069"
}
.icon-exclamation-sign
:before
{
content
:
"\f06a"
}
.icon-gift
:before
{
content
:
"\f06b"
}
.icon-leaf
:before
{
content
:
"\f06c"
}
.icon-fire
:before
{
content
:
"\f06d"
}
.icon-eye-open
:before
{
content
:
"\f06e"
}
.icon-eye-close
:before
{
content
:
"\f070"
}
.icon-warning-sign
:before
{
content
:
"\f071"
}
.icon-plane
:before
{
content
:
"\f072"
}
.icon-calendar
:before
{
content
:
"\f073"
}
.icon-random
:before
{
content
:
"\f074"
}
.icon-comment
:before
{
content
:
"\f075"
}
.icon-magnet
:before
{
content
:
"\f076"
}
.icon-chevron-up
:before
{
content
:
"\f077"
}
.icon-chevron-down
:before
{
content
:
"\f078"
}
.icon-retweet
:before
{
content
:
"\f079"
}
.icon-shopping-cart
:before
{
content
:
"\f07a"
}
.icon-folder-close
:before
{
content
:
"\f07b"
}
.icon-folder-open
:before
{
content
:
"\f07c"
}
.icon-resize-vertical
:before
{
content
:
"\f07d"
}
.icon-resize-horizontal
:before
{
content
:
"\f07e"
}
.icon-bar-chart
:before
{
content
:
"\f080"
}
.icon-twitter-sign
:before
{
content
:
"\f081"
}
.icon-facebook-sign
:before
{
content
:
"\f082"
}
.icon-camera-retro
:before
{
content
:
"\f083"
}
.icon-key
:before
{
content
:
"\f084"
}
.icon-gears
:before
,
.icon-cogs
:before
{
content
:
"\f085"
}
.icon-comments
:before
{
content
:
"\f086"
}
.icon-thumbs-up-alt
:before
{
content
:
"\f087"
}
.icon-thumbs-down-alt
:before
{
content
:
"\f088"
}
.icon-star-half
:before
{
content
:
"\f089"
}
.icon-heart-empty
:before
{
content
:
"\f08a"
}
.icon-signout
:before
{
content
:
"\f08b"
}
.icon-linkedin-sign
:before
{
content
:
"\f08c"
}
.icon-pushpin
:before
{
content
:
"\f08d"
}
.icon-external-link
:before
{
content
:
"\f08e"
}
.icon-signin
:before
{
content
:
"\f090"
}
.icon-trophy
:before
{
content
:
"\f091"
}
.icon-github-sign
:before
{
content
:
"\f092"
}
.icon-upload-alt
:before
{
content
:
"\f093"
}
.icon-lemon
:before
{
content
:
"\f094"
}
.icon-phone
:before
{
content
:
"\f095"
}
.icon-unchecked
:before
,
.icon-check-empty
:before
{
content
:
"\f096"
}
.icon-bookmark-empty
:before
{
content
:
"\f097"
}
.icon-phone-sign
:before
{
content
:
"\f098"
}
.icon-twitter
:before
{
content
:
"\f099"
}
.icon-facebook
:before
{
content
:
"\f09a"
}
.icon-github
:before
{
content
:
"\f09b"
}
.icon-unlock
:before
{
content
:
"\f09c"
}
.icon-credit-card
:before
{
content
:
"\f09d"
}
.icon-rss
:before
{
content
:
"\f09e"
}
.icon-hdd
:before
{
content
:
"\f0a0"
}
.icon-bullhorn
:before
{
content
:
"\f0a1"
}
.icon-bell
:before
{
content
:
"\f0a2"
}
.icon-certificate
:before
{
content
:
"\f0a3"
}
.icon-hand-right
:before
{
content
:
"\f0a4"
}
.icon-hand-left
:before
{
content
:
"\f0a5"
}
.icon-hand-up
:before
{
content
:
"\f0a6"
}
.icon-hand-down
:before
{
content
:
"\f0a7"
}
.icon-circle-arrow-left
:before
{
content
:
"\f0a8"
}
.icon-circle-arrow-right
:before
{
content
:
"\f0a9"
}
.icon-circle-arrow-up
:before
{
content
:
"\f0aa"
}
.icon-circle-arrow-down
:before
{
content
:
"\f0ab"
}
.icon-globe
:before
{
content
:
"\f0ac"
}
.icon-wrench
:before
{
content
:
"\f0ad"
}
.icon-tasks
:before
{
content
:
"\f0ae"
}
.icon-filter
:before
{
content
:
"\f0b0"
}
.icon-briefcase
:before
{
content
:
"\f0b1"
}
.icon-fullscreen
:before
{
content
:
"\f0b2"
}
.icon-group
:before
{
content
:
"\f0c0"
}
.icon-link
:before
{
content
:
"\f0c1"
}
.icon-cloud
:before
{
content
:
"\f0c2"
}
.icon-beaker
:before
{
content
:
"\f0c3"
}
.icon-cut
:before
{
content
:
"\f0c4"
}
.icon-copy
:before
{
content
:
"\f0c5"
}
.icon-paperclip
:before
,
.icon-paper-clip
:before
{
content
:
"\f0c6"
}
.icon-save
:before
{
content
:
"\f0c7"
}
.icon-sign-blank
:before
{
content
:
"\f0c8"
}
.icon-reorder
:before
{
content
:
"\f0c9"
}
.icon-list-ul
:before
{
content
:
"\f0ca"
}
.icon-list-ol
:before
{
content
:
"\f0cb"
}
.icon-strikethrough
:before
{
content
:
"\f0cc"
}
.icon-underline
:before
{
content
:
"\f0cd"
}
.icon-table
:before
{
content
:
"\f0ce"
}
.icon-magic
:before
{
content
:
"\f0d0"
}
.icon-truck
:before
{
content
:
"\f0d1"
}
.icon-pinterest
:before
{
content
:
"\f0d2"
}
.icon-pinterest-sign
:before
{
content
:
"\f0d3"
}
.icon-google-plus-sign
:before
{
content
:
"\f0d4"
}
.icon-google-plus
:before
{
content
:
"\f0d5"
}
.icon-money
:before
{
content
:
"\f0d6"
}
.icon-caret-down
:before
{
content
:
"\f0d7"
}
.icon-caret-up
:before
{
content
:
"\f0d8"
}
.icon-caret-left
:before
{
content
:
"\f0d9"
}
.icon-caret-right
:before
{
content
:
"\f0da"
}
.icon-columns
:before
{
content
:
"\f0db"
}
.icon-sort
:before
{
content
:
"\f0dc"
}
.icon-sort-down
:before
{
content
:
"\f0dd"
}
.icon-sort-up
:before
{
content
:
"\f0de"
}
.icon-envelope
:before
{
content
:
"\f0e0"
}
.icon-linkedin
:before
{
content
:
"\f0e1"
}
.icon-rotate-left
:before
,
.icon-undo
:before
{
content
:
"\f0e2"
}
.icon-legal
:before
{
content
:
"\f0e3"
}
.icon-dashboard
:before
{
content
:
"\f0e4"
}
.icon-comment-alt
:before
{
content
:
"\f0e5"
}
.icon-comments-alt
:before
{
content
:
"\f0e6"
}
.icon-bolt
:before
{
content
:
"\f0e7"
}
.icon-sitemap
:before
{
content
:
"\f0e8"
}
.icon-umbrella
:before
{
content
:
"\f0e9"
}
.icon-paste
:before
{
content
:
"\f0ea"
}
.icon-lightbulb
:before
{
content
:
"\f0eb"
}
.icon-exchange
:before
{
content
:
"\f0ec"
}
.icon-cloud-download
:before
{
content
:
"\f0ed"
}
.icon-cloud-upload
:before
{
content
:
"\f0ee"
}
.icon-user-md
:before
{
content
:
"\f0f0"
}
.icon-stethoscope
:before
{
content
:
"\f0f1"
}
.icon-suitcase
:before
{
content
:
"\f0f2"
}
.icon-bell-alt
:before
{
content
:
"\f0f3"
}
.icon-coffee
:before
{
content
:
"\f0f4"
}
.icon-food
:before
{
content
:
"\f0f5"
}
.icon-file-text-alt
:before
{
content
:
"\f0f6"
}
.icon-building
:before
{
content
:
"\f0f7"
}
.icon-hospital
:before
{
content
:
"\f0f8"
}
.icon-ambulance
:before
{
content
:
"\f0f9"
}
.icon-medkit
:before
{
content
:
"\f0fa"
}
.icon-fighter-jet
:before
{
content
:
"\f0fb"
}
.icon-beer
:before
{
content
:
"\f0fc"
}
.icon-h-sign
:before
{
content
:
"\f0fd"
}
.icon-plus-sign-alt
:before
{
content
:
"\f0fe"
}
.icon-double-angle-left
:before
{
content
:
"\f100"
}
.icon-double-angle-right
:before
{
content
:
"\f101"
}
.icon-double-angle-up
:before
{
content
:
"\f102"
}
.icon-double-angle-down
:before
{
content
:
"\f103"
}
.icon-angle-left
:before
{
content
:
"\f104"
}
.icon-angle-right
:before
{
content
:
"\f105"
}
.icon-angle-up
:before
{
content
:
"\f106"
}
.icon-angle-down
:before
{
content
:
"\f107"
}
.icon-desktop
:before
{
content
:
"\f108"
}
.icon-laptop
:before
{
content
:
"\f109"
}
.icon-tablet
:before
{
content
:
"\f10a"
}
.icon-mobile-phone
:before
{
content
:
"\f10b"
}
.icon-circle-blank
:before
{
content
:
"\f10c"
}
.icon-quote-left
:before
{
content
:
"\f10d"
}
.icon-quote-right
:before
{
content
:
"\f10e"
}
.icon-spinner
:before
{
content
:
"\f110"
}
.icon-circle
:before
{
content
:
"\f111"
}
.icon-mail-reply
:before
,
.icon-reply
:before
{
content
:
"\f112"
}
.icon-github-alt
:before
{
content
:
"\f113"
}
.icon-folder-close-alt
:before
{
content
:
"\f114"
}
.icon-folder-open-alt
:before
{
content
:
"\f115"
}
.icon-expand-alt
:before
{
content
:
"\f116"
}
.icon-collapse-alt
:before
{
content
:
"\f117"
}
.icon-smile
:before
{
content
:
"\f118"
}
.icon-frown
:before
{
content
:
"\f119"
}
.icon-meh
:before
{
content
:
"\f11a"
}
.icon-gamepad
:before
{
content
:
"\f11b"
}
.icon-keyboard
:before
{
content
:
"\f11c"
}
.icon-flag-alt
:before
{
content
:
"\f11d"
}
.icon-flag-checkered
:before
{
content
:
"\f11e"
}
.icon-terminal
:before
{
content
:
"\f120"
}
.icon-code
:before
{
content
:
"\f121"
}
.icon-reply-all
:before
{
content
:
"\f122"
}
.icon-mail-reply-all
:before
{
content
:
"\f122"
}
.icon-star-half-full
:before
,
.icon-star-half-empty
:before
{
content
:
"\f123"
}
.icon-location-arrow
:before
{
content
:
"\f124"
}
.icon-crop
:before
{
content
:
"\f125"
}
.icon-code-fork
:before
{
content
:
"\f126"
}
.icon-unlink
:before
{
content
:
"\f127"
}
.icon-question
:before
{
content
:
"\f128"
}
.icon-info
:before
{
content
:
"\f129"
}
.icon-exclamation
:before
{
content
:
"\f12a"
}
.icon-superscript
:before
{
content
:
"\f12b"
}
.icon-subscript
:before
{
content
:
"\f12c"
}
.icon-eraser
:before
{
content
:
"\f12d"
}
.icon-puzzle-piece
:before
{
content
:
"\f12e"
}
.icon-microphone
:before
{
content
:
"\f130"
}
.icon-microphone-off
:before
{
content
:
"\f131"
}
.icon-shield
:before
{
content
:
"\f132"
}
.icon-calendar-empty
:before
{
content
:
"\f133"
}
.icon-fire-extinguisher
:before
{
content
:
"\f134"
}
.icon-rocket
:before
{
content
:
"\f135"
}
.icon-maxcdn
:before
{
content
:
"\f136"
}
.icon-chevron-sign-left
:before
{
content
:
"\f137"
}
.icon-chevron-sign-right
:before
{
content
:
"\f138"
}
.icon-chevron-sign-up
:before
{
content
:
"\f139"
}
.icon-chevron-sign-down
:before
{
content
:
"\f13a"
}
.icon-html5
:before
{
content
:
"\f13b"
}
.icon-css3
:before
{
content
:
"\f13c"
}
.icon-anchor
:before
{
content
:
"\f13d"
}
.icon-unlock-alt
:before
{
content
:
"\f13e"
}
.icon-bullseye
:before
{
content
:
"\f140"
}
.icon-ellipsis-horizontal
:before
{
content
:
"\f141"
}
.icon-ellipsis-vertical
:before
{
content
:
"\f142"
}
.icon-rss-sign
:before
{
content
:
"\f143"
}
.icon-play-sign
:before
{
content
:
"\f144"
}
.icon-ticket
:before
{
content
:
"\f145"
}
.icon-minus-sign-alt
:before
{
content
:
"\f146"
}
.icon-check-minus
:before
{
content
:
"\f147"
}
.icon-level-up
:before
{
content
:
"\f148"
}
.icon-level-down
:before
{
content
:
"\f149"
}
.icon-check-sign
:before
{
content
:
"\f14a"
}
.icon-edit-sign
:before
{
content
:
"\f14b"
}
.icon-external-link-sign
:before
{
content
:
"\f14c"
}
.icon-share-sign
:before
{
content
:
"\f14d"
}
.icon-compass
:before
{
content
:
"\f14e"
}
.icon-collapse
:before
{
content
:
"\f150"
}
.icon-collapse-top
:before
{
content
:
"\f151"
}
.icon-expand
:before
{
content
:
"\f152"
}
.icon-euro
:before
,
.icon-eur
:before
{
content
:
"\f153"
}
.icon-gbp
:before
{
content
:
"\f154"
}
.icon-dollar
:before
,
.icon-usd
:before
{
content
:
"\f155"
}
.icon-rupee
:before
,
.icon-inr
:before
{
content
:
"\f156"
}
.icon-yen
:before
,
.icon-jpy
:before
{
content
:
"\f157"
}
.icon-renminbi
:before
,
.icon-cny
:before
{
content
:
"\f158"
}
.icon-won
:before
,
.icon-krw
:before
{
content
:
"\f159"
}
.icon-bitcoin
:before
,
.icon-btc
:before
{
content
:
"\f15a"
}
.icon-file
:before
{
content
:
"\f15b"
}
.icon-file-text
:before
{
content
:
"\f15c"
}
.icon-sort-by-alphabet
:before
{
content
:
"\f15d"
}
.icon-sort-by-alphabet-alt
:before
{
content
:
"\f15e"
}
.icon-sort-by-attributes
:before
{
content
:
"\f160"
}
.icon-sort-by-attributes-alt
:before
{
content
:
"\f161"
}
.icon-sort-by-order
:before
{
content
:
"\f162"
}
.icon-sort-by-order-alt
:before
{
content
:
"\f163"
}
.icon-thumbs-up
:before
{
content
:
"\f164"
}
.icon-thumbs-down
:before
{
content
:
"\f165"
}
.icon-youtube-sign
:before
{
content
:
"\f166"
}
.icon-youtube
:before
{
content
:
"\f167"
}
.icon-xing
:before
{
content
:
"\f168"
}
.icon-xing-sign
:before
{
content
:
"\f169"
}
.icon-youtube-play
:before
{
content
:
"\f16a"
}
.icon-dropbox
:before
{
content
:
"\f16b"
}
.icon-stackexchange
:before
{
content
:
"\f16c"
}
.icon-instagram
:before
{
content
:
"\f16d"
}
.icon-flickr
:before
{
content
:
"\f16e"
}
.icon-adn
:before
{
content
:
"\f170"
}
.icon-bitbucket
:before
{
content
:
"\f171"
}
.icon-bitbucket-sign
:before
{
content
:
"\f172"
}
.icon-tumblr
:before
{
content
:
"\f173"
}
.icon-tumblr-sign
:before
{
content
:
"\f174"
}
.icon-long-arrow-down
:before
{
content
:
"\f175"
}
.icon-long-arrow-up
:before
{
content
:
"\f176"
}
.icon-long-arrow-left
:before
{
content
:
"\f177"
}
.icon-long-arrow-right
:before
{
content
:
"\f178"
}
.icon-apple
:before
{
content
:
"\f179"
}
.icon-windows
:before
{
content
:
"\f17a"
}
.icon-android
:before
{
content
:
"\f17b"
}
.icon-linux
:before
{
content
:
"\f17c"
}
.icon-dribbble
:before
{
content
:
"\f17d"
}
.icon-skype
:before
{
content
:
"\f17e"
}
.icon-foursquare
:before
{
content
:
"\f180"
}
.icon-trello
:before
{
content
:
"\f181"
}
.icon-female
:before
{
content
:
"\f182"
}
.icon-male
:before
{
content
:
"\f183"
}
.icon-gittip
:before
{
content
:
"\f184"
}
.icon-sun
:before
{
content
:
"\f185"
}
.icon-moon
:before
{
content
:
"\f186"
}
.icon-archive
:before
{
content
:
"\f187"
}
.icon-bug
:before
{
content
:
"\f188"
}
.icon-vk
:before
{
content
:
"\f189"
}
.icon-weibo
:before
{
content
:
"\f18a"
}
.icon-renren
:before
{
content
:
"\f18b"
}
@-webkit-keyframes
fadeIn
{
0
%
{
opacity
:
0.0
}
50
%
{
opacity
:
0.5
}
100
%
{
opacity
:
1.0
}}
@-moz-keyframes
fadeIn
{
0
%
{
opacity
:
0.0
}
50
%
{
opacity
:
0.5
}
100
%
{
opacity
:
1.0
}}
@-o-keyframes
fadeIn
{
0
%
{
opacity
:
0.0
}
50
%
{
opacity
:
0.5
}
100
%
{
opacity
:
1.0
}}
@keyframes
fadeIn
{
0
%
{
opacity
:
0.0
}
50
%
{
opacity
:
0.5
}
100
%
{
opacity
:
1.0
}}
.anim-fadeIn
{
-webkit-animation
:
fadeIn
0.25s
linear
1
;
-moz-animation
:
fadeIn
0.25s
linear
1
;
animation
:
fadeIn
0.25s
linear
1
}
@-webkit-keyframes
fadeOut
{
0
%
{
opacity
:
1.0
}
50
%
{
opacity
:
0.5
}
100
%
{
opacity
:
0.0
}}
@-moz-keyframes
fadeOut
{
0
%
{
opacity
:
1.0
}
50
%
{
opacity
:
0.5
}
100
%
{
opacity
:
0.0
}}
@-o-keyframes
fadeOut
{
0
%
{
opacity
:
1.0
}
50
%
{
opacity
:
0.5
}
100
%
{
opacity
:
0.0
}}
@keyframes
fadeOut
{
0
%
{
opacity
:
1.0
}
50
%
{
opacity
:
0.5
}
100
%
{
opacity
:
0.0
}}
.anim-fadeOut
{
-webkit-animation
:
fadeOut
0.25s
linear
1
;
-moz-animation
:
fadeOut
0.25s
linear
1
;
animation
:
fadeOut
0.25s
linear
1
}
@-webkit-keyframes
rotateUp
{
0
%
{
-webkit-transform
:
rotate
(
0deg
)}
50
%
{
-webkit-transform
:
rotate
(
-90deg
)}
100
%
{
-webkit-transform
:
rotate
(
-180deg
)}}
@-moz-keyframes
rotateUp
{
0
%
{
-moz-transform
:
rotate
(
0deg
)}
50
%
{
-moz-transform
:
rotate
(
-90deg
)}
100
%
{
-moz-transform
:
rotate
(
-180deg
)}}
@-o-keyframes
rotateUp
{
0
%
{
-o-transform
:
rotate
(
0deg
)}
50
%
{
-o-transform
:
rotate
(
-90deg
)}
100
%
{
-o-transform
:
rotate
(
-180deg
)}}
@keyframes
rotateUp
{
0
%
{
transform
:
rotate
(
0deg
)}
50
%
{
transform
:
rotate
(
-90deg
)}
100
%
{
transform
:
rotate
(
-180deg
)}}
.anim-rotateUp
{
-webkit-animation
:
rotateUp
0.25s
ease-in-out
1
;
-moz-animation
:
rotateUp
0.25s
ease-in-out
1
;
animation
:
rotateUp
0.25s
ease-in-out
1
}
@-webkit-keyframes
rotateDown
{
0
%
{
-webkit-transform
:
rotate
(
0deg
)}
50
%
{
-webkit-transform
:
rotate
(
90deg
)}
100
%
{
-webkit-transform
:
rotate
(
180deg
)}}
@-moz-keyframes
rotateDown
{
0
%
{
-moz-transform
:
rotate
(
0deg
)}
50
%
{
-moz-transform
:
rotate
(
90deg
)}
100
%
{
-moz-transform
:
rotate
(
180deg
)}}
@-o-keyframes
rotateDown
{
0
%
{
-o-transform
:
rotate
(
0deg
)}
50
%
{
-o-transform
:
rotate
(
90deg
)}
100
%
{
-o-transform
:
rotate
(
180deg
)}}
@keyframes
rotateDown
{
0
%
{
transform
:
rotate
(
0deg
)}
50
%
{
transform
:
rotate
(
90deg
)}
100
%
{
transform
:
rotate
(
180deg
)}}
.anim-rotateDown
{
-webkit-animation
:
rotateDown
0.25s
ease-in-out
1
;
-moz-animation
:
rotateDown
0.25s
ease-in-out
1
;
animation
:
rotateDown
0.25s
ease-in-out
1
}
@-webkit-keyframes
rotateCW
{
0
%
{
-webkit-transform
:
rotate
(
0deg
)}
50
%
{
-webkit-transform
:
rotate
(
180deg
)}
100
%
{
-webkit-transform
:
rotate
(
360deg
)}}
@-moz-keyframes
rotateCW
{
0
%
{
-moz-transform
:
rotate
(
0deg
)}
50
%
{
-moz-transform
:
rotate
(
180deg
)}
100
%
{
-moz-transform
:
rotate
(
360deg
)}}
@-o-keyframes
rotateCW
{
0
%
{
-o-transform
:
rotate
(
0deg
)}
50
%
{
-o-transform
:
rotate
(
180deg
)}
100
%
{
-o-transform
:
rotate
(
360deg
)}}
@keyframes
rotateCW
{
0
%
{
transform
:
rotate
(
0deg
)}
50
%
{
transform
:
rotate
(
180deg
)}
100
%
{
transform
:
rotate
(
360deg
)}}
.anim-rotateCW
{
-webkit-animation
:
rotateCW
1s
linear
infinite
;
-moz-animation
:
rotateCW
1s
linear
infinite
;
animation
:
rotateCW
1s
linear
infinite
}
@-webkit-keyframes
rotateCCW
{
0
%
{
-webkit-transform
:
rotate
(
0deg
)}
50
%
{
-webkit-transform
:
rotate
(
-180deg
)}
100
%
{
-webkit-transform
:
rotate
(
-360deg
)}}
@-moz-keyframes
rotateCCW
{
0
%
{
-moz-transform
:
rotate
(
0deg
)}
50
%
{
-moz-transform
:
rotate
(
-180deg
)}
100
%
{
-moz-transform
:
rotate
(
-360deg
)}}
@-o-keyframes
rotateCCW
{
0
%
{
-o-transform
:
rotate
(
0deg
)}
50
%
{
-o-transform
:
rotate
(
-180deg
)}
100
%
{
-o-transform
:
rotate
(
-360deg
)}}
@keyframes
rotateCCW
{
0
%
{
transform
:
rotate
(
0deg
)}
50
%
{
transform
:
rotate
(
-180deg
)}
100
%
{
transform
:
rotate
(
-360deg
)}}
.anim-rotateCCW
{
-webkit-animation
:
rotateCCW
1s
linear
infinite
;
-moz-animation
:
rotateCCW
1s
linear
infinite
;
animation
:
rotateCCW
1s
linear
infinite
}
@-webkit-keyframes
bounceIn
{
0
%
{
opacity
:
0.0
;
-webkit-transform
:
scale
(
0.3
)}
50
%
{
opacity
:
1.0
;
-webkit-transform
:
scale
(
1.05
)}
100
%
{
-webkit-transform
:
scale
(
1
)}}
@-moz-keyframes
bounceIn
{
0
%
{
opacity
:
0.0
;
-moz-transform
:
scale
(
0.3
)}
50
%
{
opacity
:
1.0
;
-moz-transform
:
scale
(
1.05
)}
100
%
{
-moz-transform
:
scale
(
1
)}}
@-o-keyframes
bounceIn
{
0
%
{
opacity
:
0.0
;
-o-transform
:
scale
(
0.3
)}
50
%
{
opacity
:
1.0
;
-o-transform
:
scale
(
1.05
)}
100
%
{
-o-transform
:
scale
(
1
)}}
@keyframes
bounceIn
{
0
%
{
opacity
:
0.0
;
transform
:
scale
(
0.3
)}
50
%
{
opacity
:
1.0
;
transform
:
scale
(
1.05
)}
100
%
{
transform
:
scale
(
1
)}}
.anim-bounceIn
{
-webkit-animation
:
bounceIn
0.5s
ease-in-out
1
;
-moz-animation
:
bounceIn
0.5s
ease-in-out
1
;
animation
:
bounceIn
0.5s
ease-in-out
1
}
@-webkit-keyframes
bounceOut
{
0
%
{
-webkit-transform
:
scale
(
1
)}
50
%
{
opacity
:
1.0
;
-webkit-transform
:
scale
(
1.05
)}
100
%
{
opacity
:
0.0
;
-webkit-transform
:
scale
(
0.3
)}}
@-moz-keyframes
bounceOut
{
0
%
{
-moz-transform
:
scale
(
1
)}
50
%
{
opacity
:
1.0
;
-moz-transform
:
scale
(
1.05
)}
100
%
{
opacity
:
0.0
;
-moz-transform
:
scale
(
0.3
)}}
@-o-keyframes
bounceOut
{
0
%
{
-o-transform
:
scale
(
1
)}
50
%
{
opacity
:
1.0
;
-o-transform
:
scale
(
1.05
)}
100
%
{
opacity
:
0.0
;
-o-transform
:
scale
(
0.3
)}}
@keyframes
bounceOut
{
0
%
{
transform
:
scale
(
1
)}
50
%
{
opacity
:
1.0
;
transform
:
scale
(
1.05
)}
100
%
{
opacity
:
0.0
;
transform
:
scale
(
0.3
)}}
.anim-bounceOut
{
-webkit-animation
:
bounceOut
0.5s
ease-in-out
1
;
-moz-animation
:
bounceOut
0.5s
ease-in-out
1
;
animation
:
bounceOut
0.5s
ease-in-out
1
}
html
{
font-size
:
62.5%
;
overflow-y
:
scroll
}
body
{
font-size
:
16px
;
font-size
:
1.6rem
}
[
class
^=
"content"
]
a
{
-webkit-transition
:
color
0.75s
ease-in-out
,
border
0.75s
ease-in-out
;
-moz-transition
:
color
0.75s
ease-in-out
,
border
0.75s
ease-in-out
;
transition
:
color
0.75s
ease-in-out
,
border
0.75s
ease-in-out
;
text-decoration
:
none
}
[
class
^=
"content"
]
a
:link
,[
class
^=
"content"
]
a
:visited
{
color
:
#299acd
;
border-bottom
:
1px
solid
transparent
}
[
class
^=
"content"
]
a
:hover
,[
class
^=
"content"
]
a
:active
{
color
:
#05a8f1
;
border-bottom
:
1px
solid
#05a8f1
}
[
class
^=
"wrapper-"
]
{
padding
:
0
}
[
class
^=
"wrapper-"
]>*
{
margin
:
0
auto
}
.view--index
.header__tagline
,
.view--index
.list--docs
.item-audience__title
,
.view--index
.list--docs
.list--links
.item-link__title
,
.view--index
.content__supplementary
.info__title
{
font-family
:
"Open Sans"
,
"Helvetica Neue"
,
Helvetica
,
Arial
,
sans-serif
}
.view--index
.logo-docs
{
font-size
:
72px
;
font-size
:
7.2rem
;
line-height
:
111.6px
;
line-height
:
11.16rem
}
.view--index
.header__tagline
{
font-size
:
24px
;
font-size
:
2.4rem
;
line-height
:
37.2px
;
line-height
:
3.72rem
}
.view--index
.list--docs
.item-audience__title
{
font-size
:
18px
;
font-size
:
1.8rem
;
line-height
:
27.9px
;
line-height
:
2.79rem
}
.view--index
.list--docs
.list--links
.item-link__title
,
.view--index
.content__supplementary
.info__title
{
font-size
:
14px
;
font-size
:
1.4rem
;
line-height
:
21.7px
;
line-height
:
2.17rem
}
body
,
.view--index
.list--docs
.item-audience__copy
,
.view--index
.content__main
.introduction__copy
,
.footer--primary
.copyright__copy
,
.view--index
.list--docs
.list--links
.item-link__copy
,
.view--index
.content__supplementary
.info__copy
{
font-family
:
"Open Sans"
,
"Helvetica Neue"
,
Helvetica
,
Arial
,
sans-serif
}
.view--index
.list--docs
.item-audience__copy
{
font-size
:
16px
;
font-size
:
1.6rem
;
line-height
:
24.8px
;
line-height
:
2.48rem
}
.view--index
.content__main
.introduction__copy
{
font-size
:
18px
;
font-size
:
1.8rem
;
line-height
:
27.9px
;
line-height
:
2.79rem
}
.footer--primary
.copyright__copy
,
.view--index
.list--docs
.list--links
.item-link__copy
,
.view--index
.content__supplementary
.info__copy
{
font-size
:
14px
;
font-size
:
1.4rem
;
line-height
:
21.7px
;
line-height
:
2.17rem
}
.view--index
.list--docs
.icon-stack
{
font-size
:
24px
;
font-size
:
2.4rem
}
.view--index
.logo-docs
{
font-weight
:
300
}
.view--index
.header__tagline
{
font-weight
:
500
}
strong
,
.view--index
.list--docs
.item-audience__title
,
.view--index
.content__supplementary
.info__title
{
font-weight
:
600
}
.wrapper-ui-badge
{
position
:
absolute
;
top
:
-1px
;
left
:
30px
;
width
:
100%
}
.footer--primary
{
display
:
block
;
float
:
left
;
margin-right
:
2.35765%
;
width
:
100%
;
margin
:
30px
0
}
.footer--primary
:last-child
{
margin-right
:
0
}
.footer--primary
.content--copyright
{
text-align
:
center
}
.view--index
{
border-top
:
5px
solid
#a2d9f2
;
background
:
#f0f0f0
url("../images/bg-subtlepatterns-carbonfiber.png")
0
0
repeat
}
.view--index
.wrapper--view
{
max-width
:
1280px
;
margin-left
:
auto
;
margin-right
:
auto
;
padding
:
40px
60px
}
.view--index
.wrapper--view
:after
{
content
:
''
;
display
:
block
;
height
:
0
;
visibility
:
hidden
;
clear
:
both
}
@media
screen
and
(
max-width
:
500px
){
.view--index
.wrapper--view
{
padding
:
20px
30px
}}
.view--index
*[
class
$
=
"__title"
]
{
color
:
#353a3d
}
.view--index
*[
class
$
=
"__copy"
]
{
color
:
#85888a
}
.view--index
*[
class
$
=
"__copy"
]
p
{
margin-bottom
:
20px
}
.view--index
.info
{
margin-bottom
:
40px
}
.view--index
.list--docs
.item-audience
:hover
.icon-stack-base
{
color
:
#85888a
}
.view--index
.list--docs
.item-audience
:hover
.item-audience__title
{
border-top-color
:
#85888a
}
.view--index
.list--docs
.icon-stack
{
position
:
absolute
;
top
:
-20px
;
left
:
-5px
}
.view--index
.list--docs
.icon-stack
.icon-stack-base
{
-webkit-transition
:
color
0.5s
ease-in-out
;
-moz-transition
:
color
0.5s
ease-in-out
;
transition
:
color
0.5s
ease-in-out
;
color
:
#eaebeb
}
.view--index
.list--docs
.icon-stack
.icon-light
{
font-size
:
20px
;
font-size
:
2rem
}
.view--index
.list--docs
.item-audience__title
{
-webkit-transition
:
border-color
0.5s
ease-in-out
;
-moz-transition
:
border-color
0.5s
ease-in-out
;
transition
:
border-color
0.5s
ease-in-out
;
margin-bottom
:
10px
;
border-top
:
5px
solid
#eaebeb
;
padding-top
:
30px
}
@media
screen
and
(
min-width
:
500px
)
and
(
max-width
:
760px
){
.view--index
.list--docs
.item-audience__copy
{
font-size
:
14px
;
font-size
:
1.4rem
;
line-height
:
21.7px
;
line-height
:
2.17rem
}}
@media
screen
and
(
max-width
:
500px
){
.view--index
.list--docs
.item-audience__copy
{
font-size
:
14px
;
font-size
:
1.4rem
;
line-height
:
21.7px
;
line-height
:
2.17rem
}}
.view--index
.list--docs
.list--links
{
margin-top
:
20px
}
.view--index
.list--docs
.list--links
.item-link
{
margin-bottom
:
20px
;
border-bottom
:
1px
solid
#eaebeb
;
padding-bottom
:
20px
}
.view--index
.list--docs
.list--links
.item-link__title
{
color
:
#299acd
}
.view--index
.list--docs
.list--links
.item-link__copy
{
-webkit-transition
:
color
0.5s
ease-in-out
;
-moz-transition
:
color
0.5s
ease-in-out
;
transition
:
color
0.5s
ease-in-out
;
color
:
#aeb0b1
}
.view--index
.list--docs
.item-link__action
{
-webkit-transition
:
background
0.5s
ease-in-out
;
-moz-transition
:
background
0.5s
ease-in-out
;
transition
:
background
0.5s
ease-in-out
}
.view--index
.list--docs
.item-link__action
:hover
.item-link__title
{
color
:
#05a8f1
}
.view--index
.list--docs
.item-link__action
:hover
.item-link__copy
{
color
:
#5d6163
}
.view--index
.list--docs
.item-link__action
:visited
{
opacity
:
0.9
}
.view--index
.introduction
{
margin-bottom
:
40px
}
.view--index
.wrapper--header
{
background
:
#17a1df
url("../images/bg-subtlepatterns-struckaxiom.png")
0
0
repeat
;
max-width
:
1280px
;
margin-left
:
auto
;
margin-right
:
auto
;
padding
:
0
80px
;
border-bottom
:
5px
solid
#17a1df
;
position
:
relative
}
.view--index
.wrapper--header
:after
{
content
:
''
;
display
:
block
;
height
:
0
;
visibility
:
hidden
;
clear
:
both
}
@media
screen
and
(
min-width
:
760px
)
and
(
max-width
:
1024px
){
.view--index
.wrapper--header
{
padding
:
0
80px
}}
@media
screen
and
(
min-width
:
500px
)
and
(
max-width
:
760px
){
.view--index
.wrapper--header
{
padding
:
0
40px
}}
@media
screen
and
(
max-width
:
500px
){
.view--index
.wrapper--header
{
padding
:
0
40px
}}
.view--index
.header--primary
{
display
:
block
;
float
:
left
;
margin-right
:
2.35765%
;
width
:
100%
;
position
:
relative
}
.view--index
.header--primary
:last-child
{
margin-right
:
0
}
.view--index
.wrapper--logo
{
display
:
block
;
float
:
left
;
margin-right
:
2.35765%
;
width
:
14.70196%
;
margin-left
:
42.64902%
;
position
:
relative
;
top
:
-10px
;
box-shadow
:
0
2px
2px
0
rgba
(
0
,
0
,
0
,
0.1
);
border-top
:
5px
solid
#05a8f1
;
padding
:
15px
20px
;
background
:
#fff
}
.view--index
.wrapper--logo
:last-child
{
margin-right
:
0
}
@media
screen
and
(
min-width
:
760px
)
and
(
max-width
:
1024px
){
.view--index
.wrapper--logo
{
display
:
block
;
float
:
left
;
margin-right
:
2.35765%
;
width
:
14.70196%
;
margin-left
:
42.64902%
}
.view--index
.wrapper--logo
:last-child
{
margin-right
:
0
}}
@media
screen
and
(
min-width
:
500px
)
and
(
max-width
:
760px
){
.view--index
.wrapper--logo
{
display
:
block
;
float
:
left
;
margin-right
:
4.82916%
;
width
:
30.11389%
;
margin-left
:
34.94305%
}
.view--index
.wrapper--logo
:last-child
{
margin-right
:
0
}}
@media
screen
and
(
max-width
:
500px
){
.view--index
.wrapper--logo
{
display
:
block
;
float
:
left
;
margin-right
:
4.82916%
;
width
:
30.11389%
;
margin-left
:
34.94305%
}
.view--index
.wrapper--logo
:last-child
{
margin-right
:
0
}}
.view--index
.wrapper--logo
*[
class
^=
"depth"
]
{
position
:
absolute
;
top
:
-5px
}
.view--index
.wrapper--logo
.depth-left
{
height
:
0
;
width
:
0
;
border-bottom
:
10px
solid
#094059
;
border-left
:
10px
solid
transparent
;
left
:
-10px
}
.view--index
.wrapper--logo
.depth-right
{
height
:
0
;
width
:
0
;
border-bottom
:
10px
solid
#094059
;
border-right
:
10px
solid
transparent
;
right
:
-10px
}
.view--index
.logo-edx
{
width
:
100%
;
height
:
100%
;
display
:
block
}
.view--index
.wrapper--title
{
display
:
block
;
float
:
left
;
margin-right
:
2.35765%
;
width
:
100%
;
position
:
relative
;
top
:
-40px
}
.view--index
.wrapper--title
:last-child
{
margin-right
:
0
}
@media
screen
and
(
min-width
:
760px
)
and
(
max-width
:
1024px
){
.view--index
.wrapper--title
{
top
:
-30px
}}
@media
screen
and
(
min-width
:
500px
)
and
(
max-width
:
760px
){
.view--index
.wrapper--title
{
top
:
-20px
}}
@media
screen
and
(
max-width
:
500px
){
.view--index
.wrapper--title
{
top
:
-10px
}}
.view--index
.logo-docs
{
display
:
block
;
margin-bottom
:
10px
;
color
:
#fff
}
@media
screen
and
(
min-width
:
500px
)
and
(
max-width
:
760px
){
.view--index
.logo-docs
{
font-size
:
48px
;
font-size
:
4.8rem
;
line-height
:
74.4px
;
line-height
:
7.44rem
}}
@media
screen
and
(
max-width
:
500px
){
.view--index
.logo-docs
{
font-size
:
36px
;
font-size
:
3.6rem
;
line-height
:
55.8px
;
line-height
:
5.58rem
}}
.view--index
.header__tagline
{
position
:
relative
;
top
:
-10px
;
color
:
#fff
}
@media
screen
and
(
min-width
:
500px
)
and
(
max-width
:
760px
){
.view--index
.header__tagline
{
font-size
:
20px
;
font-size
:
2rem
;
line-height
:
31px
;
line-height
:
3.1rem
}}
@media
screen
and
(
max-width
:
500px
){
.view--index
.header__tagline
{
font-size
:
18px
;
font-size
:
1.8rem
;
line-height
:
27.9px
;
line-height
:
2.79rem
}}
.view--index
.wrapper--deco
{
display
:
block
;
float
:
left
;
margin-right
:
2.35765%
;
width
:
31.76157%
}
.view--index
.wrapper--deco
:last-child
{
margin-right
:
0
}
.view--index
.deco
{
width
:
100%
;
height
:
100%
;
display
:
block
;
position
:
relative
;
overflow
:
hidden
}
.view--index
.deco
.icon-stack
.icon-stack-base
{
color
:
#1280b2
}
.view--index
.deco
.icon-stack
.icon-light
{
position
:
relative
;
top
:
20px
;
font-size
:
60px
;
font-size
:
6rem
;
color
:
#1280b2
}
.view--index
.deco
.deco__doc1
,
.view--index
.deco
.deco__doc2
,
.view--index
.deco
.deco__doc3
{
position
:
absolute
;
display
:
inline-block
;
top
:
0
}
.view--index
.deco
.deco__doc1
{
font-size
:
72px
;
font-size
:
7.2rem
;
left
:
-40px
}
.view--index
.deco
.deco__doc1
.icon-light
{
font-size
:
40px
;
font-size
:
4rem
;
top
:
15px
}
.view--index
.deco
.deco__doc2
{
font-size
:
100px
;
font-size
:
10rem
;
left
:
30px
}
.view--index
.deco
.deco__doc2
.icon-light
{
top
:
20px
}
.view--index
.deco
.deco__doc3
{
font-size
:
72px
;
font-size
:
7.2rem
;
right
:
-40px
}
.view--index
.deco
.deco__doc3
.icon-light
{
font-size
:
40px
;
font-size
:
4rem
;
top
:
15px
}
.view--index
.content--view
{
display
:
block
;
float
:
left
;
margin-right
:
2.35765%
;
width
:
100%
;
box-shadow
:
0
2px
2px
0
rgba
(
0
,
0
,
0
,
0.1
);
background
:
#fff
;
padding
:
60px
}
.view--index
.content--view
:last-child
{
margin-right
:
0
}
@media
screen
and
(
min-width
:
500px
)
and
(
max-width
:
760px
){
.view--index
.content--view
{
padding
:
40px
}}
@media
screen
and
(
max-width
:
500px
){
.view--index
.content--view
{
padding
:
40px
}}
.view--index
.content__main
{
display
:
block
;
float
:
left
;
margin-right
:
2.35765%
;
width
:
74.41059%
}
.view--index
.content__main
:last-child
{
margin-right
:
0
}
@media
screen
and
(
min-width
:
760px
)
and
(
max-width
:
1024px
){
.view--index
.content__main
{
width
:
100%
;
margin-bottom
:
60px
}}
@media
screen
and
(
min-width
:
500px
)
and
(
max-width
:
760px
){
.view--index
.content__main
{
width
:
100%
;
margin-bottom
:
40px
}}
@media
screen
and
(
max-width
:
500px
){
.view--index
.content__main
{
width
:
100%
;
margin-bottom
:
40px
}}
@media
screen
and
(
min-width
:
500px
)
and
(
max-width
:
760px
){
.view--index
.content__main
.introduction__copy
{
font-size
:
16px
;
font-size
:
1.6rem
;
line-height
:
24.8px
;
line-height
:
2.48rem
}}
@media
screen
and
(
max-width
:
500px
){
.view--index
.content__main
.introduction__copy
{
font-size
:
16px
;
font-size
:
1.6rem
;
line-height
:
24.8px
;
line-height
:
2.48rem
}}
.view--index
.content__main
.item-audience
{
display
:
block
;
float
:
left
;
margin-right
:
3.16844%
;
width
:
31.22104%
;
position
:
relative
}
.view--index
.content__main
.item-audience
:last-child
{
margin-right
:
0
}
@media
screen
and
(
min-width
:
760px
)
and
(
max-width
:
1024px
){
.view--index
.content__main
.item-audience
{
width
:
100%
;
margin-bottom
:
60px
}}
@media
screen
and
(
min-width
:
500px
)
and
(
max-width
:
760px
){
.view--index
.content__main
.item-audience
{
width
:
100%
;
margin-bottom
:
40px
}}
@media
screen
and
(
max-width
:
500px
){
.view--index
.content__main
.item-audience
{
width
:
100%
;
margin-bottom
:
60px
}}
.view--index
.content__supplementary
{
display
:
block
;
float
:
left
;
margin-right
:
2.35765%
;
width
:
23.23176%
}
.view--index
.content__supplementary
:last-child
{
margin-right
:
0
}
@media
screen
and
(
min-width
:
760px
)
and
(
max-width
:
1024px
){
.view--index
.content__supplementary
{
width
:
100%
}}
@media
screen
and
(
min-width
:
500px
)
and
(
max-width
:
760px
){
.view--index
.content__supplementary
{
width
:
100%
}}
@media
screen
and
(
max-width
:
500px
){
.view--index
.content__supplementary
{
width
:
100%
}}
.view--index
.content__supplementary
.info
{
-webkit-transition
:
border-color
0.5s
ease-in-out
;
-moz-transition
:
border-color
0.5s
ease-in-out
;
transition
:
border-color
0.5s
ease-in-out
;
border-top
:
5px
solid
#eaebeb
;
padding-top
:
10px
}
.view--index
.content__supplementary
.info
:hover
{
border-top-color
:
#85888a
}
.view--index
.content__supplementary
.info__title
{
margin-bottom
:
10px
}
edx-docs/assets/sass/_base.scss
View file @
ca2e1ee8
...
...
@@ -36,7 +36,7 @@ body {
// layout
[
class
^=
"wrapper-"
]
{
@extend
%wrapper
;
@extend
%
ui-
wrapper
;
padding
:
0
;
>
*
{
...
...
@@ -45,7 +45,7 @@ body {
}
.sr
,
hr
.divider
{
@extend
%text-sr
;
@extend
%
ui-
text-sr
;
}
// ====================
...
...
@@ -57,5 +57,5 @@ strong {
// reset: lists
.list--actions
,
.list--docs
,
.list--steps
,
.list--controls
,
.list--fields
,
.list--help
,
.nav--wizard
,
.list--tips
,
.field--group
{
@extend
%no-list
;
@extend
%
ui-
no-list
;
}
edx-docs/assets/sass/elements/_footer.scss
View file @
ca2e1ee8
...
...
@@ -2,53 +2,20 @@
// ====================
// primary footer
.wrapper-outer-footer
{
box-shadow
:
inset
0
1px
1px
1px
$shadow-l1
;
display
:
inline-block
;
background
:
$blue-d2
url('../images/bg-mast.png')
0
0
repeat
;
.wrapper--footer
{
.wrapper-footer
{
@include
outer-container
;
@include
pad
((
$baseline
*
2
)
(
$baseline
*
3
));
@include
media
(
$bp-m
)
{
@include
pad
((
$baseline
)
(
$baseline
*
2
));
}
}
footer
.
primary
{
.footer--
primary
{
@include
span-columns
(
12
);
color
:
$gray-l2
;
.copy
{
color
:
$gray-l4
;
}
.privacy
{
text-align
:
right
;
}
.privacy
,
.copyright
{
@extend
%trans-size
;
@extend
%t-copy-sub1
;
@include
span-columns
(
6
of
12
);
margin
:
(
$baseline
*
1
.5
)
0
;
@include
media
(
$bp-ds
)
{
@include
fill-parent
;
margin-bottom
:
(
$baseline
/
2
);
.content--copyright
{
text-align
:
center
;
}
@include
media
(
$bp-m
)
{
@include
fill-parent
;
margin-bottom
:
(
$baseline
/
2
);
text-align
:
center
;
}
a
{
color
:
$white
;
}
}
}
.copyright__copy
{
@extend
%t-copy-sub1
;
}
}
edx-docs/assets/sass/elements/_icons.scss
View file @
ca2e1ee8
...
...
@@ -25,7 +25,7 @@
// OPTION: add this class for a visual hanging display
&
.is-hanging
{
@include
box-sizing
(
border-box
);
@extend
%depth2
;
@extend
%
ui-
depth2
;
top
:
-
(
$baseline
/
4
);
&
:after
{
...
...
edx-docs/assets/sass/elements/_navigation.scss
View file @
ca2e1ee8
...
...
@@ -5,7 +5,7 @@
nav
{
ol
,
ul
{
@extend
%no-list
;
@extend
%
ui-
no-list
;
}
.nav-item
{
...
...
edx-docs/assets/sass/utilities/_mixins.scss
View file @
ca2e1ee8
...
...
@@ -39,13 +39,13 @@
// ====================
// extends - layout
%wrapper
{
%
ui-
wrapper
{
@include
clearfix
();
@include
box-sizing
(
border-box
);
width
:
100%
;
}
%no-list
{
%
ui-
no-list
{
list-style
:
none
;
margin
:
0
;
padding
:
0
;
...
...
@@ -58,14 +58,14 @@
}
// image-replacement hidden text
%text-hide
{
%
ui-
text-hide
{
text-indent
:
200%
;
white-space
:
nowrap
;
overflow
:
hidden
;
}
// hidden elems - screenreaders
%text-sr
{
%
ui-
text-sr
{
border
:
0
;
clip
:
rect
(
0
0
0
0
);
height
:
1px
;
...
...
@@ -77,23 +77,23 @@
}
// wrapping
%text-wrap
{
%
ui-
text-wrap
{
text-wrap
:
wrap
;
white-space
:
pre-wrap
;
white-space
:
-
moz-pre-wrap
;
word-wrap
:
break-word
;
}
%fake-link
{
%
ui-
fake-link
{
cursor
:
pointer
;
}
%disabled
{
%
ui-
disabled
{
pointer-events
:
none
;
outline
:
none
;
}
%icon-inline
{
%
ui-
icon-inline
{
@extend
%t-icon
;
display
:
inline-block
;
vertical-align
:
middle
;
...
...
@@ -101,7 +101,7 @@
}
// nth-type style clearing
%wipe-first-child
{
%
ui-
wipe-first-child
{
&
:first-child
{
margin-top
:
0
;
...
...
@@ -110,7 +110,7 @@
}
}
%wipe-last-child
{
%
ui-
wipe-last-child
{
&
:last-child
{
margin-bottom
:
0
;
...
...
@@ -120,12 +120,12 @@
}
// extends - depth levels
%depth0
{
z-index
:
0
;
}
%depth1
{
z-index
:
10
;
}
%depth2
{
z-index
:
100
;
}
%depth3
{
z-index
:
1000
;
}
%depth4
{
z-index
:
10000
;
}
%depth5
{
z-index
:
100000
;
}
%
ui-
depth0
{
z-index
:
0
;
}
%
ui-
depth1
{
z-index
:
10
;
}
%
ui-
depth2
{
z-index
:
100
;
}
%
ui-
depth3
{
z-index
:
1000
;
}
%
ui-
depth4
{
z-index
:
10000
;
}
%
ui-
depth5
{
z-index
:
100000
;
}
// extends - transition
%trans-size
{
...
...
edx-docs/assets/sass/views/_index.scss
View file @
ca2e1ee8
...
...
@@ -29,7 +29,7 @@
color
:
$gray-l2
;
p
{
@extend
%wipe-last-child
;
@extend
%
ui-
wipe-last-child
;
margin-bottom
:
$baseline
;
}
}
...
...
@@ -38,7 +38,7 @@
// elems: info bits
.info
{
@extend
%wipe-last-child
;
@extend
%
ui-
wipe-last-child
;
margin-bottom
:
(
$baseline
*
2
);
}
...
...
@@ -110,7 +110,7 @@
margin-top
:
$baseline
;
.item-link
{
@extend
%wipe-last-child
;
@extend
%
ui-
wipe-last-child
;
margin-bottom
:
$baseline
;
border-bottom
:
1px
solid
$gray-l5
;
padding-bottom
:
$baseline
;
...
...
@@ -349,7 +349,7 @@
.deco__doc1
{
@include
font-size
(
72
);
@extend
%depth1
;
@extend
%
ui-
depth1
;
left
:
-
(
$baseline
*
2
);
.icon-stack-base
{
...
...
@@ -364,7 +364,7 @@
.deco__doc2
{
@include
font-size
(
100
);
@extend
%depth3
;
@extend
%
ui-
depth3
;
left
:
(
$baseline
*
1
.5
);
.icon-stack-base
{
...
...
@@ -378,7 +378,7 @@
.deco__doc3
{
@include
font-size
(
72
);
@extend
%depth2
;
@extend
%
ui-
depth2
;
right
:
-
(
$baseline
*
2
);
.icon-stack-base
{
...
...
@@ -455,7 +455,7 @@
// elem: audience lists
.item-audience
{
@extend
.trans-size
;
@extend
%wipe-last-child
;
@extend
%
ui-
wipe-last-child
;
@include
span-columns
(
3
of
9
);
position
:
relative
;
...
...
@@ -519,24 +519,4 @@
@extend
%t-copy-sub1
;
}
}
// ====================
// footer
.footer--primary
{
@include
span-columns
(
12
);
margin
:
(
$baseline
*
1
.5
)
0
;
.content--copyright
{
text-align
:
center
;
}
.copyright__copy
{
@extend
%t-copy-sub1
;
}
}
// ====================
}
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