Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
W
wiki-js
Project
Project
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
1
Issues
1
List
Board
Labels
Milestones
Merge Requests
1
Merge Requests
1
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Registry
Registry
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Jacklull
wiki-js
Commits
8c0ed468
Commit
8c0ed468
authored
Nov 21, 2016
by
NGPixel
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
Navbar revamp + Footer
parent
fc7e7d3d
Hide whitespace changes
Inline
Side-by-side
Showing
12 changed files
with
37 additions
and
45 deletions
+37
-45
app.css
assets/css/app.css
+0
-0
login.css
assets/css/login.css
+2
-2
app.scss
client/scss/app.scss
+1
-2
_footer.scss
client/scss/layout/_footer.scss
+0
-7
_header.scss
client/scss/layout/_header.scss
+1
-6
common.json
locales/en/common.json
+2
-1
common.json
locales/fr/common.json
+2
-1
footer.pug
views/common/footer.pug
+7
-8
header.pug
views/common/header.pug
+5
-3
_layout.pug
views/pages/admin/_layout.pug
+2
-2
edit.pug
views/pages/edit.pug
+4
-4
view.pug
views/pages/view.pug
+11
-9
No files found.
assets/css/app.css
View file @
8c0ed468
This source diff could not be displayed because it is too large. You can
view the blob
instead.
assets/css/login.css
View file @
8c0ed468
@charset
"UTF-8"
;
a
,
hr
{
padding
:
0
}
a
,
button
,
input
,
select
,
textarea
{
margin
:
0
}
article
,
aside
,
details
,
figure
,
footer
,
header
,
hr
,
main
,
nav
,
section
,
summary
{
display
:
block
}
.container
,
sub
,
sup
{
position
:
relative
}
#root
h2
,
#root
h4
{
color
:
rgba
(
255
,
255
,
255
,
.7
)}
#root
,
#root
button
,
#root
h1
,
a
{
color
:
#FFF
}
#root
button
,
.clickable
,
button
,
input
[
type
=
button
],
input
[
type
=
file
],
input
[
type
=
submit
],
label
{
cursor
:
pointer
}
.animated
{
-webkit-animation-duration
:
1s
;
animation-duration
:
1s
;
-webkit-animation-fill-mode
:
both
;
animation-fill-mode
:
both
}
.animated.infinite
{
-webkit-animation-iteration-count
:
infinite
;
animation-iteration-count
:
infinite
}
.animated.hinge
{
-webkit-animation-duration
:
2s
;
animation-duration
:
2s
}
.animated.bounceIn
,
.animated.bounceOut
,
.animated.flipOutX
,
.animated.flipOutY
{
-webkit-animation-duration
:
.75s
;
animation-duration
:
.75s
}
@-webkit-keyframes
bounce
{
0
%,
20
%,
53
%,
80
%,
to
{
-webkit-animation-timing-function
:
cubic-bezier
(
.215
,
.61
,
.355
,
1
);
animation-timing-function
:
cubic-bezier
(
.215
,
.61
,
.355
,
1
);
-webkit-transform
:
translateZ
(
0
);
transform
:
translateZ
(
0
)}
40
%,
43
%
{
-webkit-transform
:
translate3d
(
0
,
-30px
,
0
);
transform
:
translate3d
(
0
,
-30px
,
0
)}
40
%,
43
%,
70
%
{
-webkit-animation-timing-function
:
cubic-bezier
(
.755
,
.05
,
.855
,
.06
);
animation-timing-function
:
cubic-bezier
(
.755
,
.05
,
.855
,
.06
)}
70
%
{
-webkit-transform
:
translate3d
(
0
,
-15px
,
0
);
transform
:
translate3d
(
0
,
-15px
,
0
)}
90
%
{
-webkit-transform
:
translate3d
(
0
,
-4px
,
0
);
transform
:
translate3d
(
0
,
-4px
,
0
)}}
@keyframes
bounce
{
0
%,
20
%,
53
%,
80
%,
to
{
-webkit-animation-timing-function
:
cubic-bezier
(
.215
,
.61
,
.355
,
1
);
animation-timing-function
:
cubic-bezier
(
.215
,
.61
,
.355
,
1
);
-webkit-transform
:
translateZ
(
0
);
transform
:
translateZ
(
0
)}
40
%,
43
%
{
-webkit-transform
:
translate3d
(
0
,
-30px
,
0
);
transform
:
translate3d
(
0
,
-30px
,
0
)}
40
%,
43
%,
70
%
{
-webkit-animation-timing-function
:
cubic-bezier
(
.755
,
.05
,
.855
,
.06
);
animation-timing-function
:
cubic-bezier
(
.755
,
.05
,
.855
,
.06
)}
70
%
{
-webkit-transform
:
translate3d
(
0
,
-15px
,
0
);
transform
:
translate3d
(
0
,
-15px
,
0
)}
90
%
{
-webkit-transform
:
translate3d
(
0
,
-4px
,
0
);
transform
:
translate3d
(
0
,
-4px
,
0
)}}
.bounce
{
-webkit-animation-name
:
bounce
;
animation-name
:
bounce
;
-webkit-transform-origin
:
center
bottom
;
transform-origin
:
center
bottom
}
@-webkit-keyframes
flash
{
0
%,
50
%,
to
{
opacity
:
1
}
25
%,
75
%
{
opacity
:
0
}}
@keyframes
flash
{
0
%,
50
%,
to
{
opacity
:
1
}
25
%,
75
%
{
opacity
:
0
}}
.flash
{
-webkit-animation-name
:
flash
;
animation-name
:
flash
}
@-webkit-keyframes
pulse
{
0
%,
to
{
-webkit-transform
:
scaleX
(
1
);
transform
:
scaleX
(
1
)}
50
%
{
-webkit-transform
:
scale3d
(
1.05
,
1.05
,
1.05
);
transform
:
scale3d
(
1.05
,
1.05
,
1.05
)}}
@keyframes
pulse
{
0
%,
to
{
-webkit-transform
:
scaleX
(
1
);
transform
:
scaleX
(
1
)}
50
%
{
-webkit-transform
:
scale3d
(
1.05
,
1.05
,
1.05
);
transform
:
scale3d
(
1.05
,
1.05
,
1.05
)}}
.pulse
{
-webkit-animation-name
:
pulse
;
animation-name
:
pulse
}
@-webkit-keyframes
rubberBand
{
0
%,
to
{
-webkit-transform
:
scaleX
(
1
);
transform
:
scaleX
(
1
)}
30
%
{
-webkit-transform
:
scale3d
(
1.25
,
.75
,
1
);
transform
:
scale3d
(
1.25
,
.75
,
1
)}
40
%
{
-webkit-transform
:
scale3d
(
.75
,
1.25
,
1
);
transform
:
scale3d
(
.75
,
1.25
,
1
)}
50
%
{
-webkit-transform
:
scale3d
(
1.15
,
.85
,
1
);
transform
:
scale3d
(
1.15
,
.85
,
1
)}
65
%
{
-webkit-transform
:
scale3d
(
.95
,
1.05
,
1
);
transform
:
scale3d
(
.95
,
1.05
,
1
)}
75
%
{
-webkit-transform
:
scale3d
(
1.05
,
.95
,
1
);
transform
:
scale3d
(
1.05
,
.95
,
1
)}}
@keyframes
rubberBand
{
0
%,
to
{
-webkit-transform
:
scaleX
(
1
);
transform
:
scaleX
(
1
)}
30
%
{
-webkit-transform
:
scale3d
(
1.25
,
.75
,
1
);
transform
:
scale3d
(
1.25
,
.75
,
1
)}
40
%
{
-webkit-transform
:
scale3d
(
.75
,
1.25
,
1
);
transform
:
scale3d
(
.75
,
1.25
,
1
)}
50
%
{
-webkit-transform
:
scale3d
(
1.15
,
.85
,
1
);
transform
:
scale3d
(
1.15
,
.85
,
1
)}
65
%
{
-webkit-transform
:
scale3d
(
.95
,
1.05
,
1
);
transform
:
scale3d
(
.95
,
1.05
,
1
)}
75
%
{
-webkit-transform
:
scale3d
(
1.05
,
.95
,
1
);
transform
:
scale3d
(
1.05
,
.95
,
1
)}}
.rubberBand
{
-webkit-animation-name
:
rubberBand
;
animation-name
:
rubberBand
}
@-webkit-keyframes
shake
{
0
%,
to
{
-webkit-transform
:
translateZ
(
0
);
transform
:
translateZ
(
0
)}
10
%,
30
%,
50
%,
70
%,
90
%
{
-webkit-transform
:
translate3d
(
-10px
,
0
,
0
);
transform
:
translate3d
(
-10px
,
0
,
0
)}
20
%,
40
%,
60
%,
80
%
{
-webkit-transform
:
translate3d
(
10px
,
0
,
0
);
transform
:
translate3d
(
10px
,
0
,
0
)}}
@keyframes
shake
{
0
%,
to
{
-webkit-transform
:
translateZ
(
0
);
transform
:
translateZ
(
0
)}
10
%,
30
%,
50
%,
70
%,
90
%
{
-webkit-transform
:
translate3d
(
-10px
,
0
,
0
);
transform
:
translate3d
(
-10px
,
0
,
0
)}
20
%,
40
%,
60
%,
80
%
{
-webkit-transform
:
translate3d
(
10px
,
0
,
0
);
transform
:
translate3d
(
10px
,
0
,
0
)}}
.shake
{
-webkit-animation-name
:
shake
;
animation-name
:
shake
}
@-webkit-keyframes
headShake
{
0
%
{
-webkit-transform
:
translateX
(
0
);
transform
:
translateX
(
0
)}
6
.5
%
{
-webkit-transform
:
translateX
(
-6px
)
rotateY
(
-9deg
);
transform
:
translateX
(
-6px
)
rotateY
(
-9deg
)}
18
.5
%
{
-webkit-transform
:
translateX
(
5px
)
rotateY
(
7deg
);
transform
:
translateX
(
5px
)
rotateY
(
7deg
)}
31
.5
%
{
-webkit-transform
:
translateX
(
-3px
)
rotateY
(
-5deg
);
transform
:
translateX
(
-3px
)
rotateY
(
-5deg
)}
43
.5
%
{
-webkit-transform
:
translateX
(
2px
)
rotateY
(
3deg
);
transform
:
translateX
(
2px
)
rotateY
(
3deg
)}
50
%
{
-webkit-transform
:
translateX
(
0
);
transform
:
translateX
(
0
)}}
@keyframes
headShake
{
0
%
{
-webkit-transform
:
translateX
(
0
);
transform
:
translateX
(
0
)}
6
.5
%
{
-webkit-transform
:
translateX
(
-6px
)
rotateY
(
-9deg
);
transform
:
translateX
(
-6px
)
rotateY
(
-9deg
)}
18
.5
%
{
-webkit-transform
:
translateX
(
5px
)
rotateY
(
7deg
);
transform
:
translateX
(
5px
)
rotateY
(
7deg
)}
31
.5
%
{
-webkit-transform
:
translateX
(
-3px
)
rotateY
(
-5deg
);
transform
:
translateX
(
-3px
)
rotateY
(
-5deg
)}
43
.5
%
{
-webkit-transform
:
translateX
(
2px
)
rotateY
(
3deg
);
transform
:
translateX
(
2px
)
rotateY
(
3deg
)}
50
%
{
-webkit-transform
:
translateX
(
0
);
transform
:
translateX
(
0
)}}
.headShake
{
-webkit-animation-timing-function
:
ease-in-out
;
animation-timing-function
:
ease-in-out
;
-webkit-animation-name
:
headShake
;
animation-name
:
headShake
}
@-webkit-keyframes
swing
{
20
%
{
-webkit-transform
:
rotate
(
15deg
);
transform
:
rotate
(
15deg
)}
40
%
{
-webkit-transform
:
rotate
(
-10deg
);
transform
:
rotate
(
-10deg
)}
60
%
{
-webkit-transform
:
rotate
(
5deg
);
transform
:
rotate
(
5deg
)}
80
%
{
-webkit-transform
:
rotate
(
-5deg
);
transform
:
rotate
(
-5deg
)}
to
{
-webkit-transform
:
rotate
(
0
);
transform
:
rotate
(
0
)}}
@keyframes
swing
{
20
%
{
-webkit-transform
:
rotate
(
15deg
);
transform
:
rotate
(
15deg
)}
40
%
{
-webkit-transform
:
rotate
(
-10deg
);
transform
:
rotate
(
-10deg
)}
60
%
{
-webkit-transform
:
rotate
(
5deg
);
transform
:
rotate
(
5deg
)}
80
%
{
-webkit-transform
:
rotate
(
-5deg
);
transform
:
rotate
(
-5deg
)}
to
{
-webkit-transform
:
rotate
(
0
);
transform
:
rotate
(
0
)}}
.swing
{
-webkit-transform-origin
:
top
center
;
transform-origin
:
top
center
;
-webkit-animation-name
:
swing
;
animation-name
:
swing
}
@-webkit-keyframes
tada
{
0
%,
to
{
-webkit-transform
:
scaleX
(
1
);
transform
:
scaleX
(
1
)}
10
%,
20
%
{
-webkit-transform
:
scale3d
(
.9
,
.9
,
.9
)
rotate
(
-3deg
);
transform
:
scale3d
(
.9
,
.9
,
.9
)
rotate
(
-3deg
)}
30
%,
50
%,
70
%,
90
%
{
-webkit-transform
:
scale3d
(
1.1
,
1.1
,
1.1
)
rotate
(
3deg
);
transform
:
scale3d
(
1.1
,
1.1
,
1.1
)
rotate
(
3deg
)}
40
%,
60
%,
80
%
{
-webkit-transform
:
scale3d
(
1.1
,
1.1
,
1.1
)
rotate
(
-3deg
);
transform
:
scale3d
(
1.1
,
1.1
,
1.1
)
rotate
(
-3deg
)}}
@keyframes
tada
{
0
%,
to
{
-webkit-transform
:
scaleX
(
1
);
transform
:
scaleX
(
1
)}
10
%,
20
%
{
-webkit-transform
:
scale3d
(
.9
,
.9
,
.9
)
rotate
(
-3deg
);
transform
:
scale3d
(
.9
,
.9
,
.9
)
rotate
(
-3deg
)}
30
%,
50
%,
70
%,
90
%
{
-webkit-transform
:
scale3d
(
1.1
,
1.1
,
1.1
)
rotate
(
3deg
);
transform
:
scale3d
(
1.1
,
1.1
,
1.1
)
rotate
(
3deg
)}
40
%,
60
%,
80
%
{
-webkit-transform
:
scale3d
(
1.1
,
1.1
,
1.1
)
rotate
(
-3deg
);
transform
:
scale3d
(
1.1
,
1.1
,
1.1
)
rotate
(
-3deg
)}}
.tada
{
-webkit-animation-name
:
tada
;
animation-name
:
tada
}
@-webkit-keyframes
wobble
{
0
%,
to
{
-webkit-transform
:
none
;
transform
:
none
}
15
%
{
-webkit-transform
:
translate3d
(
-25%
,
0
,
0
)
rotate
(
-5deg
);
transform
:
translate3d
(
-25%
,
0
,
0
)
rotate
(
-5deg
)}
30
%
{
-webkit-transform
:
translate3d
(
20%
,
0
,
0
)
rotate
(
3deg
);
transform
:
translate3d
(
20%
,
0
,
0
)
rotate
(
3deg
)}
45
%
{
-webkit-transform
:
translate3d
(
-15%
,
0
,
0
)
rotate
(
-3deg
);
transform
:
translate3d
(
-15%
,
0
,
0
)
rotate
(
-3deg
)}
60
%
{
-webkit-transform
:
translate3d
(
10%
,
0
,
0
)
rotate
(
2deg
);
transform
:
translate3d
(
10%
,
0
,
0
)
rotate
(
2deg
)}
75
%
{
-webkit-transform
:
translate3d
(
-5%
,
0
,
0
)
rotate
(
-1deg
);
transform
:
translate3d
(
-5%
,
0
,
0
)
rotate
(
-1deg
)}}
@keyframes
wobble
{
0
%,
to
{
-webkit-transform
:
none
;
transform
:
none
}
15
%
{
-webkit-transform
:
translate3d
(
-25%
,
0
,
0
)
rotate
(
-5deg
);
transform
:
translate3d
(
-25%
,
0
,
0
)
rotate
(
-5deg
)}
30
%
{
-webkit-transform
:
translate3d
(
20%
,
0
,
0
)
rotate
(
3deg
);
transform
:
translate3d
(
20%
,
0
,
0
)
rotate
(
3deg
)}
45
%
{
-webkit-transform
:
translate3d
(
-15%
,
0
,
0
)
rotate
(
-3deg
);
transform
:
translate3d
(
-15%
,
0
,
0
)
rotate
(
-3deg
)}
60
%
{
-webkit-transform
:
translate3d
(
10%
,
0
,
0
)
rotate
(
2deg
);
transform
:
translate3d
(
10%
,
0
,
0
)
rotate
(
2deg
)}
75
%
{
-webkit-transform
:
translate3d
(
-5%
,
0
,
0
)
rotate
(
-1deg
);
transform
:
translate3d
(
-5%
,
0
,
0
)
rotate
(
-1deg
)}}
.wobble
{
-webkit-animation-name
:
wobble
;
animation-name
:
wobble
}
@-webkit-keyframes
jello
{
0
%,
11
.1
%,
to
{
-webkit-transform
:
none
;
transform
:
none
}
22
.2
%
{
-webkit-transform
:
skewX
(
-12.5deg
)
skewY
(
-12.5deg
);
transform
:
skewX
(
-12.5deg
)
skewY
(
-12.5deg
)}
33
.3
%
{
-webkit-transform
:
skewX
(
6.25deg
)
skewY
(
6.25deg
);
transform
:
skewX
(
6.25deg
)
skewY
(
6.25deg
)}
44
.4
%
{
-webkit-transform
:
skewX
(
-3.125deg
)
skewY
(
-3.125deg
);
transform
:
skewX
(
-3.125deg
)
skewY
(
-3.125deg
)}
55
.5
%
{
-webkit-transform
:
skewX
(
1.5625deg
)
skewY
(
1.5625deg
);
transform
:
skewX
(
1.5625deg
)
skewY
(
1.5625deg
)}
66
.6
%
{
-webkit-transform
:
skewX
(
-.78125deg
)
skewY
(
-.78125deg
);
transform
:
skewX
(
-.78125deg
)
skewY
(
-.78125deg
)}
77
.7
%
{
-webkit-transform
:
skewX
(
.390625deg
)
skewY
(
.390625deg
);
transform
:
skewX
(
.390625deg
)
skewY
(
.390625deg
)}
88
.8
%
{
-webkit-transform
:
skewX
(
-.1953125deg
)
skewY
(
-.1953125deg
);
transform
:
skewX
(
-.1953125deg
)
skewY
(
-.1953125deg
)}}
@keyframes
jello
{
0
%,
11
.1
%,
to
{
-webkit-transform
:
none
;
transform
:
none
}
22
.2
%
{
-webkit-transform
:
skewX
(
-12.5deg
)
skewY
(
-12.5deg
);
transform
:
skewX
(
-12.5deg
)
skewY
(
-12.5deg
)}
33
.3
%
{
-webkit-transform
:
skewX
(
6.25deg
)
skewY
(
6.25deg
);
transform
:
skewX
(
6.25deg
)
skewY
(
6.25deg
)}
44
.4
%
{
-webkit-transform
:
skewX
(
-3.125deg
)
skewY
(
-3.125deg
);
transform
:
skewX
(
-3.125deg
)
skewY
(
-3.125deg
)}
55
.5
%
{
-webkit-transform
:
skewX
(
1.5625deg
)
skewY
(
1.5625deg
);
transform
:
skewX
(
1.5625deg
)
skewY
(
1.5625deg
)}
66
.6
%
{
-webkit-transform
:
skewX
(
-.78125deg
)
skewY
(
-.78125deg
);
transform
:
skewX
(
-.78125deg
)
skewY
(
-.78125deg
)}
77
.7
%
{
-webkit-transform
:
skewX
(
.390625deg
)
skewY
(
.390625deg
);
transform
:
skewX
(
.390625deg
)
skewY
(
.390625deg
)}
88
.8
%
{
-webkit-transform
:
skewX
(
-.1953125deg
)
skewY
(
-.1953125deg
);
transform
:
skewX
(
-.1953125deg
)
skewY
(
-.1953125deg
)}}
.jello
{
-webkit-animation-name
:
jello
;
animation-name
:
jello
;
-webkit-transform-origin
:
center
;
transform-origin
:
center
}
@-webkit-keyframes
bounceIn
{
0
%,
20
%,
40
%,
60
%,
80
%,
to
{
-webkit-animation-timing-function
:
cubic-bezier
(
.215
,
.61
,
.355
,
1
);
animation-timing-function
:
cubic-bezier
(
.215
,
.61
,
.355
,
1
)}
0
%
{
opacity
:
0
;
-webkit-transform
:
scale3d
(
.3
,
.3
,
.3
);
transform
:
scale3d
(
.3
,
.3
,
.3
)}
20
%
{
-webkit-transform
:
scale3d
(
1.1
,
1.1
,
1.1
);
transform
:
scale3d
(
1.1
,
1.1
,
1.1
)}
40
%
{
-webkit-transform
:
scale3d
(
.9
,
.9
,
.9
);
transform
:
scale3d
(
.9
,
.9
,
.9
)}
60
%
{
opacity
:
1
;
-webkit-transform
:
scale3d
(
1.03
,
1.03
,
1.03
);
transform
:
scale3d
(
1.03
,
1.03
,
1.03
)}
80
%
{
-webkit-transform
:
scale3d
(
.97
,
.97
,
.97
);
transform
:
scale3d
(
.97
,
.97
,
.97
)}
to
{
opacity
:
1
;
-webkit-transform
:
scaleX
(
1
);
transform
:
scaleX
(
1
)}}
@keyframes
bounceIn
{
0
%,
20
%,
40
%,
60
%,
80
%,
to
{
-webkit-animation-timing-function
:
cubic-bezier
(
.215
,
.61
,
.355
,
1
);
animation-timing-function
:
cubic-bezier
(
.215
,
.61
,
.355
,
1
)}
0
%
{
opacity
:
0
;
-webkit-transform
:
scale3d
(
.3
,
.3
,
.3
);
transform
:
scale3d
(
.3
,
.3
,
.3
)}
20
%
{
-webkit-transform
:
scale3d
(
1.1
,
1.1
,
1.1
);
transform
:
scale3d
(
1.1
,
1.1
,
1.1
)}
40
%
{
-webkit-transform
:
scale3d
(
.9
,
.9
,
.9
);
transform
:
scale3d
(
.9
,
.9
,
.9
)}
60
%
{
opacity
:
1
;
-webkit-transform
:
scale3d
(
1.03
,
1.03
,
1.03
);
transform
:
scale3d
(
1.03
,
1.03
,
1.03
)}
80
%
{
-webkit-transform
:
scale3d
(
.97
,
.97
,
.97
);
transform
:
scale3d
(
.97
,
.97
,
.97
)}
to
{
opacity
:
1
;
-webkit-transform
:
scaleX
(
1
);
transform
:
scaleX
(
1
)}}
.bounceIn
{
-webkit-animation-name
:
bounceIn
;
animation-name
:
bounceIn
}
@-webkit-keyframes
bounceInDown
{
0
%,
60
%,
75
%,
90
%,
to
{
-webkit-animation-timing-function
:
cubic-bezier
(
.215
,
.61
,
.355
,
1
);
animation-timing-function
:
cubic-bezier
(
.215
,
.61
,
.355
,
1
)}
0
%
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
0
,
-3000px
,
0
);
transform
:
translate3d
(
0
,
-3000px
,
0
)}
60
%
{
opacity
:
1
;
-webkit-transform
:
translate3d
(
0
,
25px
,
0
);
transform
:
translate3d
(
0
,
25px
,
0
)}
75
%
{
-webkit-transform
:
translate3d
(
0
,
-10px
,
0
);
transform
:
translate3d
(
0
,
-10px
,
0
)}
90
%
{
-webkit-transform
:
translate3d
(
0
,
5px
,
0
);
transform
:
translate3d
(
0
,
5px
,
0
)}
to
{
-webkit-transform
:
none
;
transform
:
none
}}
@keyframes
bounceInDown
{
0
%,
60
%,
75
%,
90
%,
to
{
-webkit-animation-timing-function
:
cubic-bezier
(
.215
,
.61
,
.355
,
1
);
animation-timing-function
:
cubic-bezier
(
.215
,
.61
,
.355
,
1
)}
0
%
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
0
,
-3000px
,
0
);
transform
:
translate3d
(
0
,
-3000px
,
0
)}
60
%
{
opacity
:
1
;
-webkit-transform
:
translate3d
(
0
,
25px
,
0
);
transform
:
translate3d
(
0
,
25px
,
0
)}
75
%
{
-webkit-transform
:
translate3d
(
0
,
-10px
,
0
);
transform
:
translate3d
(
0
,
-10px
,
0
)}
90
%
{
-webkit-transform
:
translate3d
(
0
,
5px
,
0
);
transform
:
translate3d
(
0
,
5px
,
0
)}
to
{
-webkit-transform
:
none
;
transform
:
none
}}
.bounceInDown
{
-webkit-animation-name
:
bounceInDown
;
animation-name
:
bounceInDown
}
@-webkit-keyframes
bounceInLeft
{
0
%,
60
%,
75
%,
90
%,
to
{
-webkit-animation-timing-function
:
cubic-bezier
(
.215
,
.61
,
.355
,
1
);
animation-timing-function
:
cubic-bezier
(
.215
,
.61
,
.355
,
1
)}
0
%
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
-3000px
,
0
,
0
);
transform
:
translate3d
(
-3000px
,
0
,
0
)}
60
%
{
opacity
:
1
;
-webkit-transform
:
translate3d
(
25px
,
0
,
0
);
transform
:
translate3d
(
25px
,
0
,
0
)}
75
%
{
-webkit-transform
:
translate3d
(
-10px
,
0
,
0
);
transform
:
translate3d
(
-10px
,
0
,
0
)}
90
%
{
-webkit-transform
:
translate3d
(
5px
,
0
,
0
);
transform
:
translate3d
(
5px
,
0
,
0
)}
to
{
-webkit-transform
:
none
;
transform
:
none
}}
@keyframes
bounceInLeft
{
0
%,
60
%,
75
%,
90
%,
to
{
-webkit-animation-timing-function
:
cubic-bezier
(
.215
,
.61
,
.355
,
1
);
animation-timing-function
:
cubic-bezier
(
.215
,
.61
,
.355
,
1
)}
0
%
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
-3000px
,
0
,
0
);
transform
:
translate3d
(
-3000px
,
0
,
0
)}
60
%
{
opacity
:
1
;
-webkit-transform
:
translate3d
(
25px
,
0
,
0
);
transform
:
translate3d
(
25px
,
0
,
0
)}
75
%
{
-webkit-transform
:
translate3d
(
-10px
,
0
,
0
);
transform
:
translate3d
(
-10px
,
0
,
0
)}
90
%
{
-webkit-transform
:
translate3d
(
5px
,
0
,
0
);
transform
:
translate3d
(
5px
,
0
,
0
)}
to
{
-webkit-transform
:
none
;
transform
:
none
}}
.bounceInLeft
{
-webkit-animation-name
:
bounceInLeft
;
animation-name
:
bounceInLeft
}
@-webkit-keyframes
bounceInRight
{
0
%,
60
%,
75
%,
90
%,
to
{
-webkit-animation-timing-function
:
cubic-bezier
(
.215
,
.61
,
.355
,
1
);
animation-timing-function
:
cubic-bezier
(
.215
,
.61
,
.355
,
1
)}
0
%
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
3000px
,
0
,
0
);
transform
:
translate3d
(
3000px
,
0
,
0
)}
60
%
{
opacity
:
1
;
-webkit-transform
:
translate3d
(
-25px
,
0
,
0
);
transform
:
translate3d
(
-25px
,
0
,
0
)}
75
%
{
-webkit-transform
:
translate3d
(
10px
,
0
,
0
);
transform
:
translate3d
(
10px
,
0
,
0
)}
90
%
{
-webkit-transform
:
translate3d
(
-5px
,
0
,
0
);
transform
:
translate3d
(
-5px
,
0
,
0
)}
to
{
-webkit-transform
:
none
;
transform
:
none
}}
@keyframes
bounceInRight
{
0
%,
60
%,
75
%,
90
%,
to
{
-webkit-animation-timing-function
:
cubic-bezier
(
.215
,
.61
,
.355
,
1
);
animation-timing-function
:
cubic-bezier
(
.215
,
.61
,
.355
,
1
)}
0
%
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
3000px
,
0
,
0
);
transform
:
translate3d
(
3000px
,
0
,
0
)}
60
%
{
opacity
:
1
;
-webkit-transform
:
translate3d
(
-25px
,
0
,
0
);
transform
:
translate3d
(
-25px
,
0
,
0
)}
75
%
{
-webkit-transform
:
translate3d
(
10px
,
0
,
0
);
transform
:
translate3d
(
10px
,
0
,
0
)}
90
%
{
-webkit-transform
:
translate3d
(
-5px
,
0
,
0
);
transform
:
translate3d
(
-5px
,
0
,
0
)}
to
{
-webkit-transform
:
none
;
transform
:
none
}}
.bounceInRight
{
-webkit-animation-name
:
bounceInRight
;
animation-name
:
bounceInRight
}
@-webkit-keyframes
bounceInUp
{
0
%,
60
%,
75
%,
90
%,
to
{
-webkit-animation-timing-function
:
cubic-bezier
(
.215
,
.61
,
.355
,
1
);
animation-timing-function
:
cubic-bezier
(
.215
,
.61
,
.355
,
1
)}
0
%
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
0
,
3000px
,
0
);
transform
:
translate3d
(
0
,
3000px
,
0
)}
60
%
{
opacity
:
1
;
-webkit-transform
:
translate3d
(
0
,
-20px
,
0
);
transform
:
translate3d
(
0
,
-20px
,
0
)}
75
%
{
-webkit-transform
:
translate3d
(
0
,
10px
,
0
);
transform
:
translate3d
(
0
,
10px
,
0
)}
90
%
{
-webkit-transform
:
translate3d
(
0
,
-5px
,
0
);
transform
:
translate3d
(
0
,
-5px
,
0
)}
to
{
-webkit-transform
:
translateZ
(
0
);
transform
:
translateZ
(
0
)}}
@keyframes
bounceInUp
{
0
%,
60
%,
75
%,
90
%,
to
{
-webkit-animation-timing-function
:
cubic-bezier
(
.215
,
.61
,
.355
,
1
);
animation-timing-function
:
cubic-bezier
(
.215
,
.61
,
.355
,
1
)}
0
%
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
0
,
3000px
,
0
);
transform
:
translate3d
(
0
,
3000px
,
0
)}
60
%
{
opacity
:
1
;
-webkit-transform
:
translate3d
(
0
,
-20px
,
0
);
transform
:
translate3d
(
0
,
-20px
,
0
)}
75
%
{
-webkit-transform
:
translate3d
(
0
,
10px
,
0
);
transform
:
translate3d
(
0
,
10px
,
0
)}
90
%
{
-webkit-transform
:
translate3d
(
0
,
-5px
,
0
);
transform
:
translate3d
(
0
,
-5px
,
0
)}
to
{
-webkit-transform
:
translateZ
(
0
);
transform
:
translateZ
(
0
)}}
.bounceInUp
{
-webkit-animation-name
:
bounceInUp
;
animation-name
:
bounceInUp
}
@-webkit-keyframes
bounceOut
{
20
%
{
-webkit-transform
:
scale3d
(
.9
,
.9
,
.9
);
transform
:
scale3d
(
.9
,
.9
,
.9
)}
50
%,
55
%
{
opacity
:
1
;
-webkit-transform
:
scale3d
(
1.1
,
1.1
,
1.1
);
transform
:
scale3d
(
1.1
,
1.1
,
1.1
)}
to
{
opacity
:
0
;
-webkit-transform
:
scale3d
(
.3
,
.3
,
.3
);
transform
:
scale3d
(
.3
,
.3
,
.3
)}}
@keyframes
bounceOut
{
20
%
{
-webkit-transform
:
scale3d
(
.9
,
.9
,
.9
);
transform
:
scale3d
(
.9
,
.9
,
.9
)}
50
%,
55
%
{
opacity
:
1
;
-webkit-transform
:
scale3d
(
1.1
,
1.1
,
1.1
);
transform
:
scale3d
(
1.1
,
1.1
,
1.1
)}
to
{
opacity
:
0
;
-webkit-transform
:
scale3d
(
.3
,
.3
,
.3
);
transform
:
scale3d
(
.3
,
.3
,
.3
)}}
.bounceOut
{
-webkit-animation-name
:
bounceOut
;
animation-name
:
bounceOut
}
@-webkit-keyframes
bounceOutDown
{
20
%
{
-webkit-transform
:
translate3d
(
0
,
10px
,
0
);
transform
:
translate3d
(
0
,
10px
,
0
)}
40
%,
45
%
{
opacity
:
1
;
-webkit-transform
:
translate3d
(
0
,
-20px
,
0
);
transform
:
translate3d
(
0
,
-20px
,
0
)}
to
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
0
,
2000px
,
0
);
transform
:
translate3d
(
0
,
2000px
,
0
)}}
@keyframes
bounceOutDown
{
20
%
{
-webkit-transform
:
translate3d
(
0
,
10px
,
0
);
transform
:
translate3d
(
0
,
10px
,
0
)}
40
%,
45
%
{
opacity
:
1
;
-webkit-transform
:
translate3d
(
0
,
-20px
,
0
);
transform
:
translate3d
(
0
,
-20px
,
0
)}
to
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
0
,
2000px
,
0
);
transform
:
translate3d
(
0
,
2000px
,
0
)}}
.bounceOutDown
{
-webkit-animation-name
:
bounceOutDown
;
animation-name
:
bounceOutDown
}
@-webkit-keyframes
bounceOutLeft
{
20
%
{
opacity
:
1
;
-webkit-transform
:
translate3d
(
20px
,
0
,
0
);
transform
:
translate3d
(
20px
,
0
,
0
)}
to
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
-2000px
,
0
,
0
);
transform
:
translate3d
(
-2000px
,
0
,
0
)}}
@keyframes
bounceOutLeft
{
20
%
{
opacity
:
1
;
-webkit-transform
:
translate3d
(
20px
,
0
,
0
);
transform
:
translate3d
(
20px
,
0
,
0
)}
to
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
-2000px
,
0
,
0
);
transform
:
translate3d
(
-2000px
,
0
,
0
)}}
.bounceOutLeft
{
-webkit-animation-name
:
bounceOutLeft
;
animation-name
:
bounceOutLeft
}
@-webkit-keyframes
bounceOutRight
{
20
%
{
opacity
:
1
;
-webkit-transform
:
translate3d
(
-20px
,
0
,
0
);
transform
:
translate3d
(
-20px
,
0
,
0
)}
to
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
2000px
,
0
,
0
);
transform
:
translate3d
(
2000px
,
0
,
0
)}}
@keyframes
bounceOutRight
{
20
%
{
opacity
:
1
;
-webkit-transform
:
translate3d
(
-20px
,
0
,
0
);
transform
:
translate3d
(
-20px
,
0
,
0
)}
to
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
2000px
,
0
,
0
);
transform
:
translate3d
(
2000px
,
0
,
0
)}}
.bounceOutRight
{
-webkit-animation-name
:
bounceOutRight
;
animation-name
:
bounceOutRight
}
@-webkit-keyframes
bounceOutUp
{
20
%
{
-webkit-transform
:
translate3d
(
0
,
-10px
,
0
);
transform
:
translate3d
(
0
,
-10px
,
0
)}
40
%,
45
%
{
opacity
:
1
;
-webkit-transform
:
translate3d
(
0
,
20px
,
0
);
transform
:
translate3d
(
0
,
20px
,
0
)}
to
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
0
,
-2000px
,
0
);
transform
:
translate3d
(
0
,
-2000px
,
0
)}}
@keyframes
bounceOutUp
{
20
%
{
-webkit-transform
:
translate3d
(
0
,
-10px
,
0
);
transform
:
translate3d
(
0
,
-10px
,
0
)}
40
%,
45
%
{
opacity
:
1
;
-webkit-transform
:
translate3d
(
0
,
20px
,
0
);
transform
:
translate3d
(
0
,
20px
,
0
)}
to
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
0
,
-2000px
,
0
);
transform
:
translate3d
(
0
,
-2000px
,
0
)}}
.bounceOutUp
{
-webkit-animation-name
:
bounceOutUp
;
animation-name
:
bounceOutUp
}
@-webkit-keyframes
fadeIn
{
0
%
{
opacity
:
0
}
to
{
opacity
:
1
}}
@keyframes
fadeIn
{
0
%
{
opacity
:
0
}
to
{
opacity
:
1
}}
.fadeIn
{
-webkit-animation-name
:
fadeIn
;
animation-name
:
fadeIn
}
@-webkit-keyframes
fadeInDown
{
0
%
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
0
,
-100%
,
0
);
transform
:
translate3d
(
0
,
-100%
,
0
)}
to
{
opacity
:
1
;
-webkit-transform
:
none
;
transform
:
none
}}
@keyframes
fadeInDown
{
0
%
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
0
,
-100%
,
0
);
transform
:
translate3d
(
0
,
-100%
,
0
)}
to
{
opacity
:
1
;
-webkit-transform
:
none
;
transform
:
none
}}
.fadeInDown
{
-webkit-animation-name
:
fadeInDown
;
animation-name
:
fadeInDown
}
@-webkit-keyframes
fadeInDownBig
{
0
%
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
0
,
-2000px
,
0
);
transform
:
translate3d
(
0
,
-2000px
,
0
)}
to
{
opacity
:
1
;
-webkit-transform
:
none
;
transform
:
none
}}
@keyframes
fadeInDownBig
{
0
%
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
0
,
-2000px
,
0
);
transform
:
translate3d
(
0
,
-2000px
,
0
)}
to
{
opacity
:
1
;
-webkit-transform
:
none
;
transform
:
none
}}
.fadeInDownBig
{
-webkit-animation-name
:
fadeInDownBig
;
animation-name
:
fadeInDownBig
}
@-webkit-keyframes
fadeInLeft
{
0
%
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
-100%
,
0
,
0
);
transform
:
translate3d
(
-100%
,
0
,
0
)}
to
{
opacity
:
1
;
-webkit-transform
:
none
;
transform
:
none
}}
@keyframes
fadeInLeft
{
0
%
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
-100%
,
0
,
0
);
transform
:
translate3d
(
-100%
,
0
,
0
)}
to
{
opacity
:
1
;
-webkit-transform
:
none
;
transform
:
none
}}
.fadeInLeft
{
-webkit-animation-name
:
fadeInLeft
;
animation-name
:
fadeInLeft
}
@-webkit-keyframes
fadeInLeftBig
{
0
%
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
-2000px
,
0
,
0
);
transform
:
translate3d
(
-2000px
,
0
,
0
)}
to
{
opacity
:
1
;
-webkit-transform
:
none
;
transform
:
none
}}
@keyframes
fadeInLeftBig
{
0
%
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
-2000px
,
0
,
0
);
transform
:
translate3d
(
-2000px
,
0
,
0
)}
to
{
opacity
:
1
;
-webkit-transform
:
none
;
transform
:
none
}}
.fadeInLeftBig
{
-webkit-animation-name
:
fadeInLeftBig
;
animation-name
:
fadeInLeftBig
}
@-webkit-keyframes
fadeInRight
{
0
%
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
100%
,
0
,
0
);
transform
:
translate3d
(
100%
,
0
,
0
)}
to
{
opacity
:
1
;
-webkit-transform
:
none
;
transform
:
none
}}
@keyframes
fadeInRight
{
0
%
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
100%
,
0
,
0
);
transform
:
translate3d
(
100%
,
0
,
0
)}
to
{
opacity
:
1
;
-webkit-transform
:
none
;
transform
:
none
}}
.fadeInRight
{
-webkit-animation-name
:
fadeInRight
;
animation-name
:
fadeInRight
}
@-webkit-keyframes
fadeInRightBig
{
0
%
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
2000px
,
0
,
0
);
transform
:
translate3d
(
2000px
,
0
,
0
)}
to
{
opacity
:
1
;
-webkit-transform
:
none
;
transform
:
none
}}
@keyframes
fadeInRightBig
{
0
%
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
2000px
,
0
,
0
);
transform
:
translate3d
(
2000px
,
0
,
0
)}
to
{
opacity
:
1
;
-webkit-transform
:
none
;
transform
:
none
}}
.fadeInRightBig
{
-webkit-animation-name
:
fadeInRightBig
;
animation-name
:
fadeInRightBig
}
@-webkit-keyframes
fadeInUp
{
0
%
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
0
,
100%
,
0
);
transform
:
translate3d
(
0
,
100%
,
0
)}
to
{
opacity
:
1
;
-webkit-transform
:
none
;
transform
:
none
}}
@keyframes
fadeInUp
{
0
%
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
0
,
100%
,
0
);
transform
:
translate3d
(
0
,
100%
,
0
)}
to
{
opacity
:
1
;
-webkit-transform
:
none
;
transform
:
none
}}
.fadeInUp
{
-webkit-animation-name
:
fadeInUp
;
animation-name
:
fadeInUp
}
@-webkit-keyframes
fadeInUpBig
{
0
%
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
0
,
2000px
,
0
);
transform
:
translate3d
(
0
,
2000px
,
0
)}
to
{
opacity
:
1
;
-webkit-transform
:
none
;
transform
:
none
}}
@keyframes
fadeInUpBig
{
0
%
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
0
,
2000px
,
0
);
transform
:
translate3d
(
0
,
2000px
,
0
)}
to
{
opacity
:
1
;
-webkit-transform
:
none
;
transform
:
none
}}
.fadeInUpBig
{
-webkit-animation-name
:
fadeInUpBig
;
animation-name
:
fadeInUpBig
}
@-webkit-keyframes
fadeOut
{
0
%
{
opacity
:
1
}
to
{
opacity
:
0
}}
@keyframes
fadeOut
{
0
%
{
opacity
:
1
}
to
{
opacity
:
0
}}
.fadeOut
{
-webkit-animation-name
:
fadeOut
;
animation-name
:
fadeOut
}
@-webkit-keyframes
fadeOutDown
{
0
%
{
opacity
:
1
}
to
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
0
,
100%
,
0
);
transform
:
translate3d
(
0
,
100%
,
0
)}}
@keyframes
fadeOutDown
{
0
%
{
opacity
:
1
}
to
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
0
,
100%
,
0
);
transform
:
translate3d
(
0
,
100%
,
0
)}}
.fadeOutDown
{
-webkit-animation-name
:
fadeOutDown
;
animation-name
:
fadeOutDown
}
@-webkit-keyframes
fadeOutDownBig
{
0
%
{
opacity
:
1
}
to
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
0
,
2000px
,
0
);
transform
:
translate3d
(
0
,
2000px
,
0
)}}
@keyframes
fadeOutDownBig
{
0
%
{
opacity
:
1
}
to
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
0
,
2000px
,
0
);
transform
:
translate3d
(
0
,
2000px
,
0
)}}
.fadeOutDownBig
{
-webkit-animation-name
:
fadeOutDownBig
;
animation-name
:
fadeOutDownBig
}
@-webkit-keyframes
fadeOutLeft
{
0
%
{
opacity
:
1
}
to
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
-100%
,
0
,
0
);
transform
:
translate3d
(
-100%
,
0
,
0
)}}
@keyframes
fadeOutLeft
{
0
%
{
opacity
:
1
}
to
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
-100%
,
0
,
0
);
transform
:
translate3d
(
-100%
,
0
,
0
)}}
.fadeOutLeft
{
-webkit-animation-name
:
fadeOutLeft
;
animation-name
:
fadeOutLeft
}
@-webkit-keyframes
fadeOutLeftBig
{
0
%
{
opacity
:
1
}
to
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
-2000px
,
0
,
0
);
transform
:
translate3d
(
-2000px
,
0
,
0
)}}
@keyframes
fadeOutLeftBig
{
0
%
{
opacity
:
1
}
to
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
-2000px
,
0
,
0
);
transform
:
translate3d
(
-2000px
,
0
,
0
)}}
.fadeOutLeftBig
{
-webkit-animation-name
:
fadeOutLeftBig
;
animation-name
:
fadeOutLeftBig
}
@-webkit-keyframes
fadeOutRight
{
0
%
{
opacity
:
1
}
to
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
100%
,
0
,
0
);
transform
:
translate3d
(
100%
,
0
,
0
)}}
@keyframes
fadeOutRight
{
0
%
{
opacity
:
1
}
to
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
100%
,
0
,
0
);
transform
:
translate3d
(
100%
,
0
,
0
)}}
.fadeOutRight
{
-webkit-animation-name
:
fadeOutRight
;
animation-name
:
fadeOutRight
}
@-webkit-keyframes
fadeOutRightBig
{
0
%
{
opacity
:
1
}
to
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
2000px
,
0
,
0
);
transform
:
translate3d
(
2000px
,
0
,
0
)}}
@keyframes
fadeOutRightBig
{
0
%
{
opacity
:
1
}
to
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
2000px
,
0
,
0
);
transform
:
translate3d
(
2000px
,
0
,
0
)}}
.fadeOutRightBig
{
-webkit-animation-name
:
fadeOutRightBig
;
animation-name
:
fadeOutRightBig
}
@-webkit-keyframes
fadeOutUp
{
0
%
{
opacity
:
1
}
to
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
0
,
-100%
,
0
);
transform
:
translate3d
(
0
,
-100%
,
0
)}}
@keyframes
fadeOutUp
{
0
%
{
opacity
:
1
}
to
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
0
,
-100%
,
0
);
transform
:
translate3d
(
0
,
-100%
,
0
)}}
.fadeOutUp
{
-webkit-animation-name
:
fadeOutUp
;
animation-name
:
fadeOutUp
}
@-webkit-keyframes
fadeOutUpBig
{
0
%
{
opacity
:
1
}
to
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
0
,
-2000px
,
0
);
transform
:
translate3d
(
0
,
-2000px
,
0
)}}
@keyframes
fadeOutUpBig
{
0
%
{
opacity
:
1
}
to
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
0
,
-2000px
,
0
);
transform
:
translate3d
(
0
,
-2000px
,
0
)}}
.fadeOutUpBig
{
-webkit-animation-name
:
fadeOutUpBig
;
animation-name
:
fadeOutUpBig
}
@-webkit-keyframes
flip
{
0
%
{
-webkit-transform
:
perspective
(
400px
)
rotateY
(
-1turn
);
transform
:
perspective
(
400px
)
rotateY
(
-1turn
)}
0
%,
40
%
{
-webkit-animation-timing-function
:
ease-out
;
animation-timing-function
:
ease-out
}
40
%
{
-webkit-transform
:
perspective
(
400px
)
translateZ
(
150px
)
rotateY
(
-190deg
);
transform
:
perspective
(
400px
)
translateZ
(
150px
)
rotateY
(
-190deg
)}
50
%
{
-webkit-transform
:
perspective
(
400px
)
translateZ
(
150px
)
rotateY
(
-170deg
);
transform
:
perspective
(
400px
)
translateZ
(
150px
)
rotateY
(
-170deg
)}
50
%,
80
%
{
-webkit-animation-timing-function
:
ease-in
;
animation-timing-function
:
ease-in
}
80
%
{
-webkit-transform
:
perspective
(
400px
)
scale3d
(
.95
,
.95
,
.95
);
transform
:
perspective
(
400px
)
scale3d
(
.95
,
.95
,
.95
)}
to
{
-webkit-transform
:
perspective
(
400px
);
transform
:
perspective
(
400px
);
-webkit-animation-timing-function
:
ease-in
;
animation-timing-function
:
ease-in
}}
@keyframes
flip
{
0
%
{
-webkit-transform
:
perspective
(
400px
)
rotateY
(
-1turn
);
transform
:
perspective
(
400px
)
rotateY
(
-1turn
)}
0
%,
40
%
{
-webkit-animation-timing-function
:
ease-out
;
animation-timing-function
:
ease-out
}
40
%
{
-webkit-transform
:
perspective
(
400px
)
translateZ
(
150px
)
rotateY
(
-190deg
);
transform
:
perspective
(
400px
)
translateZ
(
150px
)
rotateY
(
-190deg
)}
50
%
{
-webkit-transform
:
perspective
(
400px
)
translateZ
(
150px
)
rotateY
(
-170deg
);
transform
:
perspective
(
400px
)
translateZ
(
150px
)
rotateY
(
-170deg
)}
50
%,
80
%
{
-webkit-animation-timing-function
:
ease-in
;
animation-timing-function
:
ease-in
}
80
%
{
-webkit-transform
:
perspective
(
400px
)
scale3d
(
.95
,
.95
,
.95
);
transform
:
perspective
(
400px
)
scale3d
(
.95
,
.95
,
.95
)}
to
{
-webkit-transform
:
perspective
(
400px
);
transform
:
perspective
(
400px
);
-webkit-animation-timing-function
:
ease-in
;
animation-timing-function
:
ease-in
}}
.animated.flip
{
-webkit-backface-visibility
:
visible
;
backface-visibility
:
visible
;
-webkit-animation-name
:
flip
;
animation-name
:
flip
}
@-webkit-keyframes
flipInX
{
0
%
{
-webkit-transform
:
perspective
(
400px
)
rotateX
(
90deg
);
transform
:
perspective
(
400px
)
rotateX
(
90deg
);
opacity
:
0
}
0
%,
40
%
{
-webkit-animation-timing-function
:
ease-in
;
animation-timing-function
:
ease-in
}
40
%
{
-webkit-transform
:
perspective
(
400px
)
rotateX
(
-20deg
);
transform
:
perspective
(
400px
)
rotateX
(
-20deg
)}
60
%
{
-webkit-transform
:
perspective
(
400px
)
rotateX
(
10deg
);
transform
:
perspective
(
400px
)
rotateX
(
10deg
);
opacity
:
1
}
80
%
{
-webkit-transform
:
perspective
(
400px
)
rotateX
(
-5deg
);
transform
:
perspective
(
400px
)
rotateX
(
-5deg
)}
to
{
-webkit-transform
:
perspective
(
400px
);
transform
:
perspective
(
400px
)}}
@keyframes
flipInX
{
0
%
{
-webkit-transform
:
perspective
(
400px
)
rotateX
(
90deg
);
transform
:
perspective
(
400px
)
rotateX
(
90deg
);
opacity
:
0
}
0
%,
40
%
{
-webkit-animation-timing-function
:
ease-in
;
animation-timing-function
:
ease-in
}
40
%
{
-webkit-transform
:
perspective
(
400px
)
rotateX
(
-20deg
);
transform
:
perspective
(
400px
)
rotateX
(
-20deg
)}
60
%
{
-webkit-transform
:
perspective
(
400px
)
rotateX
(
10deg
);
transform
:
perspective
(
400px
)
rotateX
(
10deg
);
opacity
:
1
}
80
%
{
-webkit-transform
:
perspective
(
400px
)
rotateX
(
-5deg
);
transform
:
perspective
(
400px
)
rotateX
(
-5deg
)}
to
{
-webkit-transform
:
perspective
(
400px
);
transform
:
perspective
(
400px
)}}
.flipInX
{
-webkit-backface-visibility
:
visible
!important
;
backface-visibility
:
visible
!important
;
-webkit-animation-name
:
flipInX
;
animation-name
:
flipInX
}
.flipInY
,
.flipOutX
{
-webkit-backface-visibility
:
visible
!important
}
@-webkit-keyframes
flipInY
{
0
%
{
-webkit-transform
:
perspective
(
400px
)
rotateY
(
90deg
);
transform
:
perspective
(
400px
)
rotateY
(
90deg
);
opacity
:
0
}
0
%,
40
%
{
-webkit-animation-timing-function
:
ease-in
;
animation-timing-function
:
ease-in
}
40
%
{
-webkit-transform
:
perspective
(
400px
)
rotateY
(
-20deg
);
transform
:
perspective
(
400px
)
rotateY
(
-20deg
)}
60
%
{
-webkit-transform
:
perspective
(
400px
)
rotateY
(
10deg
);
transform
:
perspective
(
400px
)
rotateY
(
10deg
);
opacity
:
1
}
80
%
{
-webkit-transform
:
perspective
(
400px
)
rotateY
(
-5deg
);
transform
:
perspective
(
400px
)
rotateY
(
-5deg
)}
to
{
-webkit-transform
:
perspective
(
400px
);
transform
:
perspective
(
400px
)}}
@keyframes
flipInY
{
0
%
{
-webkit-transform
:
perspective
(
400px
)
rotateY
(
90deg
);
transform
:
perspective
(
400px
)
rotateY
(
90deg
);
opacity
:
0
}
0
%,
40
%
{
-webkit-animation-timing-function
:
ease-in
;
animation-timing-function
:
ease-in
}
40
%
{
-webkit-transform
:
perspective
(
400px
)
rotateY
(
-20deg
);
transform
:
perspective
(
400px
)
rotateY
(
-20deg
)}
60
%
{
-webkit-transform
:
perspective
(
400px
)
rotateY
(
10deg
);
transform
:
perspective
(
400px
)
rotateY
(
10deg
);
opacity
:
1
}
80
%
{
-webkit-transform
:
perspective
(
400px
)
rotateY
(
-5deg
);
transform
:
perspective
(
400px
)
rotateY
(
-5deg
)}
to
{
-webkit-transform
:
perspective
(
400px
);
transform
:
perspective
(
400px
)}}
.flipInY
{
backface-visibility
:
visible
!important
;
-webkit-animation-name
:
flipInY
;
animation-name
:
flipInY
}
@-webkit-keyframes
flipOutX
{
0
%
{
-webkit-transform
:
perspective
(
400px
);
transform
:
perspective
(
400px
)}
30
%
{
-webkit-transform
:
perspective
(
400px
)
rotateX
(
-20deg
);
transform
:
perspective
(
400px
)
rotateX
(
-20deg
);
opacity
:
1
}
to
{
-webkit-transform
:
perspective
(
400px
)
rotateX
(
90deg
);
transform
:
perspective
(
400px
)
rotateX
(
90deg
);
opacity
:
0
}}
@keyframes
flipOutX
{
0
%
{
-webkit-transform
:
perspective
(
400px
);
transform
:
perspective
(
400px
)}
30
%
{
-webkit-transform
:
perspective
(
400px
)
rotateX
(
-20deg
);
transform
:
perspective
(
400px
)
rotateX
(
-20deg
);
opacity
:
1
}
to
{
-webkit-transform
:
perspective
(
400px
)
rotateX
(
90deg
);
transform
:
perspective
(
400px
)
rotateX
(
90deg
);
opacity
:
0
}}
.flipOutX
{
-webkit-animation-name
:
flipOutX
;
animation-name
:
flipOutX
;
backface-visibility
:
visible
!important
}
@-webkit-keyframes
flipOutY
{
0
%
{
-webkit-transform
:
perspective
(
400px
);
transform
:
perspective
(
400px
)}
30
%
{
-webkit-transform
:
perspective
(
400px
)
rotateY
(
-15deg
);
transform
:
perspective
(
400px
)
rotateY
(
-15deg
);
opacity
:
1
}
to
{
-webkit-transform
:
perspective
(
400px
)
rotateY
(
90deg
);
transform
:
perspective
(
400px
)
rotateY
(
90deg
);
opacity
:
0
}}
@keyframes
flipOutY
{
0
%
{
-webkit-transform
:
perspective
(
400px
);
transform
:
perspective
(
400px
)}
30
%
{
-webkit-transform
:
perspective
(
400px
)
rotateY
(
-15deg
);
transform
:
perspective
(
400px
)
rotateY
(
-15deg
);
opacity
:
1
}
to
{
-webkit-transform
:
perspective
(
400px
)
rotateY
(
90deg
);
transform
:
perspective
(
400px
)
rotateY
(
90deg
);
opacity
:
0
}}
.flipOutY
{
-webkit-backface-visibility
:
visible
!important
;
backface-visibility
:
visible
!important
;
-webkit-animation-name
:
flipOutY
;
animation-name
:
flipOutY
}
@-webkit-keyframes
lightSpeedIn
{
0
%
{
-webkit-transform
:
translate3d
(
100%
,
0
,
0
)
skewX
(
-30deg
);
transform
:
translate3d
(
100%
,
0
,
0
)
skewX
(
-30deg
);
opacity
:
0
}
60
%
{
-webkit-transform
:
skewX
(
20deg
);
transform
:
skewX
(
20deg
)}
60
%,
80
%
{
opacity
:
1
}
80
%
{
-webkit-transform
:
skewX
(
-5deg
);
transform
:
skewX
(
-5deg
)}
to
{
-webkit-transform
:
none
;
transform
:
none
;
opacity
:
1
}}
@keyframes
lightSpeedIn
{
0
%
{
-webkit-transform
:
translate3d
(
100%
,
0
,
0
)
skewX
(
-30deg
);
transform
:
translate3d
(
100%
,
0
,
0
)
skewX
(
-30deg
);
opacity
:
0
}
60
%
{
-webkit-transform
:
skewX
(
20deg
);
transform
:
skewX
(
20deg
)}
60
%,
80
%
{
opacity
:
1
}
80
%
{
-webkit-transform
:
skewX
(
-5deg
);
transform
:
skewX
(
-5deg
)}
to
{
-webkit-transform
:
none
;
transform
:
none
;
opacity
:
1
}}
.lightSpeedIn
{
-webkit-animation-name
:
lightSpeedIn
;
animation-name
:
lightSpeedIn
;
-webkit-animation-timing-function
:
ease-out
;
animation-timing-function
:
ease-out
}
@-webkit-keyframes
lightSpeedOut
{
0
%
{
opacity
:
1
}
to
{
-webkit-transform
:
translate3d
(
100%
,
0
,
0
)
skewX
(
30deg
);
transform
:
translate3d
(
100%
,
0
,
0
)
skewX
(
30deg
);
opacity
:
0
}}
@keyframes
lightSpeedOut
{
0
%
{
opacity
:
1
}
to
{
-webkit-transform
:
translate3d
(
100%
,
0
,
0
)
skewX
(
30deg
);
transform
:
translate3d
(
100%
,
0
,
0
)
skewX
(
30deg
);
opacity
:
0
}}
.lightSpeedOut
{
-webkit-animation-name
:
lightSpeedOut
;
animation-name
:
lightSpeedOut
;
-webkit-animation-timing-function
:
ease-in
;
animation-timing-function
:
ease-in
}
@-webkit-keyframes
rotateIn
{
0
%
{
transform-origin
:
center
;
-webkit-transform
:
rotate
(
-200deg
);
transform
:
rotate
(
-200deg
);
opacity
:
0
}
0
%,
to
{
-webkit-transform-origin
:
center
}
to
{
transform-origin
:
center
;
-webkit-transform
:
none
;
transform
:
none
;
opacity
:
1
}}
@keyframes
rotateIn
{
0
%
{
transform-origin
:
center
;
-webkit-transform
:
rotate
(
-200deg
);
transform
:
rotate
(
-200deg
);
opacity
:
0
}
0
%,
to
{
-webkit-transform-origin
:
center
}
to
{
transform-origin
:
center
;
-webkit-transform
:
none
;
transform
:
none
;
opacity
:
1
}}
.rotateIn
{
-webkit-animation-name
:
rotateIn
;
animation-name
:
rotateIn
}
@-webkit-keyframes
rotateInDownLeft
{
0
%
{
transform-origin
:
left
bottom
;
-webkit-transform
:
rotate
(
-45deg
);
transform
:
rotate
(
-45deg
);
opacity
:
0
}
0
%,
to
{
-webkit-transform-origin
:
left
bottom
}
to
{
transform-origin
:
left
bottom
;
-webkit-transform
:
none
;
transform
:
none
;
opacity
:
1
}}
@keyframes
rotateInDownLeft
{
0
%
{
transform-origin
:
left
bottom
;
-webkit-transform
:
rotate
(
-45deg
);
transform
:
rotate
(
-45deg
);
opacity
:
0
}
0
%,
to
{
-webkit-transform-origin
:
left
bottom
}
to
{
transform-origin
:
left
bottom
;
-webkit-transform
:
none
;
transform
:
none
;
opacity
:
1
}}
.rotateInDownLeft
{
-webkit-animation-name
:
rotateInDownLeft
;
animation-name
:
rotateInDownLeft
}
@-webkit-keyframes
rotateInDownRight
{
0
%
{
transform-origin
:
right
bottom
;
-webkit-transform
:
rotate
(
45deg
);
transform
:
rotate
(
45deg
);
opacity
:
0
}
0
%,
to
{
-webkit-transform-origin
:
right
bottom
}
to
{
transform-origin
:
right
bottom
;
-webkit-transform
:
none
;
transform
:
none
;
opacity
:
1
}}
@keyframes
rotateInDownRight
{
0
%
{
transform-origin
:
right
bottom
;
-webkit-transform
:
rotate
(
45deg
);
transform
:
rotate
(
45deg
);
opacity
:
0
}
0
%,
to
{
-webkit-transform-origin
:
right
bottom
}
to
{
transform-origin
:
right
bottom
;
-webkit-transform
:
none
;
transform
:
none
;
opacity
:
1
}}
.rotateInDownRight
{
-webkit-animation-name
:
rotateInDownRight
;
animation-name
:
rotateInDownRight
}
@-webkit-keyframes
rotateInUpLeft
{
0
%
{
transform-origin
:
left
bottom
;
-webkit-transform
:
rotate
(
45deg
);
transform
:
rotate
(
45deg
);
opacity
:
0
}
0
%,
to
{
-webkit-transform-origin
:
left
bottom
}
to
{
transform-origin
:
left
bottom
;
-webkit-transform
:
none
;
transform
:
none
;
opacity
:
1
}}
@keyframes
rotateInUpLeft
{
0
%
{
transform-origin
:
left
bottom
;
-webkit-transform
:
rotate
(
45deg
);
transform
:
rotate
(
45deg
);
opacity
:
0
}
0
%,
to
{
-webkit-transform-origin
:
left
bottom
}
to
{
transform-origin
:
left
bottom
;
-webkit-transform
:
none
;
transform
:
none
;
opacity
:
1
}}
.rotateInUpLeft
{
-webkit-animation-name
:
rotateInUpLeft
;
animation-name
:
rotateInUpLeft
}
@-webkit-keyframes
rotateInUpRight
{
0
%
{
transform-origin
:
right
bottom
;
-webkit-transform
:
rotate
(
-90deg
);
transform
:
rotate
(
-90deg
);
opacity
:
0
}
0
%,
to
{
-webkit-transform-origin
:
right
bottom
}
to
{
transform-origin
:
right
bottom
;
-webkit-transform
:
none
;
transform
:
none
;
opacity
:
1
}}
@keyframes
rotateInUpRight
{
0
%
{
transform-origin
:
right
bottom
;
-webkit-transform
:
rotate
(
-90deg
);
transform
:
rotate
(
-90deg
);
opacity
:
0
}
0
%,
to
{
-webkit-transform-origin
:
right
bottom
}
to
{
transform-origin
:
right
bottom
;
-webkit-transform
:
none
;
transform
:
none
;
opacity
:
1
}}
.rotateInUpRight
{
-webkit-animation-name
:
rotateInUpRight
;
animation-name
:
rotateInUpRight
}
@-webkit-keyframes
rotateOut
{
0
%
{
transform-origin
:
center
;
opacity
:
1
}
0
%,
to
{
-webkit-transform-origin
:
center
}
to
{
transform-origin
:
center
;
-webkit-transform
:
rotate
(
200deg
);
transform
:
rotate
(
200deg
);
opacity
:
0
}}
@keyframes
rotateOut
{
0
%
{
transform-origin
:
center
;
opacity
:
1
}
0
%,
to
{
-webkit-transform-origin
:
center
}
to
{
transform-origin
:
center
;
-webkit-transform
:
rotate
(
200deg
);
transform
:
rotate
(
200deg
);
opacity
:
0
}}
.rotateOut
{
-webkit-animation-name
:
rotateOut
;
animation-name
:
rotateOut
}
@-webkit-keyframes
rotateOutDownLeft
{
0
%
{
transform-origin
:
left
bottom
;
opacity
:
1
}
0
%,
to
{
-webkit-transform-origin
:
left
bottom
}
to
{
transform-origin
:
left
bottom
;
-webkit-transform
:
rotate
(
45deg
);
transform
:
rotate
(
45deg
);
opacity
:
0
}}
@keyframes
rotateOutDownLeft
{
0
%
{
transform-origin
:
left
bottom
;
opacity
:
1
}
0
%,
to
{
-webkit-transform-origin
:
left
bottom
}
to
{
transform-origin
:
left
bottom
;
-webkit-transform
:
rotate
(
45deg
);
transform
:
rotate
(
45deg
);
opacity
:
0
}}
.rotateOutDownLeft
{
-webkit-animation-name
:
rotateOutDownLeft
;
animation-name
:
rotateOutDownLeft
}
@-webkit-keyframes
rotateOutDownRight
{
0
%
{
transform-origin
:
right
bottom
;
opacity
:
1
}
0
%,
to
{
-webkit-transform-origin
:
right
bottom
}
to
{
transform-origin
:
right
bottom
;
-webkit-transform
:
rotate
(
-45deg
);
transform
:
rotate
(
-45deg
);
opacity
:
0
}}
@keyframes
rotateOutDownRight
{
0
%
{
transform-origin
:
right
bottom
;
opacity
:
1
}
0
%,
to
{
-webkit-transform-origin
:
right
bottom
}
to
{
transform-origin
:
right
bottom
;
-webkit-transform
:
rotate
(
-45deg
);
transform
:
rotate
(
-45deg
);
opacity
:
0
}}
.rotateOutDownRight
{
-webkit-animation-name
:
rotateOutDownRight
;
animation-name
:
rotateOutDownRight
}
@-webkit-keyframes
rotateOutUpLeft
{
0
%
{
transform-origin
:
left
bottom
;
opacity
:
1
}
0
%,
to
{
-webkit-transform-origin
:
left
bottom
}
to
{
transform-origin
:
left
bottom
;
-webkit-transform
:
rotate
(
-45deg
);
transform
:
rotate
(
-45deg
);
opacity
:
0
}}
@keyframes
rotateOutUpLeft
{
0
%
{
transform-origin
:
left
bottom
;
opacity
:
1
}
0
%,
to
{
-webkit-transform-origin
:
left
bottom
}
to
{
transform-origin
:
left
bottom
;
-webkit-transform
:
rotate
(
-45deg
);
transform
:
rotate
(
-45deg
);
opacity
:
0
}}
.rotateOutUpLeft
{
-webkit-animation-name
:
rotateOutUpLeft
;
animation-name
:
rotateOutUpLeft
}
@-webkit-keyframes
rotateOutUpRight
{
0
%
{
transform-origin
:
right
bottom
;
opacity
:
1
}
0
%,
to
{
-webkit-transform-origin
:
right
bottom
}
to
{
transform-origin
:
right
bottom
;
-webkit-transform
:
rotate
(
90deg
);
transform
:
rotate
(
90deg
);
opacity
:
0
}}
@keyframes
rotateOutUpRight
{
0
%
{
transform-origin
:
right
bottom
;
opacity
:
1
}
0
%,
to
{
-webkit-transform-origin
:
right
bottom
}
to
{
transform-origin
:
right
bottom
;
-webkit-transform
:
rotate
(
90deg
);
transform
:
rotate
(
90deg
);
opacity
:
0
}}
.rotateOutUpRight
{
-webkit-animation-name
:
rotateOutUpRight
;
animation-name
:
rotateOutUpRight
}
@-webkit-keyframes
hinge
{
0
%
{
transform-origin
:
top
left
}
0
%,
20
%,
60
%
{
-webkit-transform-origin
:
top
left
;
-webkit-animation-timing-function
:
ease-in-out
;
animation-timing-function
:
ease-in-out
}
20
%,
60
%
{
-webkit-transform
:
rotate
(
80deg
);
transform
:
rotate
(
80deg
);
transform-origin
:
top
left
}
40
%,
80
%
{
-webkit-transform
:
rotate
(
60deg
);
transform
:
rotate
(
60deg
);
-webkit-transform-origin
:
top
left
;
transform-origin
:
top
left
;
-webkit-animation-timing-function
:
ease-in-out
;
animation-timing-function
:
ease-in-out
;
opacity
:
1
}
to
{
-webkit-transform
:
translate3d
(
0
,
700px
,
0
);
transform
:
translate3d
(
0
,
700px
,
0
);
opacity
:
0
}}
@keyframes
hinge
{
0
%
{
transform-origin
:
top
left
}
0
%,
20
%,
60
%
{
-webkit-transform-origin
:
top
left
;
-webkit-animation-timing-function
:
ease-in-out
;
animation-timing-function
:
ease-in-out
}
20
%,
60
%
{
-webkit-transform
:
rotate
(
80deg
);
transform
:
rotate
(
80deg
);
transform-origin
:
top
left
}
40
%,
80
%
{
-webkit-transform
:
rotate
(
60deg
);
transform
:
rotate
(
60deg
);
-webkit-transform-origin
:
top
left
;
transform-origin
:
top
left
;
-webkit-animation-timing-function
:
ease-in-out
;
animation-timing-function
:
ease-in-out
;
opacity
:
1
}
to
{
-webkit-transform
:
translate3d
(
0
,
700px
,
0
);
transform
:
translate3d
(
0
,
700px
,
0
);
opacity
:
0
}}
.hinge
{
-webkit-animation-name
:
hinge
;
animation-name
:
hinge
}
@-webkit-keyframes
rollIn
{
0
%
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
-100%
,
0
,
0
)
rotate
(
-120deg
);
transform
:
translate3d
(
-100%
,
0
,
0
)
rotate
(
-120deg
)}
to
{
opacity
:
1
;
-webkit-transform
:
none
;
transform
:
none
}}
@keyframes
rollIn
{
0
%
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
-100%
,
0
,
0
)
rotate
(
-120deg
);
transform
:
translate3d
(
-100%
,
0
,
0
)
rotate
(
-120deg
)}
to
{
opacity
:
1
;
-webkit-transform
:
none
;
transform
:
none
}}
.rollIn
{
-webkit-animation-name
:
rollIn
;
animation-name
:
rollIn
}
@-webkit-keyframes
rollOut
{
0
%
{
opacity
:
1
}
to
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
100%
,
0
,
0
)
rotate
(
120deg
);
transform
:
translate3d
(
100%
,
0
,
0
)
rotate
(
120deg
)}}
@keyframes
rollOut
{
0
%
{
opacity
:
1
}
to
{
opacity
:
0
;
-webkit-transform
:
translate3d
(
100%
,
0
,
0
)
rotate
(
120deg
);
transform
:
translate3d
(
100%
,
0
,
0
)
rotate
(
120deg
)}}
.rollOut
{
-webkit-animation-name
:
rollOut
;
animation-name
:
rollOut
}
@-webkit-keyframes
zoomIn
{
0
%
{
opacity
:
0
;
-webkit-transform
:
scale3d
(
.3
,
.3
,
.3
);
transform
:
scale3d
(
.3
,
.3
,
.3
)}
50
%
{
opacity
:
1
}}
@keyframes
zoomIn
{
0
%
{
opacity
:
0
;
-webkit-transform
:
scale3d
(
.3
,
.3
,
.3
);
transform
:
scale3d
(
.3
,
.3
,
.3
)}
50
%
{
opacity
:
1
}}
.zoomIn
{
-webkit-animation-name
:
zoomIn
;
animation-name
:
zoomIn
}
@-webkit-keyframes
zoomInDown
{
0
%
{
opacity
:
0
;
-webkit-transform
:
scale3d
(
.1
,
.1
,
.1
)
translate3d
(
0
,
-1000px
,
0
);
transform
:
scale3d
(
.1
,
.1
,
.1
)
translate3d
(
0
,
-1000px
,
0
);
-webkit-animation-timing-function
:
cubic-bezier
(
.55
,
.055
,
.675
,
.19
);
animation-timing-function
:
cubic-bezier
(
.55
,
.055
,
.675
,
.19
)}
60
%
{
opacity
:
1
;
-webkit-transform
:
scale3d
(
.475
,
.475
,
.475
)
translate3d
(
0
,
60px
,
0
);
transform
:
scale3d
(
.475
,
.475
,
.475
)
translate3d
(
0
,
60px
,
0
);
-webkit-animation-timing-function
:
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
animation-timing-function
:
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}}
@keyframes
zoomInDown
{
0
%
{
opacity
:
0
;
-webkit-transform
:
scale3d
(
.1
,
.1
,
.1
)
translate3d
(
0
,
-1000px
,
0
);
transform
:
scale3d
(
.1
,
.1
,
.1
)
translate3d
(
0
,
-1000px
,
0
);
-webkit-animation-timing-function
:
cubic-bezier
(
.55
,
.055
,
.675
,
.19
);
animation-timing-function
:
cubic-bezier
(
.55
,
.055
,
.675
,
.19
)}
60
%
{
opacity
:
1
;
-webkit-transform
:
scale3d
(
.475
,
.475
,
.475
)
translate3d
(
0
,
60px
,
0
);
transform
:
scale3d
(
.475
,
.475
,
.475
)
translate3d
(
0
,
60px
,
0
);
-webkit-animation-timing-function
:
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
animation-timing-function
:
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}}
.zoomInDown
{
-webkit-animation-name
:
zoomInDown
;
animation-name
:
zoomInDown
}
@-webkit-keyframes
zoomInLeft
{
0
%
{
opacity
:
0
;
-webkit-transform
:
scale3d
(
.1
,
.1
,
.1
)
translate3d
(
-1000px
,
0
,
0
);
transform
:
scale3d
(
.1
,
.1
,
.1
)
translate3d
(
-1000px
,
0
,
0
);
-webkit-animation-timing-function
:
cubic-bezier
(
.55
,
.055
,
.675
,
.19
);
animation-timing-function
:
cubic-bezier
(
.55
,
.055
,
.675
,
.19
)}
60
%
{
opacity
:
1
;
-webkit-transform
:
scale3d
(
.475
,
.475
,
.475
)
translate3d
(
10px
,
0
,
0
);
transform
:
scale3d
(
.475
,
.475
,
.475
)
translate3d
(
10px
,
0
,
0
);
-webkit-animation-timing-function
:
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
animation-timing-function
:
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}}
@keyframes
zoomInLeft
{
0
%
{
opacity
:
0
;
-webkit-transform
:
scale3d
(
.1
,
.1
,
.1
)
translate3d
(
-1000px
,
0
,
0
);
transform
:
scale3d
(
.1
,
.1
,
.1
)
translate3d
(
-1000px
,
0
,
0
);
-webkit-animation-timing-function
:
cubic-bezier
(
.55
,
.055
,
.675
,
.19
);
animation-timing-function
:
cubic-bezier
(
.55
,
.055
,
.675
,
.19
)}
60
%
{
opacity
:
1
;
-webkit-transform
:
scale3d
(
.475
,
.475
,
.475
)
translate3d
(
10px
,
0
,
0
);
transform
:
scale3d
(
.475
,
.475
,
.475
)
translate3d
(
10px
,
0
,
0
);
-webkit-animation-timing-function
:
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
animation-timing-function
:
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}}
.zoomInLeft
{
-webkit-animation-name
:
zoomInLeft
;
animation-name
:
zoomInLeft
}
@-webkit-keyframes
zoomInRight
{
0
%
{
opacity
:
0
;
-webkit-transform
:
scale3d
(
.1
,
.1
,
.1
)
translate3d
(
1000px
,
0
,
0
);
transform
:
scale3d
(
.1
,
.1
,
.1
)
translate3d
(
1000px
,
0
,
0
);
-webkit-animation-timing-function
:
cubic-bezier
(
.55
,
.055
,
.675
,
.19
);
animation-timing-function
:
cubic-bezier
(
.55
,
.055
,
.675
,
.19
)}
60
%
{
opacity
:
1
;
-webkit-transform
:
scale3d
(
.475
,
.475
,
.475
)
translate3d
(
-10px
,
0
,
0
);
transform
:
scale3d
(
.475
,
.475
,
.475
)
translate3d
(
-10px
,
0
,
0
);
-webkit-animation-timing-function
:
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
animation-timing-function
:
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}}
@keyframes
zoomInRight
{
0
%
{
opacity
:
0
;
-webkit-transform
:
scale3d
(
.1
,
.1
,
.1
)
translate3d
(
1000px
,
0
,
0
);
transform
:
scale3d
(
.1
,
.1
,
.1
)
translate3d
(
1000px
,
0
,
0
);
-webkit-animation-timing-function
:
cubic-bezier
(
.55
,
.055
,
.675
,
.19
);
animation-timing-function
:
cubic-bezier
(
.55
,
.055
,
.675
,
.19
)}
60
%
{
opacity
:
1
;
-webkit-transform
:
scale3d
(
.475
,
.475
,
.475
)
translate3d
(
-10px
,
0
,
0
);
transform
:
scale3d
(
.475
,
.475
,
.475
)
translate3d
(
-10px
,
0
,
0
);
-webkit-animation-timing-function
:
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
animation-timing-function
:
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}}
.zoomInRight
{
-webkit-animation-name
:
zoomInRight
;
animation-name
:
zoomInRight
}
@-webkit-keyframes
zoomInUp
{
0
%
{
opacity
:
0
;
-webkit-transform
:
scale3d
(
.1
,
.1
,
.1
)
translate3d
(
0
,
1000px
,
0
);
transform
:
scale3d
(
.1
,
.1
,
.1
)
translate3d
(
0
,
1000px
,
0
);
-webkit-animation-timing-function
:
cubic-bezier
(
.55
,
.055
,
.675
,
.19
);
animation-timing-function
:
cubic-bezier
(
.55
,
.055
,
.675
,
.19
)}
60
%
{
opacity
:
1
;
-webkit-transform
:
scale3d
(
.475
,
.475
,
.475
)
translate3d
(
0
,
-60px
,
0
);
transform
:
scale3d
(
.475
,
.475
,
.475
)
translate3d
(
0
,
-60px
,
0
);
-webkit-animation-timing-function
:
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
animation-timing-function
:
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}}
@keyframes
zoomInUp
{
0
%
{
opacity
:
0
;
-webkit-transform
:
scale3d
(
.1
,
.1
,
.1
)
translate3d
(
0
,
1000px
,
0
);
transform
:
scale3d
(
.1
,
.1
,
.1
)
translate3d
(
0
,
1000px
,
0
);
-webkit-animation-timing-function
:
cubic-bezier
(
.55
,
.055
,
.675
,
.19
);
animation-timing-function
:
cubic-bezier
(
.55
,
.055
,
.675
,
.19
)}
60
%
{
opacity
:
1
;
-webkit-transform
:
scale3d
(
.475
,
.475
,
.475
)
translate3d
(
0
,
-60px
,
0
);
transform
:
scale3d
(
.475
,
.475
,
.475
)
translate3d
(
0
,
-60px
,
0
);
-webkit-animation-timing-function
:
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
animation-timing-function
:
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}}
.zoomInUp
{
-webkit-animation-name
:
zoomInUp
;
animation-name
:
zoomInUp
}
@-webkit-keyframes
zoomOut
{
0
%
{
opacity
:
1
}
50
%
{
-webkit-transform
:
scale3d
(
.3
,
.3
,
.3
);
transform
:
scale3d
(
.3
,
.3
,
.3
)}
50
%,
to
{
opacity
:
0
}}
@keyframes
zoomOut
{
0
%
{
opacity
:
1
}
50
%
{
-webkit-transform
:
scale3d
(
.3
,
.3
,
.3
);
transform
:
scale3d
(
.3
,
.3
,
.3
)}
50
%,
to
{
opacity
:
0
}}
.zoomOut
{
-webkit-animation-name
:
zoomOut
;
animation-name
:
zoomOut
}
@-webkit-keyframes
zoomOutDown
{
40
%
{
opacity
:
1
;
-webkit-transform
:
scale3d
(
.475
,
.475
,
.475
)
translate3d
(
0
,
-60px
,
0
);
transform
:
scale3d
(
.475
,
.475
,
.475
)
translate3d
(
0
,
-60px
,
0
);
-webkit-animation-timing-function
:
cubic-bezier
(
.55
,
.055
,
.675
,
.19
);
animation-timing-function
:
cubic-bezier
(
.55
,
.055
,
.675
,
.19
)}
to
{
opacity
:
0
;
-webkit-transform
:
scale3d
(
.1
,
.1
,
.1
)
translate3d
(
0
,
2000px
,
0
);
transform
:
scale3d
(
.1
,
.1
,
.1
)
translate3d
(
0
,
2000px
,
0
);
-webkit-transform-origin
:
center
bottom
;
transform-origin
:
center
bottom
;
-webkit-animation-timing-function
:
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
animation-timing-function
:
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}}
@keyframes
zoomOutDown
{
40
%
{
opacity
:
1
;
-webkit-transform
:
scale3d
(
.475
,
.475
,
.475
)
translate3d
(
0
,
-60px
,
0
);
transform
:
scale3d
(
.475
,
.475
,
.475
)
translate3d
(
0
,
-60px
,
0
);
-webkit-animation-timing-function
:
cubic-bezier
(
.55
,
.055
,
.675
,
.19
);
animation-timing-function
:
cubic-bezier
(
.55
,
.055
,
.675
,
.19
)}
to
{
opacity
:
0
;
-webkit-transform
:
scale3d
(
.1
,
.1
,
.1
)
translate3d
(
0
,
2000px
,
0
);
transform
:
scale3d
(
.1
,
.1
,
.1
)
translate3d
(
0
,
2000px
,
0
);
-webkit-transform-origin
:
center
bottom
;
transform-origin
:
center
bottom
;
-webkit-animation-timing-function
:
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
animation-timing-function
:
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}}
.zoomOutDown
{
-webkit-animation-name
:
zoomOutDown
;
animation-name
:
zoomOutDown
}
@-webkit-keyframes
zoomOutLeft
{
40
%
{
opacity
:
1
;
-webkit-transform
:
scale3d
(
.475
,
.475
,
.475
)
translate3d
(
42px
,
0
,
0
);
transform
:
scale3d
(
.475
,
.475
,
.475
)
translate3d
(
42px
,
0
,
0
)}
to
{
opacity
:
0
;
-webkit-transform
:
scale
(
.1
)
translate3d
(
-2000px
,
0
,
0
);
transform
:
scale
(
.1
)
translate3d
(
-2000px
,
0
,
0
);
-webkit-transform-origin
:
left
center
;
transform-origin
:
left
center
}}
@keyframes
zoomOutLeft
{
40
%
{
opacity
:
1
;
-webkit-transform
:
scale3d
(
.475
,
.475
,
.475
)
translate3d
(
42px
,
0
,
0
);
transform
:
scale3d
(
.475
,
.475
,
.475
)
translate3d
(
42px
,
0
,
0
)}
to
{
opacity
:
0
;
-webkit-transform
:
scale
(
.1
)
translate3d
(
-2000px
,
0
,
0
);
transform
:
scale
(
.1
)
translate3d
(
-2000px
,
0
,
0
);
-webkit-transform-origin
:
left
center
;
transform-origin
:
left
center
}}
.zoomOutLeft
{
-webkit-animation-name
:
zoomOutLeft
;
animation-name
:
zoomOutLeft
}
@-webkit-keyframes
zoomOutRight
{
40
%
{
opacity
:
1
;
-webkit-transform
:
scale3d
(
.475
,
.475
,
.475
)
translate3d
(
-42px
,
0
,
0
);
transform
:
scale3d
(
.475
,
.475
,
.475
)
translate3d
(
-42px
,
0
,
0
)}
to
{
opacity
:
0
;
-webkit-transform
:
scale
(
.1
)
translate3d
(
2000px
,
0
,
0
);
transform
:
scale
(
.1
)
translate3d
(
2000px
,
0
,
0
);
-webkit-transform-origin
:
right
center
;
transform-origin
:
right
center
}}
@keyframes
zoomOutRight
{
40
%
{
opacity
:
1
;
-webkit-transform
:
scale3d
(
.475
,
.475
,
.475
)
translate3d
(
-42px
,
0
,
0
);
transform
:
scale3d
(
.475
,
.475
,
.475
)
translate3d
(
-42px
,
0
,
0
)}
to
{
opacity
:
0
;
-webkit-transform
:
scale
(
.1
)
translate3d
(
2000px
,
0
,
0
);
transform
:
scale
(
.1
)
translate3d
(
2000px
,
0
,
0
);
-webkit-transform-origin
:
right
center
;
transform-origin
:
right
center
}}
.zoomOutRight
{
-webkit-animation-name
:
zoomOutRight
;
animation-name
:
zoomOutRight
}
@-webkit-keyframes
zoomOutUp
{
40
%
{
opacity
:
1
;
-webkit-transform
:
scale3d
(
.475
,
.475
,
.475
)
translate3d
(
0
,
60px
,
0
);
transform
:
scale3d
(
.475
,
.475
,
.475
)
translate3d
(
0
,
60px
,
0
);
-webkit-animation-timing-function
:
cubic-bezier
(
.55
,
.055
,
.675
,
.19
);
animation-timing-function
:
cubic-bezier
(
.55
,
.055
,
.675
,
.19
)}
to
{
opacity
:
0
;
-webkit-transform
:
scale3d
(
.1
,
.1
,
.1
)
translate3d
(
0
,
-2000px
,
0
);
transform
:
scale3d
(
.1
,
.1
,
.1
)
translate3d
(
0
,
-2000px
,
0
);
-webkit-transform-origin
:
center
bottom
;
transform-origin
:
center
bottom
;
-webkit-animation-timing-function
:
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
animation-timing-function
:
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}}
@keyframes
zoomOutUp
{
40
%
{
opacity
:
1
;
-webkit-transform
:
scale3d
(
.475
,
.475
,
.475
)
translate3d
(
0
,
60px
,
0
);
transform
:
scale3d
(
.475
,
.475
,
.475
)
translate3d
(
0
,
60px
,
0
);
-webkit-animation-timing-function
:
cubic-bezier
(
.55
,
.055
,
.675
,
.19
);
animation-timing-function
:
cubic-bezier
(
.55
,
.055
,
.675
,
.19
)}
to
{
opacity
:
0
;
-webkit-transform
:
scale3d
(
.1
,
.1
,
.1
)
translate3d
(
0
,
-2000px
,
0
);
transform
:
scale3d
(
.1
,
.1
,
.1
)
translate3d
(
0
,
-2000px
,
0
);
-webkit-transform-origin
:
center
bottom
;
transform-origin
:
center
bottom
;
-webkit-animation-timing-function
:
cubic-bezier
(
.175
,
.885
,
.32
,
1
);
animation-timing-function
:
cubic-bezier
(
.175
,
.885
,
.32
,
1
)}}
.zoomOutUp
{
-webkit-animation-name
:
zoomOutUp
;
animation-name
:
zoomOutUp
}
@-webkit-keyframes
slideInDown
{
0
%
{
-webkit-transform
:
translate3d
(
0
,
-100%
,
0
);
transform
:
translate3d
(
0
,
-100%
,
0
);
visibility
:
visible
}
to
{
-webkit-transform
:
translateZ
(
0
);
transform
:
translateZ
(
0
)}}
@keyframes
slideInDown
{
0
%
{
-webkit-transform
:
translate3d
(
0
,
-100%
,
0
);
transform
:
translate3d
(
0
,
-100%
,
0
);
visibility
:
visible
}
to
{
-webkit-transform
:
translateZ
(
0
);
transform
:
translateZ
(
0
)}}
.slideInDown
{
-webkit-animation-name
:
slideInDown
;
animation-name
:
slideInDown
}
@-webkit-keyframes
slideInLeft
{
0
%
{
-webkit-transform
:
translate3d
(
-100%
,
0
,
0
);
transform
:
translate3d
(
-100%
,
0
,
0
);
visibility
:
visible
}
to
{
-webkit-transform
:
translateZ
(
0
);
transform
:
translateZ
(
0
)}}
@keyframes
slideInLeft
{
0
%
{
-webkit-transform
:
translate3d
(
-100%
,
0
,
0
);
transform
:
translate3d
(
-100%
,
0
,
0
);
visibility
:
visible
}
to
{
-webkit-transform
:
translateZ
(
0
);
transform
:
translateZ
(
0
)}}
.slideInLeft
{
-webkit-animation-name
:
slideInLeft
;
animation-name
:
slideInLeft
}
@-webkit-keyframes
slideInRight
{
0
%
{
-webkit-transform
:
translate3d
(
100%
,
0
,
0
);
transform
:
translate3d
(
100%
,
0
,
0
);
visibility
:
visible
}
to
{
-webkit-transform
:
translateZ
(
0
);
transform
:
translateZ
(
0
)}}
@keyframes
slideInRight
{
0
%
{
-webkit-transform
:
translate3d
(
100%
,
0
,
0
);
transform
:
translate3d
(
100%
,
0
,
0
);
visibility
:
visible
}
to
{
-webkit-transform
:
translateZ
(
0
);
transform
:
translateZ
(
0
)}}
.slideInRight
{
-webkit-animation-name
:
slideInRight
;
animation-name
:
slideInRight
}
@-webkit-keyframes
slideInUp
{
0
%
{
-webkit-transform
:
translate3d
(
0
,
100%
,
0
);
transform
:
translate3d
(
0
,
100%
,
0
);
visibility
:
visible
}
to
{
-webkit-transform
:
translateZ
(
0
);
transform
:
translateZ
(
0
)}}
@keyframes
slideInUp
{
0
%
{
-webkit-transform
:
translate3d
(
0
,
100%
,
0
);
transform
:
translate3d
(
0
,
100%
,
0
);
visibility
:
visible
}
to
{
-webkit-transform
:
translateZ
(
0
);
transform
:
translateZ
(
0
)}}
.slideInUp
{
-webkit-animation-name
:
slideInUp
;
animation-name
:
slideInUp
}
@-webkit-keyframes
slideOutDown
{
0
%
{
-webkit-transform
:
translateZ
(
0
);
transform
:
translateZ
(
0
)}
to
{
visibility
:
hidden
;
-webkit-transform
:
translate3d
(
0
,
100%
,
0
);
transform
:
translate3d
(
0
,
100%
,
0
)}}
@keyframes
slideOutDown
{
0
%
{
-webkit-transform
:
translateZ
(
0
);
transform
:
translateZ
(
0
)}
to
{
visibility
:
hidden
;
-webkit-transform
:
translate3d
(
0
,
100%
,
0
);
transform
:
translate3d
(
0
,
100%
,
0
)}}
.slideOutDown
{
-webkit-animation-name
:
slideOutDown
;
animation-name
:
slideOutDown
}
@-webkit-keyframes
slideOutLeft
{
0
%
{
-webkit-transform
:
translateZ
(
0
);
transform
:
translateZ
(
0
)}
to
{
visibility
:
hidden
;
-webkit-transform
:
translate3d
(
-100%
,
0
,
0
);
transform
:
translate3d
(
-100%
,
0
,
0
)}}
@keyframes
slideOutLeft
{
0
%
{
-webkit-transform
:
translateZ
(
0
);
transform
:
translateZ
(
0
)}
to
{
visibility
:
hidden
;
-webkit-transform
:
translate3d
(
-100%
,
0
,
0
);
transform
:
translate3d
(
-100%
,
0
,
0
)}}
.slideOutLeft
{
-webkit-animation-name
:
slideOutLeft
;
animation-name
:
slideOutLeft
}
@-webkit-keyframes
slideOutRight
{
0
%
{
-webkit-transform
:
translateZ
(
0
);
transform
:
translateZ
(
0
)}
to
{
visibility
:
hidden
;
-webkit-transform
:
translate3d
(
100%
,
0
,
0
);
transform
:
translate3d
(
100%
,
0
,
0
)}}
@keyframes
slideOutRight
{
0
%
{
-webkit-transform
:
translateZ
(
0
);
transform
:
translateZ
(
0
)}
to
{
visibility
:
hidden
;
-webkit-transform
:
translate3d
(
100%
,
0
,
0
);
transform
:
translate3d
(
100%
,
0
,
0
)}}
.slideOutRight
{
-webkit-animation-name
:
slideOutRight
;
animation-name
:
slideOutRight
}
@-webkit-keyframes
slideOutUp
{
0
%
{
-webkit-transform
:
translateZ
(
0
);
transform
:
translateZ
(
0
)}
to
{
visibility
:
hidden
;
-webkit-transform
:
translate3d
(
0
,
-100%
,
0
);
transform
:
translate3d
(
0
,
-100%
,
0
)}}
@keyframes
slideOutUp
{
0
%
{
-webkit-transform
:
translateZ
(
0
);
transform
:
translateZ
(
0
)}
to
{
visibility
:
hidden
;
-webkit-transform
:
translate3d
(
0
,
-100%
,
0
);
transform
:
translate3d
(
0
,
-100%
,
0
)}}
.slideOutUp
{
-webkit-animation-name
:
slideOutUp
;
animation-name
:
slideOutUp
}
abbr
,
address
,
article
,
aside
,
audio
,
b
,
blockquote
,
body
,
body
div
,
caption
,
cite
,
code
,
dd
,
del
,
details
,
dfn
,
dl
,
dt
,
em
,
fieldset
,
figure
,
footer
,
form
,
h1
,
h2
,
h3
,
h4
,
h5
,
h6
,
header
,
html
,
i
,
iframe
,
img
,
ins
,
kbd
,
label
,
legend
,
li
,
mark
,
menu
,
nav
,
object
,
ol
,
p
,
pre
,
q
,
samp
,
section
,
small
,
span
,
strong
,
sub
,
summary
,
sup
,
table
,
tbody
,
td
,
tfoot
,
th
,
thead
,
time
,
tr
,
ul
,
var
,
video
{
margin
:
0
;
padding
:
0
;
border
:
0
;
font-size
:
100%
;
font-weight
:
400
;
vertical-align
:
baseline
;
background
:
0
0
}
input
[
type
=
checkbox
],
th
{
vertical-align
:
bottom
}
embed
,
img
,
object
{
max-width
:
100%
}
ul
{
list-style
:
none
}
blockquote
,
q
{
quotes
:
none
}
blockquote
:after
,
blockquote
:before
,
q
:after
,
q
:before
{
content
:
''
;
content
:
none
}
a
{
font-size
:
100%
;
vertical-align
:
baseline
;
background
:
0
0
;
transition
:
color
.4s
ease
;
text-decoration
:
none
}
del
{
text-decoration
:
line-through
}
abbr
[
title
],
dfn
[
title
]
{
border-bottom
:
1px
dotted
#000
;
cursor
:
help
}
th
{
font-weight
:
700
}
td
{
font-weight
:
400
;
vertical-align
:
top
}
hr
{
height
:
1px
;
border
:
0
;
border-top
:
1px
solid
#ccc
;
margin
:
1em
0
}
#bg
,
#bg
>
div
{
width
:
100%
;
height
:
100%
;
top
:
0
;
left
:
0
}
input
,
select
{
vertical-align
:
middle
}
pre
{
white-space
:
pre
;
white-space
:
pre-wrap
;
white-space
:
pre-line
;
word-wrap
:
break-word
}
input
[
type
=
radio
]
{
vertical-align
:
text-bottom
}
.ie7
input
[
type
=
checkbox
]
{
vertical-align
:
baseline
}
.ie6
input
{
vertical-align
:
text-bottom
}
input
,
select
,
textarea
{
font
:
99%
sans-serif
}
table
{
border-collapse
:
separate
;
border-spacing
:
0
;
font
:
100%
}
small
{
font-size
:
85%
}
strong
{
font-weight
:
700
}
td
,
td
img
{
vertical-align
:
top
}
sub
,
sup
{
font-size
:
75%
;
line-height
:
0
}
sup
{
top
:
-.5em
}
sub
{
bottom
:
-.25em
}
code
,
kbd
,
pre
,
samp
{
font-family
:
monospace
,
sans-serif
}
button
,
input
[
type
=
button
]
{
width
:
auto
;
overflow
:
visible
}
.ie7
img
{
-ms-interpolation-mode
:
bicubic
}
.clearfix
:after
{
content
:
" "
;
display
:
block
;
clear
:
both
}
@font-face
{
font-family
:
core-icons
;
src
:
url(/fonts/core-icons.ttf?a4cyvk)
format
(
"truetype"
),
url(/fonts/core-icons.woff?a4cyvk)
format
(
"woff"
),
url(/fonts/core-icons.svg?a4cyvk#core-icons)
format
(
"svg"
);
font-weight
:
400
;
font-style
:
normal
}
[
class
*=
" icon-"
],[
class
^=
icon-
]
{
font-family
:
core-icons
!important
;
speak
:
none
;
font-style
:
normal
;
font-weight
:
400
;
font-variant
:
normal
;
text-transform
:
none
;
line-height
:
1
;
-webkit-font-smoothing
:
antialiased
;
-moz-osx-font-smoothing
:
grayscale
}
body
,
html
{
font-family
:
-apple-system
,
BlinkMacSystemFont
,
"Segoe UI"
,
Roboto
,
Helvetica
,
Arial
,
sans-serif
,
"Apple Color Emoji"
,
"Segoe UI Emoji"
,
"Segoe UI Symbol"
}
.icon-th-small
:before
{
content
:
""
}
.icon-th-menu
:before
{
content
:
""
}
.icon-th-list
:before
{
content
:
""
}
.icon-th-large
:before
{
content
:
""
}
.icon-home
:before
{
content
:
""
}
.icon-location
:before
{
content
:
""
}
.icon-link
:before
{
content
:
""
}
.icon-starburst
:before
{
content
:
""
}
.icon-starburst-outline
:before
{
content
:
""
}
.icon-star
:before
{
content
:
""
}
.icon-flow-children
:before
{
content
:
""
}
.icon-export
:before
{
content
:
""
}
.icon-delete
:before
{
content
:
""
}
.icon-delete-outline
:before
{
content
:
""
}
.icon-cloud-storage
:before
{
content
:
""
}
.icon-backspace
:before
{
content
:
""
}
.icon-attachment
:before
{
content
:
""
}
.icon-arrow-move
:before
{
content
:
""
}
.icon-warning
:before
{
content
:
""
}
.icon-location-arrow
:before
{
content
:
""
}
.icon-point-of-interest
:before
{
content
:
""
}
.icon-infinity
:before
{
content
:
""
}
.icon-eye
:before
{
content
:
""
}
.icon-refresh
:before
{
content
:
""
}
.icon-pin
:before
{
content
:
""
}
.icon-eject
:before
{
content
:
""
}
.icon-arrow-sync
:before
{
content
:
""
}
.icon-arrow-shuffle
:before
{
content
:
""
}
.icon-arrow-repeat
:before
{
content
:
""
}
.icon-arrow-minimise
:before
{
content
:
""
}
.icon-arrow-maximise
:before
{
content
:
""
}
.icon-arrow-loop
:before
{
content
:
""
}
.icon-spanner
:before
{
content
:
""
}
.icon-power
:before
{
content
:
""
}
.icon-flag
:before
{
content
:
""
}
.icon-th-large-outline
:before
{
content
:
""
}
.icon-th-small-outline
:before
{
content
:
""
}
.icon-th-menu-outline
:before
{
content
:
""
}
.icon-th-list-outline
:before
{
content
:
""
}
.icon-home-outline
:before
{
content
:
""
}
.icon-trash
:before
{
content
:
""
}
.icon-star-outline
:before
{
content
:
""
}
.icon-mail
:before
{
content
:
""
}
.icon-heart-outline
:before
{
content
:
""
}
.icon-flash-outline
:before
{
content
:
""
}
.icon-watch
:before
{
content
:
""
}
.icon-warning-outline
:before
{
content
:
""
}
.icon-location-arrow-outline
:before
{
content
:
""
}
.icon-info-outline
:before
{
content
:
""
}
.icon-backspace-outline
:before
{
content
:
""
}
.icon-upload-outline
:before
{
content
:
""
}
.icon-tag
:before
{
content
:
""
}
.icon-tabs-outline
:before
{
content
:
""
}
.icon-pin-outline
:before
{
content
:
""
}
.icon-pipette
:before
{
content
:
""
}
.icon-pencil
:before
{
content
:
""
}
.icon-folder
:before
{
content
:
""
}
.icon-folder-delete
:before
{
content
:
""
}
.icon-folder-add
:before
{
content
:
""
}
.icon-edit
:before
{
content
:
""
}
.icon-document
:before
{
content
:
""
}
.icon-document-delete
:before
{
content
:
""
}
.icon-document-add
:before
{
content
:
""
}
.icon-brush
:before
{
content
:
""
}
.icon-thumbs-up
:before
{
content
:
""
}
.icon-thumbs-down
:before
{
content
:
""
}
.icon-pen
:before
{
content
:
""
}
.icon-bookmark
:before
{
content
:
""
}
.icon-arrow-up
:before
{
content
:
""
}
.icon-arrow-sync-outline
:before
{
content
:
""
}
.icon-arrow-right
:before
{
content
:
""
}
.icon-arrow-repeat-outline
:before
{
content
:
""
}
.icon-arrow-loop-outline
:before
{
content
:
""
}
.icon-arrow-left
:before
{
content
:
""
}
.icon-flow-switch
:before
{
content
:
""
}
.icon-flow-parallel
:before
{
content
:
""
}
.icon-flow-merge
:before
{
content
:
""
}
.icon-document-text
:before
{
content
:
""
}
.icon-arrow-down
:before
{
content
:
""
}
.icon-bell
:before
{
content
:
""
}
.icon-adjust-contrast
:before
{
content
:
""
}
.icon-lightbulb
:before
{
content
:
""
}
.icon-tags
:before
{
content
:
""
}
.icon-eye2
:before
{
content
:
""
}
.icon-paper-clip
:before
{
content
:
""
}
.icon-mail2
:before
{
content
:
""
}
.icon-toggle
:before
{
content
:
""
}
.icon-layout
:before
{
content
:
""
}
.icon-link2
:before
{
content
:
""
}
.icon-bell2
:before
{
content
:
""
}
.icon-lock
:before
{
content
:
""
}
.icon-unlock
:before
{
content
:
""
}
.icon-ribbon
:before
{
content
:
""
}
.icon-image
:before
{
content
:
""
}
.icon-signal
:before
{
content
:
""
}
.icon-target
:before
{
content
:
""
}
.icon-clipboard
:before
{
content
:
""
}
.icon-clock
:before
{
content
:
""
}
.icon-watch2
:before
{
content
:
""
}
.icon-air-play
:before
{
content
:
""
}
.icon-camera
:before
{
content
:
""
}
.icon-video
:before
{
content
:
""
}
.icon-disc
:before
{
content
:
""
}
.icon-printer
:before
{
content
:
""
}
.icon-monitor
:before
{
content
:
""
}
.icon-server
:before
{
content
:
""
}
.icon-cog
:before
{
content
:
""
}
.icon-heart
:before
{
content
:
""
}
.icon-paragraph
:before
{
content
:
""
}
.icon-align-justify
:before
{
content
:
""
}
.icon-align-left
:before
{
content
:
""
}
.icon-align-center
:before
{
content
:
""
}
.icon-align-right
:before
{
content
:
""
}
.icon-book
:before
{
content
:
""
}
.icon-layers
:before
{
content
:
""
}
.icon-stack
:before
{
content
:
""
}
.icon-stack-2
:before
{
content
:
""
}
.icon-paper
:before
{
content
:
""
}
.icon-paper-stack
:before
{
content
:
""
}
.icon-search
:before
{
content
:
""
}
.icon-zoom-in
:before
{
content
:
""
}
.icon-zoom-out
:before
{
content
:
""
}
.icon-reply
:before
{
content
:
""
}
.icon-circle-plus
:before
{
content
:
""
}
.icon-circle-minus
:before
{
content
:
""
}
.icon-circle-check
:before
{
content
:
""
}
.icon-circle-cross
:before
{
content
:
""
}
.icon-square-plus
:before
{
content
:
""
}
.icon-square-minus
:before
{
content
:
""
}
.icon-square-check
:before
{
content
:
""
}
.icon-square-cross
:before
{
content
:
""
}
.icon-microphone
:before
{
content
:
""
}
.icon-record
:before
{
content
:
""
}
.icon-skip-back
:before
{
content
:
""
}
.icon-rewind
:before
{
content
:
""
}
.icon-play
:before
{
content
:
""
}
.icon-pause
:before
{
content
:
""
}
.icon-stop
:before
{
content
:
""
}
.icon-fast-forward
:before
{
content
:
""
}
.icon-skip-forward
:before
{
content
:
""
}
.icon-shuffle
:before
{
content
:
""
}
.icon-repeat
:before
{
content
:
""
}
.icon-folder2
:before
{
content
:
""
}
.icon-umbrella
:before
{
content
:
""
}
.icon-moon
:before
{
content
:
""
}
.icon-thermometer
:before
{
content
:
""
}
.icon-drop
:before
{
content
:
""
}
.icon-sun
:before
{
content
:
""
}
.icon-cloud
:before
{
content
:
""
}
.icon-cloud-upload
:before
{
content
:
""
}
.icon-cloud-download
:before
{
content
:
""
}
.icon-upload
:before
{
content
:
""
}
.icon-download
:before
{
content
:
""
}
.icon-location2
:before
{
content
:
""
}
.icon-location-2
:before
{
content
:
""
}
.icon-map
:before
{
content
:
""
}
.icon-battery
:before
{
content
:
""
}
.icon-head
:before
{
content
:
""
}
.icon-briefcase
:before
{
content
:
""
}
.icon-speech-bubble
:before
{
content
:
""
}
.icon-anchor
:before
{
content
:
""
}
.icon-globe
:before
{
content
:
""
}
.icon-box
:before
{
content
:
""
}
.icon-reload
:before
{
content
:
""
}
.icon-share
:before
{
content
:
""
}
.icon-marquee
:before
{
content
:
""
}
.icon-marquee-plus
:before
{
content
:
""
}
.icon-marquee-minus
:before
{
content
:
""
}
.icon-tag2
:before
{
content
:
""
}
.icon-power2
:before
{
content
:
""
}
.icon-command
:before
{
content
:
""
}
.icon-alt
:before
{
content
:
""
}
.icon-esc
:before
{
content
:
""
}
.icon-bar-graph
:before
{
content
:
""
}
.icon-bar-graph-2
:before
{
content
:
""
}
.icon-pie-graph
:before
{
content
:
""
}
.icon-star2
:before
{
content
:
""
}
.icon-arrow-left2
:before
{
content
:
""
}
.icon-arrow-right2
:before
{
content
:
""
}
.icon-arrow-up2
:before
{
content
:
""
}
.icon-arrow-down2
:before
{
content
:
""
}
.icon-volume
:before
{
content
:
""
}
.icon-mute
:before
{
content
:
""
}
.icon-content-right
:before
{
content
:
""
}
.icon-content-left
:before
{
content
:
""
}
.icon-grid
:before
{
content
:
""
}
.icon-grid-2
:before
{
content
:
""
}
.icon-columns
:before
{
content
:
""
}
.icon-loader
:before
{
content
:
""
}
.icon-bag
:before
{
content
:
""
}
.icon-ban
:before
{
content
:
""
}
.icon-flag2
:before
{
content
:
""
}
.icon-trash2
:before
{
content
:
""
}
.icon-expand
:before
{
content
:
""
}
.icon-contract
:before
{
content
:
""
}
.icon-maximize
:before
{
content
:
""
}
.icon-minimize
:before
{
content
:
""
}
.icon-plus
:before
{
content
:
""
}
.icon-minus
:before
{
content
:
""
}
.icon-check
:before
{
content
:
""
}
.icon-cross
:before
{
content
:
""
}
.icon-move
:before
{
content
:
""
}
.icon-delete2
:before
{
content
:
""
}
.icon-menu
:before
{
content
:
""
}
.icon-archive
:before
{
content
:
""
}
.icon-inbox
:before
{
content
:
""
}
.icon-outbox
:before
{
content
:
""
}
.icon-file
:before
{
content
:
""
}
.icon-file-add
:before
{
content
:
""
}
.icon-file-subtract
:before
{
content
:
""
}
.icon-help
:before
{
content
:
""
}
.icon-open
:before
{
content
:
""
}
.icon-ellipsis
:before
{
content
:
""
}
.icon-box2
:before
{
content
:
""
}
.icon-write
:before
{
content
:
""
}
.icon-clock2
:before
{
content
:
""
}
.icon-reply2
:before
{
content
:
""
}
.icon-reply-all
:before
{
content
:
""
}
.icon-forward
:before
{
content
:
""
}
.icon-flag3
:before
{
content
:
""
}
.icon-search2
:before
{
content
:
""
}
.icon-trash3
:before
{
content
:
""
}
.icon-envelope
:before
{
content
:
""
}
.icon-bubble
:before
{
content
:
""
}
.icon-bubbles
:before
{
content
:
""
}
.icon-user
:before
{
content
:
""
}
.icon-users
:before
{
content
:
""
}
.icon-cloud2
:before
{
content
:
""
}
.icon-download2
:before
{
content
:
""
}
.icon-upload2
:before
{
content
:
""
}
.icon-rain
:before
{
content
:
""
}
.icon-sun2
:before
{
content
:
""
}
.icon-moon2
:before
{
content
:
""
}
.icon-bell3
:before
{
content
:
""
}
.icon-folder3
:before
{
content
:
""
}
.icon-pin2
:before
{
content
:
""
}
.icon-sound
:before
{
content
:
""
}
.icon-microphone2
:before
{
content
:
""
}
.icon-camera2
:before
{
content
:
""
}
.icon-image2
:before
{
content
:
""
}
.icon-cog2
:before
{
content
:
""
}
.icon-calendar
:before
{
content
:
""
}
.icon-book2
:before
{
content
:
""
}
.icon-map-marker
:before
{
content
:
""
}
.icon-store
:before
{
content
:
""
}
.icon-support
:before
{
content
:
""
}
.icon-tag3
:before
{
content
:
""
}
.icon-heart2
:before
{
content
:
""
}
.icon-video-camera
:before
{
content
:
""
}
.icon-trophy
:before
{
content
:
""
}
.icon-cart
:before
{
content
:
""
}
.icon-eye3
:before
{
content
:
""
}
.icon-cancel
:before
{
content
:
""
}
.icon-chart
:before
{
content
:
""
}
.icon-target2
:before
{
content
:
""
}
.icon-printer2
:before
{
content
:
""
}
.icon-location3
:before
{
content
:
""
}
.icon-bookmark2
:before
{
content
:
""
}
.icon-monitor2
:before
{
content
:
""
}
.icon-cross2
:before
{
content
:
""
}
.icon-plus2
:before
{
content
:
""
}
.icon-left
:before
{
content
:
""
}
.icon-up
:before
{
content
:
""
}
.icon-browser
:before
{
content
:
""
}
.icon-windows
:before
{
content
:
""
}
.icon-switch
:before
{
content
:
""
}
.icon-dashboard
:before
{
content
:
""
}
.icon-play2
:before
{
content
:
""
}
.icon-fast-forward2
:before
{
content
:
""
}
.icon-next
:before
{
content
:
""
}
.icon-refresh2
:before
{
content
:
""
}
.icon-film
:before
{
content
:
""
}
.icon-home2
:before
{
content
:
""
}
html
{
overflow-y
:
scroll
;
box-sizing
:
border-box
}
*,
:after
,
:before
{
box-sizing
:
inherit
}
.is-hidden
,[
v-cloak
]
{
display
:
none
}
.has-stickynav
{
padding-top
:
50px
}
.content
{
padding
:
20px
}
.is-hidden
{
display
:
none
!important
}
@media
screen
and
(
max-width
:
768px
){
.is-hidden-mobile
{
display
:
none
!important
}}
@media
screen
and
(
min-width
:
769px
){
.is-hidden-tablet
{
display
:
none
!important
}}
@media
screen
and
(
min-width
:
769px
)
and
(
max-width
:
979px
){
.is-hidden-tablet-only
{
display
:
none
!important
}}
@media
screen
and
(
max-width
:
979px
){
.is-hidden-touch
{
display
:
none
!important
}}
@media
screen
and
(
min-width
:
980px
){
.container
{
margin
:
0
auto
;
max-width
:
960px
}
.container.is-fluid
{
margin
:
0
;
max-width
:
none
}
.is-hidden-desktop
{
display
:
none
!important
}}
@media
screen
and
(
min-width
:
980px
)
and
(
max-width
:
1179px
){
.is-hidden-desktop-only
{
display
:
none
!important
}}
@media
screen
and
(
min-width
:
1180px
){
.container
{
max-width
:
1200px
}
.is-hidden-widescreen
{
display
:
none
!important
}}
body
{
padding
:
0
;
margin
:
0
;
font-size
:
14px
}
a
:hover
{
color
:
#fb8c00
;
text-decoration
:
underline
}
#bg
{
position
:
fixed
;
z-index
:
1
;
background-color
:
#000
}
#bg
>
div
{
background-size
:
cover
;
background-position
:
center
center
;
position
:
absolute
;
opacity
:
0
;
visibility
:
hidden
;
transition
:
opacity
3s
ease
,
visibility
3s
;
animation
:
bg
30s
linear
infinite
}
#copyright
,
#root
{
left
:
10vw
;
z-index
:
2
}
#bg
>
div
:nth-child
(
1
)
{
animation-delay
:
10s
}
#bg
>
div
:nth-child
(
2
)
{
animation-delay
:
20s
}
#root
h1
,
#root
h2
{
animation
:
headerIntro
3s
ease
}
#root
{
position
:
fixed
;
top
:
15vh
;
display
:
flex
;
flex-direction
:
column
}
#root
h1
{
font-size
:
4rem
;
font-weight
:
700
;
padding
:
0
;
margin
:
0
}
#root
h2
,
#root
h3
,
#root
h4
{
font-weight
:
400
;
padding
:
0
}
#root
h2
{
font-size
:
1.5rem
;
margin
:
0
0
25px
}
#root
h3
{
font-size
:
1.25rem
;
color
:
#FB8C00
;
margin
:
0
;
animation
:
shake
1s
ease
}
#root
h3
>
.fa
{
margin-right
:
7px
}
#root
h4
{
font-size
:
.8rem
;
margin
:
0
0
15px
;
animation
:
fadeIn
3s
ease
}
#copyright
,
#root
#social
>
span
,
#root
button
,
#root
button
span
{
font-weight
:
700
}
#root
form
{
display
:
flex
;
flex-direction
:
column
}
#root
input
[
type
=
password
],
#root
input
[
type
=
text
]
{
width
:
350px
;
max-width
:
80vw
;
border
:
1px
solid
rgba
(
255
,
255
,
255
,
.3
);
border-radius
:
3px
;
background-color
:
rgba
(
0
,
0
,
0
,
.2
);
padding
:
0
15px
;
height
:
40px
;
margin
:
0
0
10px
;
color
:
#FFF
;
font-weight
:
700
;
font-size
:
14px
;
transition
:
all
.4s
ease
}
#root
input
[
type
=
password
]
:focus
,
#root
input
[
type
=
text
]
:focus
{
outline
:
0
;
border-color
:
#fb8c00
}
#root
button
{
background-color
:
#fb8c00
;
border
:
1px
solid
#ffa32f
;
border-radius
:
3px
;
height
:
40px
;
width
:
125px
;
padding
:
0
;
margin
:
15px
0
0
;
transition
:
all
.4s
ease
}
#root
button
:focus
{
outline
:
0
;
border-color
:
#FFF
}
#root
button
:hover
{
background-color
:
#c87000
}
#root
#social
{
margin-top
:
25px
}
#root
#social
>
span
{
display
:
block
;
color
:
rgba
(
255
,
255
,
255
,
.7
)}
#root
#social
button
{
margin-right
:
5px
;
width
:
auto
;
padding
:
0
15px
}
#root
#social
button
>
i
{
margin-right
:
10px
;
font-size
:
16px
}
#root
#social
button
.ms
{
background-color
:
#00897b
;
border-color
:
#00bca9
}
#root
#social
button
.ms
:focus
{
border-color
:
#FFF
}
#root
#social
button
.ms
:hover
{
background-color
:
#00564d
}
#root
#social
button
.google
{
background-color
:
#039be5
;
border-color
:
#1fb4fc
}
#root
#social
button
.google
:focus
{
border-color
:
#FFF
}
#root
#social
button
.google
:hover
{
background-color
:
#0279b3
}
#root
#social
button
.facebook
{
background-color
:
#8e24aa
;
border-color
:
#b02ed3
}
#root
#social
button
.facebook
:focus
{
border-color
:
#FFF
}
#root
#social
button
.facebook
:hover
{
background-color
:
#6b1b80
}
#copyright
{
display
:
flex
;
align-items
:
center
;
justify-content
:
flex-start
;
position
:
absolute
;
bottom
:
10vh
;
color
:
rgba
(
255
,
255
,
255
,
.5
)}
#copyright
.icon
{
font-size
:
1.2rem
;
margin
:
0
8px
}
#copyright
a
{
opacity
:
.75
}
@-webkit-keyframes
bg
{
0
%
{
-webkit-transform
:
scale
(
1
,
1
);
-moz-transform
:
scale
(
1
,
1
);
-ms-transform
:
scale
(
1
,
1
);
-o-transform
:
scale
(
1
,
1
);
transform
:
scale
(
1
,
1
);
visibility
:
visible
;
opacity
:
0
}
33
%,
5
%
{
opacity
:
.5
}
38
%
{
-webkit-transform
:
scale
(
1.2
,
1.2
);
-moz-transform
:
scale
(
1.2
,
1.2
);
-ms-transform
:
scale
(
1.2
,
1.2
);
-o-transform
:
scale
(
1.2
,
1.2
);
transform
:
scale
(
1.2
,
1.2
);
opacity
:
0
}
39
%
{
visibility
:
hidden
}
100
%
{
visibility
:
hidden
;
opacity
:
0
}}
@-moz-keyframes
bg
{
0
%
{
-webkit-transform
:
scale
(
1
,
1
);
-moz-transform
:
scale
(
1
,
1
);
-ms-transform
:
scale
(
1
,
1
);
-o-transform
:
scale
(
1
,
1
);
transform
:
scale
(
1
,
1
);
visibility
:
visible
;
opacity
:
0
}
33
%,
5
%
{
opacity
:
.5
}
38
%
{
-webkit-transform
:
scale
(
1.2
,
1.2
);
-moz-transform
:
scale
(
1.2
,
1.2
);
-ms-transform
:
scale
(
1.2
,
1.2
);
-o-transform
:
scale
(
1.2
,
1.2
);
transform
:
scale
(
1.2
,
1.2
);
opacity
:
0
}
39
%
{
visibility
:
hidden
}
100
%
{
visibility
:
hidden
;
opacity
:
0
}}
@-o-keyframes
bg
{
0
%
{
-webkit-transform
:
scale
(
1
,
1
);
-moz-transform
:
scale
(
1
,
1
);
-ms-transform
:
scale
(
1
,
1
);
-o-transform
:
scale
(
1
,
1
);
transform
:
scale
(
1
,
1
);
visibility
:
visible
;
opacity
:
0
}
33
%,
5
%
{
opacity
:
.5
}
38
%
{
-webkit-transform
:
scale
(
1.2
,
1.2
);
-moz-transform
:
scale
(
1.2
,
1.2
);
-ms-transform
:
scale
(
1.2
,
1.2
);
-o-transform
:
scale
(
1.2
,
1.2
);
transform
:
scale
(
1.2
,
1.2
);
opacity
:
0
}
39
%
{
visibility
:
hidden
}
100
%
{
visibility
:
hidden
;
opacity
:
0
}}
@keyframes
bg
{
0
%
{
-webkit-transform
:
scale
(
1
,
1
);
-moz-transform
:
scale
(
1
,
1
);
-ms-transform
:
scale
(
1
,
1
);
-o-transform
:
scale
(
1
,
1
);
transform
:
scale
(
1
,
1
);
visibility
:
visible
;
opacity
:
0
}
33
%,
5
%
{
opacity
:
.5
}
38
%
{
-webkit-transform
:
scale
(
1.2
,
1.2
);
-moz-transform
:
scale
(
1.2
,
1.2
);
-ms-transform
:
scale
(
1.2
,
1.2
);
-o-transform
:
scale
(
1.2
,
1.2
);
transform
:
scale
(
1.2
,
1.2
);
opacity
:
0
}
39
%
{
visibility
:
hidden
}
100
%
{
visibility
:
hidden
;
opacity
:
0
}}
@-webkit-keyframes
headerIntro
{
0
%
{
opacity
:
0
}
100
%
{
opacity
:
1
}}
@-moz-keyframes
headerIntro
{
0
%
{
opacity
:
0
}
100
%
{
opacity
:
1
}}
@-o-keyframes
headerIntro
{
0
%
{
opacity
:
0
}
100
%
{
opacity
:
1
}}
@keyframes
headerIntro
{
0
%
{
opacity
:
0
}
100
%
{
opacity
:
1
}}
\ No newline at end of file
@charset
"UTF-8"
;
a
,
hr
{
padding
:
0
}
a
,
button
,
input
,
select
,
textarea
{
margin
:
0
}
article
,
aside
,
details
,
figure
,
footer
,
header
,
hr
,
main
,
nav
,
section
,
summary
{
display
:
block
}
.container
,
sub
,
sup
{
position
:
relative
}
#root
h2
,
#root
h4
{
color
:
rgba
(
255
,
255
,
255
,
.7
)}
#root
,
#root
button
,
#root
h1
,
a
{
color
:
#FFF
}
#root
button
,
.clickable
,
button
,
input
[
type
=
button
],
input
[
type
=
file
],
input
[
type
=
submit
],
label
{
cursor
:
pointer
}
abbr
,
address
,
article
,
aside
,
audio
,
b
,
blockquote
,
body
,
body
div
,
caption
,
cite
,
code
,
dd
,
del
,
details
,
dfn
,
dl
,
dt
,
em
,
fieldset
,
figure
,
footer
,
form
,
h1
,
h2
,
h3
,
h4
,
h5
,
h6
,
header
,
html
,
i
,
iframe
,
img
,
ins
,
kbd
,
label
,
legend
,
li
,
mark
,
menu
,
nav
,
object
,
ol
,
p
,
pre
,
q
,
samp
,
section
,
small
,
span
,
strong
,
sub
,
summary
,
sup
,
table
,
tbody
,
td
,
tfoot
,
th
,
thead
,
time
,
tr
,
ul
,
var
,
video
{
margin
:
0
;
padding
:
0
;
border
:
0
;
font-size
:
100%
;
font-weight
:
400
;
vertical-align
:
baseline
;
background
:
0
0
}
input
[
type
=
checkbox
],
th
{
vertical-align
:
bottom
}
embed
,
img
,
object
{
max-width
:
100%
}
ul
{
list-style
:
none
}
blockquote
,
q
{
quotes
:
none
}
blockquote
:after
,
blockquote
:before
,
q
:after
,
q
:before
{
content
:
''
;
content
:
none
}
a
{
font-size
:
100%
;
vertical-align
:
baseline
;
background
:
0
0
;
transition
:
color
.4s
ease
;
text-decoration
:
none
}
del
{
text-decoration
:
line-through
}
abbr
[
title
],
dfn
[
title
]
{
border-bottom
:
1px
dotted
#000
;
cursor
:
help
}
th
{
font-weight
:
700
}
td
{
font-weight
:
400
;
vertical-align
:
top
}
hr
{
height
:
1px
;
border
:
0
;
border-top
:
1px
solid
#ccc
;
margin
:
1em
0
}
#bg
,
#bg
>
div
{
width
:
100%
;
height
:
100%
;
top
:
0
;
left
:
0
}
input
,
select
{
vertical-align
:
middle
}
pre
{
white-space
:
pre
;
white-space
:
pre-wrap
;
white-space
:
pre-line
;
word-wrap
:
break-word
}
input
[
type
=
radio
]
{
vertical-align
:
text-bottom
}
.ie7
input
[
type
=
checkbox
]
{
vertical-align
:
baseline
}
.ie6
input
{
vertical-align
:
text-bottom
}
input
,
select
,
textarea
{
font
:
99%
sans-serif
}
table
{
border-collapse
:
separate
;
border-spacing
:
0
;
font
:
100%
}
small
{
font-size
:
85%
}
strong
{
font-weight
:
700
}
td
,
td
img
{
vertical-align
:
top
}
sub
,
sup
{
font-size
:
75%
;
line-height
:
0
}
sup
{
top
:
-.5em
}
sub
{
bottom
:
-.25em
}
code
,
kbd
,
pre
,
samp
{
font-family
:
monospace
,
sans-serif
}
button
,
input
[
type
=
button
]
{
width
:
auto
;
overflow
:
visible
}
.ie7
img
{
-ms-interpolation-mode
:
bicubic
}
.clearfix
:after
{
content
:
" "
;
display
:
block
;
clear
:
both
}
@font-face
{
font-family
:
core-icons
;
src
:
url(/fonts/core-icons.ttf?a4cyvk)
format
(
"truetype"
),
url(/fonts/core-icons.woff?a4cyvk)
format
(
"woff"
),
url(/fonts/core-icons.svg?a4cyvk#core-icons)
format
(
"svg"
);
font-weight
:
400
;
font-style
:
normal
}
[
class
*=
" icon-"
],[
class
^=
icon-
]
{
font-family
:
core-icons
!important
;
speak
:
none
;
font-style
:
normal
;
font-weight
:
400
;
font-variant
:
normal
;
text-transform
:
none
;
line-height
:
1
;
-webkit-font-smoothing
:
antialiased
;
-moz-osx-font-smoothing
:
grayscale
}
body
,
html
{
font-family
:
-apple-system
,
BlinkMacSystemFont
,
"Segoe UI"
,
Roboto
,
Helvetica
,
Arial
,
sans-serif
,
"Apple Color Emoji"
,
"Segoe UI Emoji"
,
"Segoe UI Symbol"
}
.icon-th-small
:before
{
content
:
""
}
.icon-th-menu
:before
{
content
:
""
}
.icon-th-list
:before
{
content
:
""
}
.icon-th-large
:before
{
content
:
""
}
.icon-home
:before
{
content
:
""
}
.icon-location
:before
{
content
:
""
}
.icon-link
:before
{
content
:
""
}
.icon-starburst
:before
{
content
:
""
}
.icon-starburst-outline
:before
{
content
:
""
}
.icon-star
:before
{
content
:
""
}
.icon-flow-children
:before
{
content
:
""
}
.icon-export
:before
{
content
:
""
}
.icon-delete
:before
{
content
:
""
}
.icon-delete-outline
:before
{
content
:
""
}
.icon-cloud-storage
:before
{
content
:
""
}
.icon-backspace
:before
{
content
:
""
}
.icon-attachment
:before
{
content
:
""
}
.icon-arrow-move
:before
{
content
:
""
}
.icon-warning
:before
{
content
:
""
}
.icon-location-arrow
:before
{
content
:
""
}
.icon-point-of-interest
:before
{
content
:
""
}
.icon-infinity
:before
{
content
:
""
}
.icon-eye
:before
{
content
:
""
}
.icon-refresh
:before
{
content
:
""
}
.icon-pin
:before
{
content
:
""
}
.icon-eject
:before
{
content
:
""
}
.icon-arrow-sync
:before
{
content
:
""
}
.icon-arrow-shuffle
:before
{
content
:
""
}
.icon-arrow-repeat
:before
{
content
:
""
}
.icon-arrow-minimise
:before
{
content
:
""
}
.icon-arrow-maximise
:before
{
content
:
""
}
.icon-arrow-loop
:before
{
content
:
""
}
.icon-spanner
:before
{
content
:
""
}
.icon-power
:before
{
content
:
""
}
.icon-flag
:before
{
content
:
""
}
.icon-th-large-outline
:before
{
content
:
""
}
.icon-th-small-outline
:before
{
content
:
""
}
.icon-th-menu-outline
:before
{
content
:
""
}
.icon-th-list-outline
:before
{
content
:
""
}
.icon-home-outline
:before
{
content
:
""
}
.icon-trash
:before
{
content
:
""
}
.icon-star-outline
:before
{
content
:
""
}
.icon-mail
:before
{
content
:
""
}
.icon-heart-outline
:before
{
content
:
""
}
.icon-flash-outline
:before
{
content
:
""
}
.icon-watch
:before
{
content
:
""
}
.icon-warning-outline
:before
{
content
:
""
}
.icon-location-arrow-outline
:before
{
content
:
""
}
.icon-info-outline
:before
{
content
:
""
}
.icon-backspace-outline
:before
{
content
:
""
}
.icon-upload-outline
:before
{
content
:
""
}
.icon-tag
:before
{
content
:
""
}
.icon-tabs-outline
:before
{
content
:
""
}
.icon-pin-outline
:before
{
content
:
""
}
.icon-pipette
:before
{
content
:
""
}
.icon-pencil
:before
{
content
:
""
}
.icon-folder
:before
{
content
:
""
}
.icon-folder-delete
:before
{
content
:
""
}
.icon-folder-add
:before
{
content
:
""
}
.icon-edit
:before
{
content
:
""
}
.icon-document
:before
{
content
:
""
}
.icon-document-delete
:before
{
content
:
""
}
.icon-document-add
:before
{
content
:
""
}
.icon-brush
:before
{
content
:
""
}
.icon-thumbs-up
:before
{
content
:
""
}
.icon-thumbs-down
:before
{
content
:
""
}
.icon-pen
:before
{
content
:
""
}
.icon-bookmark
:before
{
content
:
""
}
.icon-arrow-up
:before
{
content
:
""
}
.icon-arrow-sync-outline
:before
{
content
:
""
}
.icon-arrow-right
:before
{
content
:
""
}
.icon-arrow-repeat-outline
:before
{
content
:
""
}
.icon-arrow-loop-outline
:before
{
content
:
""
}
.icon-arrow-left
:before
{
content
:
""
}
.icon-flow-switch
:before
{
content
:
""
}
.icon-flow-parallel
:before
{
content
:
""
}
.icon-flow-merge
:before
{
content
:
""
}
.icon-document-text
:before
{
content
:
""
}
.icon-arrow-down
:before
{
content
:
""
}
.icon-bell
:before
{
content
:
""
}
.icon-adjust-contrast
:before
{
content
:
""
}
.icon-lightbulb
:before
{
content
:
""
}
.icon-tags
:before
{
content
:
""
}
.icon-eye2
:before
{
content
:
""
}
.icon-paper-clip
:before
{
content
:
""
}
.icon-mail2
:before
{
content
:
""
}
.icon-toggle
:before
{
content
:
""
}
.icon-layout
:before
{
content
:
""
}
.icon-link2
:before
{
content
:
""
}
.icon-bell2
:before
{
content
:
""
}
.icon-lock
:before
{
content
:
""
}
.icon-unlock
:before
{
content
:
""
}
.icon-ribbon
:before
{
content
:
""
}
.icon-image
:before
{
content
:
""
}
.icon-signal
:before
{
content
:
""
}
.icon-target
:before
{
content
:
""
}
.icon-clipboard
:before
{
content
:
""
}
.icon-clock
:before
{
content
:
""
}
.icon-watch2
:before
{
content
:
""
}
.icon-air-play
:before
{
content
:
""
}
.icon-camera
:before
{
content
:
""
}
.icon-video
:before
{
content
:
""
}
.icon-disc
:before
{
content
:
""
}
.icon-printer
:before
{
content
:
""
}
.icon-monitor
:before
{
content
:
""
}
.icon-server
:before
{
content
:
""
}
.icon-cog
:before
{
content
:
""
}
.icon-heart
:before
{
content
:
""
}
.icon-paragraph
:before
{
content
:
""
}
.icon-align-justify
:before
{
content
:
""
}
.icon-align-left
:before
{
content
:
""
}
.icon-align-center
:before
{
content
:
""
}
.icon-align-right
:before
{
content
:
""
}
.icon-book
:before
{
content
:
""
}
.icon-layers
:before
{
content
:
""
}
.icon-stack
:before
{
content
:
""
}
.icon-stack-2
:before
{
content
:
""
}
.icon-paper
:before
{
content
:
""
}
.icon-paper-stack
:before
{
content
:
""
}
.icon-search
:before
{
content
:
""
}
.icon-zoom-in
:before
{
content
:
""
}
.icon-zoom-out
:before
{
content
:
""
}
.icon-reply
:before
{
content
:
""
}
.icon-circle-plus
:before
{
content
:
""
}
.icon-circle-minus
:before
{
content
:
""
}
.icon-circle-check
:before
{
content
:
""
}
.icon-circle-cross
:before
{
content
:
""
}
.icon-square-plus
:before
{
content
:
""
}
.icon-square-minus
:before
{
content
:
""
}
.icon-square-check
:before
{
content
:
""
}
.icon-square-cross
:before
{
content
:
""
}
.icon-microphone
:before
{
content
:
""
}
.icon-record
:before
{
content
:
""
}
.icon-skip-back
:before
{
content
:
""
}
.icon-rewind
:before
{
content
:
""
}
.icon-play
:before
{
content
:
""
}
.icon-pause
:before
{
content
:
""
}
.icon-stop
:before
{
content
:
""
}
.icon-fast-forward
:before
{
content
:
""
}
.icon-skip-forward
:before
{
content
:
""
}
.icon-shuffle
:before
{
content
:
""
}
.icon-repeat
:before
{
content
:
""
}
.icon-folder2
:before
{
content
:
""
}
.icon-umbrella
:before
{
content
:
""
}
.icon-moon
:before
{
content
:
""
}
.icon-thermometer
:before
{
content
:
""
}
.icon-drop
:before
{
content
:
""
}
.icon-sun
:before
{
content
:
""
}
.icon-cloud
:before
{
content
:
""
}
.icon-cloud-upload
:before
{
content
:
""
}
.icon-cloud-download
:before
{
content
:
""
}
.icon-upload
:before
{
content
:
""
}
.icon-download
:before
{
content
:
""
}
.icon-location2
:before
{
content
:
""
}
.icon-location-2
:before
{
content
:
""
}
.icon-map
:before
{
content
:
""
}
.icon-battery
:before
{
content
:
""
}
.icon-head
:before
{
content
:
""
}
.icon-briefcase
:before
{
content
:
""
}
.icon-speech-bubble
:before
{
content
:
""
}
.icon-anchor
:before
{
content
:
""
}
.icon-globe
:before
{
content
:
""
}
.icon-box
:before
{
content
:
""
}
.icon-reload
:before
{
content
:
""
}
.icon-share
:before
{
content
:
""
}
.icon-marquee
:before
{
content
:
""
}
.icon-marquee-plus
:before
{
content
:
""
}
.icon-marquee-minus
:before
{
content
:
""
}
.icon-tag2
:before
{
content
:
""
}
.icon-power2
:before
{
content
:
""
}
.icon-command
:before
{
content
:
""
}
.icon-alt
:before
{
content
:
""
}
.icon-esc
:before
{
content
:
""
}
.icon-bar-graph
:before
{
content
:
""
}
.icon-bar-graph-2
:before
{
content
:
""
}
.icon-pie-graph
:before
{
content
:
""
}
.icon-star2
:before
{
content
:
""
}
.icon-arrow-left2
:before
{
content
:
""
}
.icon-arrow-right2
:before
{
content
:
""
}
.icon-arrow-up2
:before
{
content
:
""
}
.icon-arrow-down2
:before
{
content
:
""
}
.icon-volume
:before
{
content
:
""
}
.icon-mute
:before
{
content
:
""
}
.icon-content-right
:before
{
content
:
""
}
.icon-content-left
:before
{
content
:
""
}
.icon-grid
:before
{
content
:
""
}
.icon-grid-2
:before
{
content
:
""
}
.icon-columns
:before
{
content
:
""
}
.icon-loader
:before
{
content
:
""
}
.icon-bag
:before
{
content
:
""
}
.icon-ban
:before
{
content
:
""
}
.icon-flag2
:before
{
content
:
""
}
.icon-trash2
:before
{
content
:
""
}
.icon-expand
:before
{
content
:
""
}
.icon-contract
:before
{
content
:
""
}
.icon-maximize
:before
{
content
:
""
}
.icon-minimize
:before
{
content
:
""
}
.icon-plus
:before
{
content
:
""
}
.icon-minus
:before
{
content
:
""
}
.icon-check
:before
{
content
:
""
}
.icon-cross
:before
{
content
:
""
}
.icon-move
:before
{
content
:
""
}
.icon-delete2
:before
{
content
:
""
}
.icon-menu
:before
{
content
:
""
}
.icon-archive
:before
{
content
:
""
}
.icon-inbox
:before
{
content
:
""
}
.icon-outbox
:before
{
content
:
""
}
.icon-file
:before
{
content
:
""
}
.icon-file-add
:before
{
content
:
""
}
.icon-file-subtract
:before
{
content
:
""
}
.icon-help
:before
{
content
:
""
}
.icon-open
:before
{
content
:
""
}
.icon-ellipsis
:before
{
content
:
""
}
.icon-box2
:before
{
content
:
""
}
.icon-write
:before
{
content
:
""
}
.icon-clock2
:before
{
content
:
""
}
.icon-reply2
:before
{
content
:
""
}
.icon-reply-all
:before
{
content
:
""
}
.icon-forward
:before
{
content
:
""
}
.icon-flag3
:before
{
content
:
""
}
.icon-search2
:before
{
content
:
""
}
.icon-trash3
:before
{
content
:
""
}
.icon-envelope
:before
{
content
:
""
}
.icon-bubble
:before
{
content
:
""
}
.icon-bubbles
:before
{
content
:
""
}
.icon-user
:before
{
content
:
""
}
.icon-users
:before
{
content
:
""
}
.icon-cloud2
:before
{
content
:
""
}
.icon-download2
:before
{
content
:
""
}
.icon-upload2
:before
{
content
:
""
}
.icon-rain
:before
{
content
:
""
}
.icon-sun2
:before
{
content
:
""
}
.icon-moon2
:before
{
content
:
""
}
.icon-bell3
:before
{
content
:
""
}
.icon-folder3
:before
{
content
:
""
}
.icon-pin2
:before
{
content
:
""
}
.icon-sound
:before
{
content
:
""
}
.icon-microphone2
:before
{
content
:
""
}
.icon-camera2
:before
{
content
:
""
}
.icon-image2
:before
{
content
:
""
}
.icon-cog2
:before
{
content
:
""
}
.icon-calendar
:before
{
content
:
""
}
.icon-book2
:before
{
content
:
""
}
.icon-map-marker
:before
{
content
:
""
}
.icon-store
:before
{
content
:
""
}
.icon-support
:before
{
content
:
""
}
.icon-tag3
:before
{
content
:
""
}
.icon-heart2
:before
{
content
:
""
}
.icon-video-camera
:before
{
content
:
""
}
.icon-trophy
:before
{
content
:
""
}
.icon-cart
:before
{
content
:
""
}
.icon-eye3
:before
{
content
:
""
}
.icon-cancel
:before
{
content
:
""
}
.icon-chart
:before
{
content
:
""
}
.icon-target2
:before
{
content
:
""
}
.icon-printer2
:before
{
content
:
""
}
.icon-location3
:before
{
content
:
""
}
.icon-bookmark2
:before
{
content
:
""
}
.icon-monitor2
:before
{
content
:
""
}
.icon-cross2
:before
{
content
:
""
}
.icon-plus2
:before
{
content
:
""
}
.icon-left
:before
{
content
:
""
}
.icon-up
:before
{
content
:
""
}
.icon-browser
:before
{
content
:
""
}
.icon-windows
:before
{
content
:
""
}
.icon-switch
:before
{
content
:
""
}
.icon-dashboard
:before
{
content
:
""
}
.icon-play2
:before
{
content
:
""
}
.icon-fast-forward2
:before
{
content
:
""
}
.icon-next
:before
{
content
:
""
}
.icon-refresh2
:before
{
content
:
""
}
.icon-film
:before
{
content
:
""
}
.icon-home2
:before
{
content
:
""
}
html
{
overflow-y
:
scroll
;
box-sizing
:
border-box
}
*,
:after
,
:before
{
box-sizing
:
inherit
}
.is-hidden
,[
v-cloak
]
{
display
:
none
}
.has-stickynav
{
padding-top
:
50px
}
.content
{
padding
:
20px
}
.is-hidden
{
display
:
none
!important
}
@media
screen
and
(
max-width
:
768px
){
.is-hidden-mobile
{
display
:
none
!important
}}
@media
screen
and
(
min-width
:
769px
){
.is-hidden-tablet
{
display
:
none
!important
}}
@media
screen
and
(
min-width
:
769px
)
and
(
max-width
:
979px
){
.is-hidden-tablet-only
{
display
:
none
!important
}}
@media
screen
and
(
max-width
:
979px
){
.is-hidden-touch
{
display
:
none
!important
}}
@media
screen
and
(
min-width
:
980px
){
.container
{
margin
:
0
auto
;
max-width
:
960px
}
.container.is-fluid
{
margin
:
0
;
max-width
:
none
}
.is-hidden-desktop
{
display
:
none
!important
}}
@media
screen
and
(
min-width
:
980px
)
and
(
max-width
:
1179px
){
.is-hidden-desktop-only
{
display
:
none
!important
}}
@media
screen
and
(
min-width
:
1180px
){
.container
{
max-width
:
1200px
}
.is-hidden-widescreen
{
display
:
none
!important
}}
body
{
padding
:
0
;
margin
:
0
;
font-size
:
14px
}
a
:hover
{
color
:
#fb8c00
;
text-decoration
:
underline
}
#bg
{
position
:
fixed
;
z-index
:
1
;
background-color
:
#000
}
#bg
>
div
{
background-size
:
cover
;
background-position
:
center
center
;
position
:
absolute
;
opacity
:
0
;
visibility
:
hidden
;
transition
:
opacity
3s
ease
,
visibility
3s
;
animation
:
bg
30s
linear
infinite
}
#copyright
,
#root
{
left
:
10vw
;
z-index
:
2
}
#bg
>
div
:nth-child
(
1
)
{
animation-delay
:
10s
}
#bg
>
div
:nth-child
(
2
)
{
animation-delay
:
20s
}
#root
h1
,
#root
h2
{
animation
:
headerIntro
3s
ease
}
#root
{
position
:
fixed
;
top
:
15vh
;
display
:
flex
;
flex-direction
:
column
}
#root
h1
{
font-size
:
4rem
;
font-weight
:
700
;
padding
:
0
;
margin
:
0
}
#root
h2
,
#root
h3
,
#root
h4
{
font-weight
:
400
;
padding
:
0
}
#root
h2
{
font-size
:
1.5rem
;
margin
:
0
0
25px
}
#root
h3
{
font-size
:
1.25rem
;
color
:
#FB8C00
;
margin
:
0
;
animation
:
shake
1s
ease
}
#root
h3
>
.fa
{
margin-right
:
7px
}
#root
h4
{
font-size
:
.8rem
;
margin
:
0
0
15px
;
animation
:
fadeIn
3s
ease
}
#copyright
,
#root
#social
>
span
,
#root
button
,
#root
button
span
{
font-weight
:
700
}
#root
form
{
display
:
flex
;
flex-direction
:
column
}
#root
input
[
type
=
password
],
#root
input
[
type
=
text
]
{
width
:
350px
;
max-width
:
80vw
;
border
:
1px
solid
rgba
(
255
,
255
,
255
,
.3
);
border-radius
:
3px
;
background-color
:
rgba
(
0
,
0
,
0
,
.2
);
padding
:
0
15px
;
height
:
40px
;
margin
:
0
0
10px
;
color
:
#FFF
;
font-weight
:
700
;
font-size
:
14px
;
transition
:
all
.4s
ease
}
#root
input
[
type
=
password
]
:focus
,
#root
input
[
type
=
text
]
:focus
{
outline
:
0
;
border-color
:
#fb8c00
}
#root
button
{
background-color
:
#fb8c00
;
border
:
1px
solid
#ffa32f
;
border-radius
:
3px
;
height
:
40px
;
width
:
125px
;
padding
:
0
;
margin
:
15px
0
0
;
transition
:
all
.4s
ease
}
#root
button
:focus
{
outline
:
0
;
border-color
:
#FFF
}
#root
button
:hover
{
background-color
:
#c87000
}
#root
#social
{
margin-top
:
25px
}
#root
#social
>
span
{
display
:
block
;
color
:
rgba
(
255
,
255
,
255
,
.7
)}
#root
#social
button
{
margin-right
:
5px
;
width
:
auto
;
padding
:
0
15px
}
#root
#social
button
>
i
{
margin-right
:
10px
;
font-size
:
16px
}
#root
#social
button
.ms
{
background-color
:
#00897b
;
border-color
:
#00bca9
}
#root
#social
button
.ms
:focus
{
border-color
:
#FFF
}
#root
#social
button
.ms
:hover
{
background-color
:
#00564d
}
#root
#social
button
.google
{
background-color
:
#039be5
;
border-color
:
#1fb4fc
}
#root
#social
button
.google
:focus
{
border-color
:
#FFF
}
#root
#social
button
.google
:hover
{
background-color
:
#0279b3
}
#root
#social
button
.facebook
{
background-color
:
#8e24aa
;
border-color
:
#b02ed3
}
#root
#social
button
.facebook
:focus
{
border-color
:
#FFF
}
#root
#social
button
.facebook
:hover
{
background-color
:
#6b1b80
}
#copyright
{
display
:
flex
;
align-items
:
center
;
justify-content
:
flex-start
;
position
:
absolute
;
bottom
:
10vh
;
color
:
rgba
(
255
,
255
,
255
,
.5
)}
#copyright
.icon
{
font-size
:
1.2rem
;
margin
:
0
8px
}
#copyright
a
{
opacity
:
.75
}
@-webkit-keyframes
bg
{
0
%
{
-webkit-transform
:
scale
(
1
,
1
);
-moz-transform
:
scale
(
1
,
1
);
-ms-transform
:
scale
(
1
,
1
);
-o-transform
:
scale
(
1
,
1
);
transform
:
scale
(
1
,
1
);
visibility
:
visible
;
opacity
:
0
}
33
%,
5
%
{
opacity
:
.5
}
38
%
{
-webkit-transform
:
scale
(
1.2
,
1.2
);
-moz-transform
:
scale
(
1.2
,
1.2
);
-ms-transform
:
scale
(
1.2
,
1.2
);
-o-transform
:
scale
(
1.2
,
1.2
);
transform
:
scale
(
1.2
,
1.2
);
opacity
:
0
}
39
%
{
visibility
:
hidden
}
100
%
{
visibility
:
hidden
;
opacity
:
0
}}
@-moz-keyframes
bg
{
0
%
{
-webkit-transform
:
scale
(
1
,
1
);
-moz-transform
:
scale
(
1
,
1
);
-ms-transform
:
scale
(
1
,
1
);
-o-transform
:
scale
(
1
,
1
);
transform
:
scale
(
1
,
1
);
visibility
:
visible
;
opacity
:
0
}
33
%,
5
%
{
opacity
:
.5
}
38
%
{
-webkit-transform
:
scale
(
1.2
,
1.2
);
-moz-transform
:
scale
(
1.2
,
1.2
);
-ms-transform
:
scale
(
1.2
,
1.2
);
-o-transform
:
scale
(
1.2
,
1.2
);
transform
:
scale
(
1.2
,
1.2
);
opacity
:
0
}
39
%
{
visibility
:
hidden
}
100
%
{
visibility
:
hidden
;
opacity
:
0
}}
@-o-keyframes
bg
{
0
%
{
-webkit-transform
:
scale
(
1
,
1
);
-moz-transform
:
scale
(
1
,
1
);
-ms-transform
:
scale
(
1
,
1
);
-o-transform
:
scale
(
1
,
1
);
transform
:
scale
(
1
,
1
);
visibility
:
visible
;
opacity
:
0
}
33
%,
5
%
{
opacity
:
.5
}
38
%
{
-webkit-transform
:
scale
(
1.2
,
1.2
);
-moz-transform
:
scale
(
1.2
,
1.2
);
-ms-transform
:
scale
(
1.2
,
1.2
);
-o-transform
:
scale
(
1.2
,
1.2
);
transform
:
scale
(
1.2
,
1.2
);
opacity
:
0
}
39
%
{
visibility
:
hidden
}
100
%
{
visibility
:
hidden
;
opacity
:
0
}}
@keyframes
bg
{
0
%
{
-webkit-transform
:
scale
(
1
,
1
);
-moz-transform
:
scale
(
1
,
1
);
-ms-transform
:
scale
(
1
,
1
);
-o-transform
:
scale
(
1
,
1
);
transform
:
scale
(
1
,
1
);
visibility
:
visible
;
opacity
:
0
}
33
%,
5
%
{
opacity
:
.5
}
38
%
{
-webkit-transform
:
scale
(
1.2
,
1.2
);
-moz-transform
:
scale
(
1.2
,
1.2
);
-ms-transform
:
scale
(
1.2
,
1.2
);
-o-transform
:
scale
(
1.2
,
1.2
);
transform
:
scale
(
1.2
,
1.2
);
opacity
:
0
}
39
%
{
visibility
:
hidden
}
100
%
{
visibility
:
hidden
;
opacity
:
0
}}
@-webkit-keyframes
headerIntro
{
0
%
{
opacity
:
0
}
100
%
{
opacity
:
1
}}
@-moz-keyframes
headerIntro
{
0
%
{
opacity
:
0
}
100
%
{
opacity
:
1
}}
@-o-keyframes
headerIntro
{
0
%
{
opacity
:
0
}
100
%
{
opacity
:
1
}}
@keyframes
headerIntro
{
0
%
{
opacity
:
0
}
100
%
{
opacity
:
1
}}
\ No newline at end of file
client/scss/app.scss
View file @
8c0ed468
@import
'core-client/scss/core'
;
@import
'core-client/scss/components/alert'
;
@import
'core-client/scss/components/button'
;
@import
'core-client/scss/components/footer'
;
@import
'core-client/scss/components/form'
;
@import
'core-client/scss/components/grid'
;
@import
'core-client/scss/components/hero'
;
...
...
@@ -16,7 +17,6 @@
//@import './components/_editor';
@import
'./layout/_header'
;
@import
'./layout/_footer'
;
//@import './layout/_content';
//@import './pages/_account';
\ No newline at end of file
client/scss/layout/_footer.scss
deleted
100644 → 0
View file @
fc7e7d3d
.footer
{
background-color
:
mc
(
'light-blue'
,
'600'
);
color
:
#FFF
;
text-align
:
center
;
padding
:
25px
;
}
\ No newline at end of file
client/scss/layout/_header.scss
View file @
8c0ed468
...
...
@@ -11,11 +11,6 @@
z-index
:
5
;
}
h2
.nav-item
{
font-size
:
150%
;
color
:
mc
(
'orange'
,
'500'
);
}
#notifload
{
width
:
42px
;
display
:
flex
;
...
...
@@ -26,7 +21,7 @@ h2.nav-item {
&
:
:
before
{
content
:
" "
;
@include
spinner
(
mc
(
'
orange'
,
'5
00'
)
,
0
.5s
,
24px
);
@include
spinner
(
mc
(
'
indigo'
,
'1
00'
)
,
0
.5s
,
24px
);
}
&
.active
{
...
...
locales/en/common.json
View file @
8c0ed468
...
...
@@ -6,6 +6,6 @@
"footer"
:
{
"poweredby"
:
"Powered by"
,
"home"
:
"Home"
,
"
admin"
:
"Administration
"
"
top"
:
"Return to top
"
}
}
\ No newline at end of file
locales/fr/common.json
View file @
8c0ed468
...
...
@@ -6,6 +6,6 @@
"footer"
:
{
"poweredby"
:
"Propulsé par"
,
"home"
:
"Accueil"
,
"
admin"
:
"Administration
"
"
top"
:
"Retour en haut
"
}
}
\ No newline at end of file
views/common/footer.pug
View file @
8c0ed468
footer.footer
.container
.content.has-text-centered
p
= t('footer.poweredby') + ' '
a(href='https://github.com/Requarks/wiki') Requarks Wiki
p
a.icon(href='https://github.com/Requarks/wiki')
i.fa.fa-github
span
= t('footer.poweredby') + ' '
a(href='https://github.com/Requarks/wiki') Requarks Wiki
| .
ul
li: a(href='/')= t('footer.home')
li: a(href='#root')= t('footer.top')
views/common/header.pug
View file @
8c0ed468
...
...
@@ -3,10 +3,12 @@
nav.nav.stickyscroll#header
.nav-left
block rootNavLeft
a.nav-item(href='/')
//
a.nav-item(href='/')
img(src='/favicons/android-icon-96x96.png', alt='Wiki')
a.nav-item(href='/')
h1= appconfig.title
h1
i.icon-layers
= appconfig.title
.nav-center
block rootNavCenter
.nav-item
...
...
@@ -21,7 +23,7 @@
i.nav-item#notifload
transition(name="searchresults-anim", enter-active-class="slideInDown", leave-active-class="fadeOutUp")
.
box.
searchresults.animated(v-show='searchactive', v-cloak, style={'display':'none'})
.searchresults.animated(v-show='searchactive', v-cloak, style={'display':'none'})
.menu
p.menu-label
| Search Results
...
...
views/pages/admin/_layout.pug
View file @
8c0ed468
...
...
@@ -5,8 +5,8 @@ block rootNavCenter
block rootNavRight
i.nav-item#notifload
span
.nav-item
a.button.
is-dark.is-outlined.
btn-edit-discard(href='/')
.nav-item
a.button.btn-edit-discard(href='/')
span.icon
i.fa.fa-home
span Home
...
...
views/pages/edit.pug
View file @
8c0ed468
...
...
@@ -6,11 +6,11 @@ block rootNavCenter
block rootNavRight
i.nav-item#notifload
span.nav-item
a.button.is-o
range.is-o
utlined.btn-edit-discard
i.
fa.fa-time
s
a.button.is-outlined.btn-edit-discard
i.
icon-cros
s
span Discard
a.button.
is-green.
btn-edit-save
i.
fa.fa
-check
a.button.btn-edit-save
i.
icon
-check
span Save Changes
block content
...
...
views/pages/view.pug
View file @
8c0ed468
...
...
@@ -10,16 +10,18 @@ mixin tocMenu(ti)
block rootNavRight
i.nav-item#notifload
a.nav-item.btn-move-prompt.is-hidden
| Move
a.nav-item(href='/source/' + pageData.meta.path)
| Source
span.nav-item
a.button.is-orange.is-outlined(href='/edit/' + pageData.meta.path)
i.fa.fa-edit
.nav-item
a.button.is-outlined.btn-move-prompt.is-hidden
i.icon-shuffle
span Move
a.button.is-outlined(href='/source/' + pageData.meta.path)
i.icon-loader
span Source
a.button(href='/edit/' + pageData.meta.path)
i.icon-document-text
span Edit
a.button.
is-light-blue.
btn-create-prompt
i.
fa.fa
-plus
a.button.btn-create-prompt
i.
icon
-plus
span Create
block content
...
...
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
