File: /home/mediabou/www/404.shtml
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>404</title>
<style type='text/css'>
html,body {
height: 100%;
}
* {
-moz-box-sizing: border-box;
}
body {
background-color: #ededed;
color: #424242;
margin: 0;
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:14px;
line-height:1.428571429;
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:normal;line-height:1.1;color:#333}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small{font-weight:normal;line-height:1}
h1,.h1{font-size:45px;line-height:48px}
h2,.h2{font-size:36px;line-height:42px}
h3,.h3{font-size:28px;line-height:36px}
h4,.h4{font-size:24px;line-height:25px}
h5,.h5{font-size:20px;line-height:24px}
h6,.h6{font-size:18px;line-height:24px}
a{color:#3282e6;}
a:hover,a:focus{color:#165db5;text-decoration:underline}
.text-center{text-align:center}
.wrap {
min-height: 100%;
.display: table;
.height: 100%;
}
.top-bar {
height: 20px;
background: #71a100;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcxYTEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZmExMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #71a100 0%, #6fa100 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#71a100), color-stop(100%,#6fa100));
background: -webkit-linear-gradient(top, #71a100 0%,#6fa100 100%);
background: -o-linear-gradient(top, #71a100 0%,#6fa100 100%);
background: -ms-linear-gradient(top, #71a100 0%,#6fa100 100%);
background: linear-gradient(to bottom, #71a100 0%,#6fa100 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71a100', endColorstr='#6fa100',GradientType=0 );
}
:root .top-bar {
filter: none \0/IE9;
}
.welcome-container {
width: 500px;
margin: 0 auto;
overflow: auto;
padding-bottom: 60px;
}
.coming-soon-wrap {
margin-top: 90px;
}
.frowny-face {
text-align: center;
font-size: 130px;
color: #919191;
line-height: 1.1;
margin-top: 90px;
margin-bottom: 70px;
}
.welcome-container h1 {
margin-bottom: 1em;
}
.btn-primary {
background-color: #7FB141;
border-color: #648C33;
color: #FFFFFF;
}
input, button, select, textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
cursor: pointer;
}
button, select {
text-transform: none;
}
button, input {
line-height: normal;
}
button, input, select, textarea {
font-family: inherit;
font-size: 100%;
margin: 0;
}
.btn {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: transparent;
border-image: none;
border-radius: 0 0 0 0;
border-style: solid;
border-width: 0 0 3px;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-weight: 300;
line-height: 1.42857;
margin-bottom: 0;
padding: 8px 20px;
text-align: center;
vertical-align: middle;
white-space: nowrap;
text-decoration: none;
}
.btn-primary {
background-color: #7FB141;
border-color: #648C33;
color: #FFFFFF;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
background-color: #729E3A;
border-color: #496626;
color: #fff;
}
.btn:hover,
.btn:focus {
text-decoration: none;
}
.login-container {
text-align: right;
margin: 20px;
}
.footer {
position: relative;
margin-top: -60px; /* negative value of footer height */
height: 60px;
clear:both;
text-align: center;
font-size: 14px;
}
</style>
</head>
<body>
<div class="wrap">
<div class="top-bar"></div>
<div class="welcome-container">
<div class="frowny-face">:(</div>
<h1>
404: Page Not Found
</h1>
<h4>
The page you.re looking for isn't here.<br /><br />
<a href="#" onclick='redirectToHomePage();'>Home page</a>
</h4>
</div>
</div>
<div class="footer">
Copyright © website.com
</div>
<script type='text/javascript'>
redirectToHomePage = function() {
window.location.href = "http://" + window.location.hostname;
}
</script>
</body>
</html>