Sebastiaan Janssen
134 lines
3.0 KiB
HTML
134 lines
3.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
|
|
|
|
<title>we're currently doing some maintenance</title>
|
|
|
|
<meta name="author" content="">
|
|
<meta name="description" content="">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
|
|
|
|
<!--[if lt IE 9]>
|
|
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
|
|
<![endif]-->
|
|
|
|
<style>
|
|
html {
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
html, body {
|
|
height: 100%;
|
|
max-width: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
font-family: sans-serif;
|
|
}
|
|
|
|
.content {
|
|
text-align: center;
|
|
color: #fff;
|
|
position: relative;
|
|
height: 100%;
|
|
max-width: 100%;
|
|
|
|
background-image: url('../assets/images/404.gif');
|
|
-webkit-background-size: cover;
|
|
-moz-background-size: cover;
|
|
-o-background-size: cover;
|
|
background-size: cover;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.content:before {
|
|
content:"";
|
|
position: absolute;
|
|
|
|
background-color: #a3db78;
|
|
background: rgba(163,219,120,1);
|
|
background: -moz-linear-gradient(top, rgba(163,219,120,1) 0%, rgba(159,235,97,1) 100%);
|
|
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(163,219,120,1)), color-stop(100%, rgba(159,235,97,1)));
|
|
background: -webkit-linear-gradient(top, rgba(163,219,120,1) 0%, rgba(159,235,97,1) 100%);
|
|
background: -o-linear-gradient(top, rgba(163,219,120,1) 0%, rgba(159,235,97,1) 100%);
|
|
background: -ms-linear-gradient(top, rgba(163,219,120,1) 0%, rgba(159,235,97,1) 100%);
|
|
background: linear-gradient(to bottom, rgba(163,219,120,1) 0%, rgba(159,235,97,1) 100%);
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3db78', endColorstr='#9feb61', GradientType=0 );
|
|
|
|
opacity: .90;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
max-width: 100%;
|
|
height: 100%;
|
|
z-index: 10;
|
|
}
|
|
|
|
.text {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
-ms-transform: translate(-50%, -50%);
|
|
-webkit-transform: translate(-50%, -50%);
|
|
-moz-transform: translate(-50%, -50%);
|
|
z-index: 20;
|
|
width: 90%;
|
|
}
|
|
|
|
|
|
h1, h2 {
|
|
font-size: 36px;
|
|
margin: 0;
|
|
font-weight: normal;
|
|
}
|
|
|
|
h1 {
|
|
font-weight: bold;
|
|
font-size: 172px;
|
|
margin: 40px 0 10px;
|
|
letter-spacing: -10px;
|
|
color: #719954;
|
|
}
|
|
|
|
p {
|
|
font-size: 22px;
|
|
margin: 0;
|
|
color: rgba(255, 255, 255, .9);
|
|
}
|
|
|
|
a, a:visited {
|
|
color: #fff;
|
|
}
|
|
|
|
a:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
img {
|
|
max-width: 60px;
|
|
height: auto;
|
|
text-align: center;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
</style>
|
|
|
|
</head>
|
|
<body>
|
|
|
|
<div class="content">
|
|
<div class="text">
|
|
<a href="http://our.umbraco.com"><img src="../assets/images/logo.svg" alt=""></a>
|
|
<h1>404</h1>
|
|
<h2>Something went <strong>cat</strong>astrophically wrong!</h2>
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
</html> |