From f2511bb97a6210e81e9bec2787425d002fae2f62 Mon Sep 17 00:00:00 2001
From: John O'Nolan <john@ghost.org>
Date: Wed, 30 Jul 2014 13:20:20 +0300
Subject: [PATCH] Error layout

---
 ghost/admin/assets/sass/layouts/error.scss | 102 +++++++++++++++++++++
 ghost/admin/assets/sass/screen.scss        |   3 +-
 2 files changed, 104 insertions(+), 1 deletion(-)
 create mode 100644 ghost/admin/assets/sass/layouts/error.scss

diff --git a/ghost/admin/assets/sass/layouts/error.scss b/ghost/admin/assets/sass/layouts/error.scss
new file mode 100644
index 0000000000..e0aea29f06
--- /dev/null
+++ b/ghost/admin/assets/sass/layouts/error.scss
@@ -0,0 +1,102 @@
+//
+// Error Pages
+// --------------------------------------------------
+// Slug: /ghost/404
+// --------------------------------------------------
+// Covers styles for all error screens, eg. 404, 500
+
+.error-content {
+    max-width: 530px;
+    margin: 0 auto;
+    padding: 0;
+    display: table;
+    height: 100%;
+
+    @media (max-width: 630px) {
+        max-width: 264px;
+        text-align: center;
+    }
+}
+
+.error-details {
+    display: table-cell;
+    vertical-align: middle;
+}
+
+.error-image {
+    display: inline-block;
+    vertical-align: middle;
+    width: 96px;
+    height: 150px;
+
+    @media (max-width: 630px) {
+        width: 72px;
+        height: 112px;
+    }
+
+    img {
+        width: 100%;
+        height: 100%;
+    }
+}
+
+.error-message {
+    position: relative;
+    top: -5px;
+    display: inline-block;
+    vertical-align: middle;
+    margin-left: 10px;
+}
+
+.error-code {
+    margin: 0;
+    font-size: 7.8em;
+    line-height: 0.9em;
+    color: #979797;
+
+    @media (max-width: 630px) {
+        font-size: 5.8em;
+    }
+}
+
+.error-description {
+    margin: 0;
+    padding: 0;
+    font-weight: 300;
+    font-size: 1.9em;
+    color: #979797;
+    border: none;
+
+    @media (max-width: 630px) {
+        font-size: 1.4em;
+    }
+}
+
+.error-stack {
+    margin: 1em auto;
+    padding: 2em;
+    max-width: 800px;
+    background-color: rgba(255,255,255,0.3);
+}
+
+.error-stack-list {
+    list-style-type: none;
+    padding: 0;
+    margin: 0;
+}
+
+.error-stack-list li {
+    display: block;
+
+    &::before {
+        color: #BBB;
+        content: "\21AA";
+        display: inline-block;
+        font-size: 1.2em;
+        margin-right: 0.5em;
+    }
+}
+
+.error-stack-function {
+    font-weight: bold;
+}
\ No newline at end of file
diff --git a/ghost/admin/assets/sass/screen.scss b/ghost/admin/assets/sass/screen.scss
index 37810a8db3..7e5b9a1294 100644
--- a/ghost/admin/assets/sass/screen.scss
+++ b/ghost/admin/assets/sass/screen.scss
@@ -2,7 +2,7 @@
 // Helpers: Sass Utilities
 // --------------------------------------------------
 
-@import "_bourbon"; // via Bower http://bourbon.io/
+@import "_bourbon"; // via Bower
 @import "helpers/variables";
 @import "helpers/mixins";
 @import "helpers/icons";
@@ -51,3 +51,4 @@
 @import "layouts/editor";
 @import "layouts/users";
 @import "layouts/about";
+@import "layouts/error";
\ No newline at end of file