Tweak layout and message for 404

This commit is contained in:
summerscope
2014-06-27 15:50:33 +10:00
parent 821724b01e
commit 1dc0b1bc2f

View File

@@ -7,20 +7,31 @@
div.dialog {
width: 25em;
padding: 0 4em;
margin: 4em auto 0 auto;
border: 1px solid #ccc;
border-right-color: #999;
border-bottom-color: #999;
margin: 2em auto 0 auto;
}
a.go_home {
font-size: 100%;
color: black;
line-height: 1.5em;
text-decoration: none;
border-bottom: 1px dotted black;
padding: 0 0.2rem;
}
a.go_home:hover, a.go_home:focus, a.go_home:active{
background: #8f301d;
color: white;
border-bottom: none;
}
h1 { font-size: 100%; color: #f00; line-height: 1.5em; }
</style>
</head>
<body>
<!-- This file lives in public/404.html -->
<div class="dialog">
<h1>The page you were looking for doesn't exist.</h1>
<p>You may have mistyped the address or the page may have moved.</p>
<a href="/" ><img src="404.jpg" /></a>
<p>It seems the page you're looking for is in a grump.
<br><h3><a class="go_home" href="/" >Return home</a></h3>
</p>
</div>
</body>
</html>