Templating: Improved error templates

2 files changed, 36 insertions, 2 deletions

diff --git a/resources/assets/themes/base.less b/resources/assets/themes/base.less
index 50789c33..733bb285 100644
--- a/resources/assets/themes/base.less
+++ b/resources/assets/themes/base.less
@@ -1,4 +1,5 @@
 @import "../../../node_modules/bootstrap/less/bootstrap";
+@import "error";
 
 body {
   padding-top: 50px;
@@ -17,7 +18,7 @@ body {
   display: block;
   font-size: 30px;
   line-height: 30px;
-  margin: 0px;
+  margin: 0;
 }
 
 .icon-icon_angel {
@@ -135,7 +136,7 @@ table a > .icon-icon_angel {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
-  align-itmes: stretch;
+  align-items: stretch;
   width: 100%;
 
   .lane {
diff --git a/resources/assets/themes/error.less b/resources/assets/themes/error.less
new file mode 100644
index 00000000..99a6aacb
--- /dev/null
+++ b/resources/assets/themes/error.less
@@ -0,0 +1,33 @@
+/* =============================================================
+	Error page
+   ============================================================= */
+
+.error-big {
+  text-align: center;
+
+  h2 {
+    font-size: 10em;
+    font-weight: bold;
+
+    small {
+      display: block;
+      font-size: 0.3em;
+    }
+
+    @keyframes error-page-pulse {
+      from {
+        opacity: 0.3;
+      }
+      to {
+        opacity: 1.0;
+      }
+    }
+    .pulse {
+      animation-name: error-page-pulse;
+      animation-duration: 1s;
+      animation-iteration-count: infinite;
+      animation-timing-function: ease-in-out;
+      animation-direction: alternate;
+    }
+  }
+}