fix 404 message for mobile

This commit is contained in:
2015-03-20 17:27:25 +01:00
parent 3d11c09c26
commit f1ba8f7719

View File

@@ -5,15 +5,17 @@
<style type="text/css"> <style type="text/css">
body { background-color: #fff; color: #666; text-align: center; font-family: arial, sans-serif; } body { background-color: #fff; color: #666; text-align: center; font-family: arial, sans-serif; }
div.dialog { div.dialog {
width: 25em; max-width:100%;
padding: 0 4em; padding: 0 1em;
margin: 4em auto 0 auto; margin: 1em auto 0 auto;
border: 1px solid #ccc; border: 1px solid #ccc;
border-right-color: #999; border-right-color: #999;
border-bottom-color: #999; border-bottom-color: #999;
} }
h1 { font-size: 100%; color: #f00; line-height: 1.5em; } h1 { font-size: 100%; color: #f00; line-height: 1.5em; }
</style> </style>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head> </head>
<body> <body>
@@ -21,6 +23,8 @@
<div class="dialog"> <div class="dialog">
<h1>The page you were looking for doesn't exist.</h1> <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> <p>You may have mistyped the address or the page may have moved.</p>
<p><a href="/">return to main page</a>
</div> </div>
</body> </body>
</html> </html>