announcement-test/app/views/announcements/400.html

63 lines
1.2 KiB
HTML

<!DOCTYPE HTML>
<html lang="zh-tw">
<head>
<meta charset="UTF-8">
<title>Bad Request</title>
<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
</head>
<body>
<style>
::selection {
color: #fff;
background: #040114;
}
body {
margin: 0;
padding: 0;
font-family: 'Roboto', sans-serif;
font-size: 100%;
background: url(/assets/error_image/404.jpg) center center fixed no-repeat;
background-size: cover;
background-color: #000;
}
#error-page {
min-height: 768px;
}
.message {
text-align: center;
position: absolute;
left: 50%;
top: 25%;
margin-left: -175px;
}
.message h1 {
margin: 0 0.2em 0 0;
color: #fff;
font-size: 8.5em;
font-weight: normal;
}
.message h2 {
margin: 0;
padding: 0;
color: #fff;
}
.message p {
color: #fff;
}
.home {
color: #fff;
}
a.home:hover {
text-decoration: none;
}
</style>
<div id="error-page">
<section class="message">
<h1>400</h1>
<h2>Bad Request</h2>
<p>Your request is invalid, <br>
get back to your home planet by <a class="home" href="/">clicking here!</a></p>
</section>
</div>
</body>
</html>