2013-09-27 10:39:47 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
2018-11-27 14:29:14 +00:00
|
|
|
|
2013-09-27 10:39:47 +00:00
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8" />
|
|
|
|
|
<title>WBO - Error</title>
|
|
|
|
|
<style>
|
2018-11-27 14:29:14 +00:00
|
|
|
html {
|
|
|
|
|
background-color: #303;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
h1,
|
|
|
|
|
h2 {
|
|
|
|
|
font-family: monospace;
|
|
|
|
|
color: #F77;
|
|
|
|
|
margin: auto;
|
|
|
|
|
margin-top: 100px;
|
|
|
|
|
width: 50%;
|
|
|
|
|
font-size: 5em;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@keyframes rotation {
|
|
|
|
|
0% {
|
|
|
|
|
color: #FA0;
|
|
|
|
|
transform: rotate(0deg);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
50% {
|
|
|
|
|
color: #F11;
|
|
|
|
|
transform: rotate(150deg);
|
|
|
|
|
font-size: 3em;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
100% {
|
|
|
|
|
color: #F0A;
|
|
|
|
|
transform: rotate(30deg);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#smiley {
|
|
|
|
|
animation: rotation 5s infinite;
|
|
|
|
|
animation-delay: 3s;
|
|
|
|
|
animation-direction: alternate;
|
|
|
|
|
width: 3em;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#smiley:hover {
|
|
|
|
|
animation-play-state: paused;
|
|
|
|
|
}
|
2013-09-27 10:39:47 +00:00
|
|
|
</style>
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
2018-11-27 14:29:14 +00:00
|
|
|
<h1 id="smiley">:-(</h1>
|
|
|
|
|
<h2>Sorry, an error occured...</h2>
|
2013-09-27 10:39:47 +00:00
|
|
|
</body>
|
2018-11-27 14:29:14 +00:00
|
|
|
|
|
|
|
|
</html>
|
