This repository has been archived by the owner on Jun 9, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path404-old.html
69 lines (61 loc) · 17.1 KB
/
404-old.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<!doctype html><html><head>
<title>404 Not Found</title>
<style>
html,body{height: 100%;color:black;}
*{padding:0;margin:0;font-family: "Source Sans Pro", Gibson, Arial;font-size:30px;border-radius:4px;}
h1{font-size:70px;}
h2{font-size:64px;}
small {font-size:30px;}
.ani{
background:#FEE4EC;
}
h1, h2 {
animation-direction: normal;
animation-duration: .5s;
animation-name: slideleft;
animation-timing-function: ease;
-webkit-animation-direction: normal;
-webkit-animation-duration: .5s;
-webkit-animation-name: slideleft;
-webkit-animation-timing-function: ease;
}
small {
animation-direction: normal;
animation-duration: 1s;
animation-name: slideleft;
animation-timing-function: ease;
-webkit-animation-direction: normal;
-webkit-animation-duration: 1s;
-webkit-animation-name: slideleft;
-webkit-animation-timing-function: ease;
}
a {
background: #1B5874;
color: white;
text-decoration: none;
padding: .25em .45em;
display: inline-block;
margin-top: 1em;
animation-direction: normal;
animation-duration: 1s;
animation-delay: 1s;
animation-name: tada;
animation-timing-function: ease;
-webkit-animation-direction: normal;
-webkit-animation-duration: 1s;
-webkit-animation-delay: 1s;
-webkit-animation-name: tada;
-webkit-animation-timing-function: ease;
}
@-webkit-keyframes keyboardEntrance{0%{opacity:0;-webkit-transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px)}80%{-webkit-transform:translateY(10px)}100%{-webkit-transform:translateY(0) perspective(100px) rotateX(5deg)}}@-moz-keyframes keyboardEntrance{0%{opacity:0;-moz-transform:translateY(2000px)}60%{opacity:1;-moz-transform:translateY(-30px)}80%{-moz-transform:translateY(10px)}100%{-moz-transform:translateY(0px) perspective(100px) rotateX(5deg)}}@keyframes keyboardEntrance{0%{opacity:0;transform:translateY(2000px)}60%{opacity:1;transform:translateY(-30px)}80%{transform:translateY(10px)}100%{transform:translateY(0) perspective(100px) rotateX(5deg)}}@-webkit-keyframes blink{0%{color:#feaa22}50%{color:#a3a3a3}100%{color:#feaa22}}@-moz-keyframes blink{0%{color:#feaa22}50%{color:#a3a3a3}100%{color:#feaa22}}@keyframes blink{0%{color:#feaa22}50%{color:#a3a3a3}100%{color:#feaa22}}@-webkit-keyframes move{0%{background-position:0 0}100%{background-position:50px 50px}}@-moz-keyframes move{0%{background-position:0 0}100%{background-position:50px 50px}}@keyframes move{0%{background-position:0 0}100%{background-position:50px 50px}}@-webkit-keyframes showArrow{0%{-webkit-transform:scale(0.1);-webkit-transform-origin:top center}50%{-webkit-transform:scale(1.2);-webkit-transform-origin:top center}100%{-webkit-transform:scale(1);-webkit-transform-origin:top center}}@-webkit-keyframes animate-bg{0%{background-position:0 0}100%{background-position:300px -300px}}@-moz-keyframes animate-bg{0%{background-position:0 0}100%{background-position:300px -300px}}@keyframes animate-bg{0%{background-position:0 0}100%{background-position:300 -300px}}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px)}80%{-webkit-transform:translateY(10px)}100%{-webkit-transform:translateY(0px)}}@-moz-keyframes bounceInUp{0%{opacity:0;-moz-transform:translateY(2000px)}60%{opacity:1;-moz-transform:translateY(-30px)}80%{-moz-transform:translateY(10px)}100%{-moz-transform:translateY(0px)}}@keyframes bounceInUp{0%{opacity:0;transform:translateY(2000px)}60%{opacity:1;transform:translateY(-30px)}80%{transform:translateY(10px)}100%{transform:translateY(0px)}}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px)}90%{opacity:1;-webkit-transform:translateY(0px)}95%{-webkit-transform:translateY(-10px)}100%{-webkit-transform:translateY(10px)}}@-moz-keyframes bounceInDown{0%{opacity:0;-moz-transform:translateY(-2000px)}90%{opacity:1;-moz-transform:translateY(0px)}95%{-moz-transform:translateY(-10px)}100%{-moz-transform:translateY(10px)}}@keyframes bounceInDown{0%{opacity:0;transform:translateY(-2000px)}90%{opacity:1;transform:translateY(0px)}95%{transform:translateY(-10px)}100%{transform:translateY(10px)}}@-webkit-keyframes pageInScreen{0%{-webkit-transform:scale(1)}100%{-webkit-transform:scale(1.6) translateX(-20px);opacity:0}}@-moz-keyframes pageInScreen{0%{-moz-transform:scale(1)}100%{-moz-transform:scale(1.6) translateX(-20px);opacity:0}}@keyframes pageInScreen{0%{transform:scale(1)}100%{transform:scale(1.6) translateX(-20px);opacity:0}}@-webkit-keyframes pageOutScreen{0%{-webkit-transform:scale(1.6) translateX(-20px);opacity:0}100%{-webkit-transform:scale(1) translateX(0px);opacity:1}}@-moz-keyframes pageOutScreen{0%{-moz-transform:scale(1.6) translateX(-20px);opacity:0}100%{-moz-transform:scale(1) translateX(0px);opacity:1}}@keyframes pageOutScreen{0%{transform:scale(1.6) translateX(-20px);opacity:0}100%{transform:scale(1) translateX(0px);opacity:1}}@-webkit-keyframes bounceIn{0%{-webkit-transform:scale(0.3)}50%{-webkit-transform:scale(1.05)}70%{-webkit-transform:scale(0.9)}100%{-webkit-transform:scale(1)}}@-moz-keyframes bounceIn{0%{-moz-transform:scale(0.3)}50%{-moz-transform:scale(1.05)}70%{-moz-transform:scale(0.9)}100%{-moz-transform:scale(1)}}@keyframes bounceIn{0%{transform:scale(0.3)}50%{transform:scale(1.05)}70%{transform:scale(0.9)}100%{transform:scale(1)}}@-webkit-keyframes slideUp{0%{opacity:0;-webkit-transform:translateY(2000px)}50%{-webkit-transform:translateY(0px)}90%{-webkit-transform:perspective(100) rotateX(5deg)}100%{-webkit-transform:perspective(0) rotateX(0)}}@-moz-keyframes slideUp{0%{opacity:0;-moz-transform:translateY(2000px)}50%{-moz-transform:translateY(0px)}90%{-moz-transform:perspective(100) rotateX(5deg)}100%{-moz-transform:perspective(0) rotateX(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(2000px)}50%{transform:translateY(0px)}90%{transform:perspective(100) rotateX(5deg)}100%{transform:perspective(0) rotateX(0)}}@-webkit-keyframes slideleft{0%{opacity:0;-webkit-transform:translateX(-300px)}100%{-webkit-transform:translateX(0px)}}@-moz-keyframes slideleft{0%{opacity:0;-moz-transform:translateX(-300px)}100%{-moz-transform:translateX(0px)}}@keyframes slideleft{0%{opacity:0;transform:translateX(-300px)}100%{transform:translateX(0px)}}@-webkit-keyframes tada{0%{-webkit-transform:scale(0.9)}10%,20%{-webkit-transform:scale(0.8) rotate(-6deg)}30%,50%,70%,90%{-webkit-transform:scale(1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1) rotate(-6deg)}100%{-webkit-transform:scale(1) rotate(0)}}@-moz-keyframes tada{0%{-moz-transform:scale(1)}10%,20%{-moz-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg)}100%{-moz-transform:scale(1) rotate(0)}}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}100%{transform:scale(1) rotate(0)}}@-webkit-keyframes pulse{0%{opacity:1;-webkit-transform:scale(0.1)}100%{opacity:0}}@-moz-keyframes pulse{0%{opacity:1;-moz-transform:scale(0.1)}100%{opacity:0}}@keyframes pulse{0%{opacity:1;transform:scale(0.1)}100%{opacity:0}}@-webkit-keyframes add{0%{-webkit-transform:scale(1);opacity:.6}50%{-webkit-transform:scale(1.6);opacity:.2}70%{-webkit-transform:scale(1.4);opacity:.6}90%{-webkit-transform:scale(1.6);opacity:.2}100%{-webkit-transform:scale(1);opacity:0}}@-moz-keyframes add{0%{-moz-transform:scale(1);opacity:.6}50%{-moz-transform:scale(1.6);opacity:.2}70%{-moz-transform:scale(1.4);opacity:.6}90%{-moz-transform:scale(1.6);opacity:.2}100%{-moz-transform:scale(1);opacity:0}}@keyframes add{0%{transform:scale(1);opacity:.6}50%{transform:scale(1.6);opacity:.2}70%{transform:scale(1.4);opacity:.6}90%{transform:scale(1.6);opacity:.2}100%{transform:scale(1);opacity:0}}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}}@-moz-keyframes flipInY{0%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-moz-transform:perspective(400px) rotateY(-10deg)}70%{-moz-transform:perspective(400px) rotateY(10deg)}100%{-moz-transform:perspective(400px) rotateY(0deg);opacity:1}}@-o-keyframes flipInY{0%{-o-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-o-transform:perspective(400px) rotateY(-10deg)}70%{-o-transform:perspective(400px) rotateY(10deg)}100%{-o-transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);opacity:0}40%{transform:perspective(400px) rotateY(-10deg)}70%{transform:perspective(400px) rotateY(10deg)}100%{transform:perspective(400px) rotateY(0deg);opacity:1}}@-webkit-keyframes fadeInRight{0%{-webkit-transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInRight{0%{-moz-transform:translateX(2000px)}100%{opacity:1;-moz-transform:translateX(0)}}@keyframes fadeInRight{0%{transform:translateX(2000px)}100%{opacity:1;transform:translateX(0)}}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInLeft{0%{opacity:0;-moz-transform:translateX(-2000px)}100%{opacity:1;-moz-transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-2000px)}100%{opacity:1;transform:translateX(0)}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes swipe{0%{opacity:0;-webkit-transform:translateX(25%) rotate(5deg)}15%{opacity:1;-webkit-transform:translateX(25%) rotate(5deg)}65%{opacity:1;-webkit-transform:translateX(-25%) rotate(-1deg)}70%{opacity:0;-webkit-transform:translateX(-25%) rotate(-1deg)}100%{opacity:0;-webkit-transform:translateX(-25%) rotate(-1deg)}}@-webkit-keyframes refresh-stream{0%{-webkit-transform:translateX(-100%)}100%{-webkit-transform:translateX(0%)}}@-moz-keyframes refresh-stream{0%{-moz-transform:translateX(-100%)}100%{-moz-transform:translateX(0%)}}@-webkit-keyframes spining{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@-moz-keyframes spining{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(360deg)}}@-webkit-keyframes swing{30%,60%,100%{-webkit-transform-origin:top center}30%{-webkit-transform:rotate(-2deg)}60%{-webkit-transform:rotate(2deg)}100%{-webkit-transform:rotate(0deg)}}@-moz-keyframes swing{30%,60%,100%{-moz-transform-origin:top center}30%{-moz-transform:rotate(-2deg)}60%{-moz-transform:rotate(2deg)}100%{-moz-transform:rotate(0deg)}}@keyframes swing{30%,60%,100%{transform-origin:top center}30%{transform:rotate(-2deg)}60%{transform:rotate(2deg)}100%{transform:rotate(0deg)}}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px)}}@-moz-keyframes bounceOutDown{0%{-moz-transform:translateY(0)}20%{opacity:1;-moz-transform:translateY(-20px)}100%{opacity:0;-moz-transform:translateY(2000px)}}@-o-keyframes bounceOutDown{0%{-o-transform:translateY(0)}20%{opacity:1;-o-transform:translateY(-20px)}100%{opacity:0;-o-transform:translateY(2000px)}}@keyframes bounceOutDown{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(-20px)}100%{opacity:0;transform:translateY(2000px)}}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}100%{-webkit-transform:translateY(700px);opacity:0}}@-moz-keyframes hinge{0%{-moz-transform:rotate(0);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}20%,60%{-moz-transform:rotate(80deg);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}40%{-moz-transform:rotate(60deg);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}80%{-moz-transform:rotate(60deg) translateY(0);opacity:1;-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}100%{-moz-transform:translateY(700px);opacity:0}}@-ms-keyframes hinge{0%{-ms-transform:rotate(0);-ms-transform-origin:top left;-ms-animation-timing-function:ease-in-out}20%,60%{-ms-transform:rotate(80deg);-ms-transform-origin:top left;-ms-animation-timing-function:ease-in-out}40%{-ms-transform:rotate(60deg);-ms-transform-origin:top left;-ms-animation-timing-function:ease-in-out}80%{-ms-transform:rotate(60deg) translateY(0);opacity:1;-ms-transform-origin:top left;-ms-animation-timing-function:ease-in-out}100%{-ms-transform:translateY(700px);opacity:0}}@-o-keyframes hinge{0%{-o-transform:rotate(0);-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}20%,60%{-o-transform:rotate(80deg);-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}40%{-o-transform:rotate(60deg);-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}80%{-o-transform:rotate(60deg) translateY(0);opacity:1;-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}100%{-o-transform:translateY(700px);opacity:0}}@keyframes hinge{0%{transform:rotate(0);transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out}80%{transform:rotate(60deg) translateY(0);opacity:1;transform-origin:top left;animation-timing-function:ease-in-out}100%{transform:translateY(700px);opacity:0}}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(-100%) skewX(-15deg)}100%{-webkit-transform:translateX(0%) skewX(0deg);width:140px}}@-moz-keyframes lightSpeedIn{0%{-moz-transform:translateX(-100%) skewX(-15deg)}100%{-moz-transform:translateX(0%) skewX(0deg);width:140px}}@-o-keyframes lightSpeedIn{0%{-o-transform:translateX(-100%) skewX(-15deg)}100%{-o-transform:translateX(0%) skewX(0deg);width:140px}}@keyframes lightSpeedIn{0%{transform:translateX(-100%) skewX(-15deg)}100%{transform:translateX(0%) skewX(0deg);width:140px}}@-webkit-keyframes flipInX{0%{-webkit-transform:translateY(-30px) perspective(400px) rotateX(90deg)}40%{-webkit-transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px)}100%{-webkit-transform:translateY(0px) perspective(400px)}}@-moz-keyframes flipInX{0%{-moz-transform:translateY(-30px) perspective(400px) rotateX(90deg)}40%{-moz-transform:perspective(400px) rotateX(-10deg)}70%{-moz-transform:perspective(400px) rotateX(10deg)}100%{-moz-transform:translateY(0px) perspective(400px) rotateX(0deg)}}@-o-keyframes flipInX{0%{-o-transform:translateY(-30px) perspective(400px) rotateX(90deg)}40%{-o-transform:perspective(400px) rotateX(-10deg)}70%{-o-transform:perspective(400px) rotateX(10deg)}100%{-o-transform:translateY(0px) perspective(400px) rotateX(0deg)}}@keyframes flipInX{0%{transform:translateY(-30px) perspective(400px) rotateX(90deg)}40%{transform:perspective(400px) rotateX(-10deg)}70%{transform:perspective(400px) rotateX(10deg)}100%{transform:translateY(0px) perspective(400px) rotateX(0deg)}}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);-ms-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);-ms-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);-ms-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}
</style>
<link rel="stylesheet" type="text/css" href="http://assets.tumblr.com/fonts/gibson/stylesheet.css?v=3">
<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700" rel="stylesheet" type="text/css">
<meta http-equiv="x-dns-prefetch-control" content="off"/>
</head>
<table border="0" style="width:100%;height:100%;vertical-align:middle;text-align:center"><tr><td class="ani">
<h1>You're Lost.</h1>
<small>The page you're looking for could not be found.</small><br>
<small><a href="/">Back home</a></small>
</td></tr></table>
</body></html>