Adds background image for errors page

2015-09-08 14:46:58 +02:00
parent 3652de4a8f
commit c8fb73fe8f
4 changed files with 39 additions and 51 deletions
--- a/public/404.html
+++ b/public/404.html
@@ -5,7 +5,7 @@
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <style>
  body {
-    background: #065687;
+    background: #065687 url('errors_bg.jpg');
    color: #2E2F30;
    font-family: arial, sans-serif;
    margin: 0;
@@ -16,17 +16,24 @@
    color: white;
    font-size: 160px;
    line-height: 160px;
-    margin-bottom: 0;
+    margin: 0;
  }

  h2 {
    color: white;
  }
+
+  div.error {
+    margin-top: -144px;
+    position: absolute;
+    top: 50%;
+    width: 100%;
+  }
  </style>
 </head>

 <body>
-  <div>
+  <div class="error">
    <h1>404</h1>
    <h2>Not found.</h2>
  </div>