67 lines
1.9 KiB
HTML
67 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
|
|
<title>Page not found · {{ .Title }}</title>
|
|
<style type="text/css" media="screen">
|
|
body {
|
|
background-color: #f1f1f1;
|
|
margin: 0;
|
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
}
|
|
|
|
.container { margin: 50px auto 40px auto; width: 600px; text-align: center; }
|
|
|
|
a { color: #313131; text-decoration: none;}
|
|
a:hover { color: #ef454a;}
|
|
|
|
h1 { width: 800px; position:relative; left: -100px; letter-spacing: -1px; line-height: 60px; font-size: 60px; font-weight: 100; margin: 0px 0 50px 0; text-shadow: 0 1px 0 #fff; }
|
|
p { color: rgba(0, 0, 0, 0.5); margin: 20px 0; line-height: 1.6; }
|
|
|
|
ul { list-style: none; margin: 25px 0; padding: 0; }
|
|
li { display: table-cell; font-weight: bold; width: 1%; }
|
|
|
|
.logo { display: inline-block; margin-top: 35px; }
|
|
.logo-img-2x { display: none; }
|
|
@media
|
|
only screen and (-webkit-min-device-pixel-ratio: 2),
|
|
only screen and ( min--moz-device-pixel-ratio: 2),
|
|
only screen and ( -o-min-device-pixel-ratio: 2/1),
|
|
only screen and ( min-device-pixel-ratio: 2),
|
|
only screen and ( min-resolution: 192dpi),
|
|
only screen and ( min-resolution: 2dppx) {
|
|
.logo-img-1x { display: none; }
|
|
.logo-img-2x { display: inline-block; }
|
|
}
|
|
|
|
#suggestions {
|
|
margin: 35px;
|
|
color: #ccc;
|
|
}
|
|
|
|
span.icon-phoenix-world{
|
|
font-size: 50px;
|
|
}
|
|
|
|
</style>
|
|
<link rel="stylesheet" href="/bower_components/icomoon/style.css" />
|
|
</head>
|
|
<body>
|
|
|
|
<div class="container">
|
|
|
|
<h1>404</h1>
|
|
|
|
<div id="suggestions">
|
|
|
|
</div>
|
|
|
|
<a href="/">
|
|
<span class="icon-phoenix-world"></span>
|
|
</a>
|
|
|
|
</div>
|
|
</body>
|
|
</html>
|
|
|