format error pages

infinityoneframework · May 10, 2018 · 5df358b · 5df358b
1 parent 672e345
commit 5df358b
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 11 deletions.
diff --git a/lib/infinity_one_web/templates/error/404.html.eex b/lib/infinity_one_web/templates/error/404.html.eex
@@ -1,7 +1,7 @@
+<link href="/css/infinity_one_pages.css" rel="stylesheet">
 <div class="error_page">
     <div class="container">
         <div class="row-fluid">
-            <img src="/images/400art.svg" alt=""/>
             <div class="errorbox">
                 <div class="errorcontent">
                     <h1 class="lead">Page not found (404)</h1>

diff --git a/lib/infinity_one_web/templates/error/500.html.eex b/lib/infinity_one_web/templates/error/500.html.eex
@@ -1,7 +1,7 @@
+<link href="/css/infinity_one_pages.css" rel="stylesheet">
 <div class="error_page">
     <div class="container">
         <div class="row-fluid">
-            <img src="/static/images/500art.svg" alt=""/>
             <div class="errorbox">
                 <div class="errorcontent">
                     <h1 class="lead">Internal server error</h1>

diff --git a/lib/infinity_one_web/templates/error/505.html.eex b/lib/infinity_one_web/templates/error/505.html.eex
@@ -1,7 +1,7 @@
+<link href="/css/infinity_one_pages.css" rel="stylesheet">
 <div class="error_page">
     <div class="container">
         <div class="row-fluid">
-            <img src="/static/images/500art.svg" alt=""/>
             <div class="errorbox">
                 <div class="errorcontent">
                     <h1 class="lead">Internal server error</h1>

diff --git a/plugins/one_pages/assets/css/portico.css b/plugins/one_pages/assets/css/portico.css
@@ -1160,9 +1160,9 @@ input#terminal:checked ~ #tab-terminal {
 
 .btn-user {
     background-color: #ffffff;
-    border-color: hsl(169, 44%, 54%);
+    border-color: hsl(135, 38%, 48%);
     border-style: solid;
-    color: hsl(170, 40%, 41%);
+    color: hsl(136, 33%, 35%);
 }
 
 .btn-admin {
@@ -1372,7 +1372,7 @@ input.new-organization-button {
 .top-links a:hover {
     text-decoration: none;
     background-color: hsla(0, 0%, 100%, 1.0);
-    color: hsl(170, 50%, 40%);
+    color: #3c774c;
 }
 
 .centered-button {
@@ -1725,8 +1725,9 @@ input.new-organization-button {
 
 .error_page {
     padding: 20px 0px;
-    min-height: calc(100vh - 290px);
-    background-color: #c9e9e0;
+    /*min-height: calc(100vh - 290px);*/
+    height: 100%;
+    background-color: #8ac499;
     font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
 }
 
@@ -1744,10 +1745,10 @@ input.new-organization-button {
 
 .error_page .errorbox {
     margin: auto;
-    border: 2px solid #44A98C;
+    border: 2px solid #66b27b;
     max-width: 500px;
     background-color: white;
-    box-shadow: 0 0 4px #44A98C;
+    box-shadow: 0 0 4px #66b27b;
     font-size: 18px;
 }
 
@@ -1765,7 +1766,7 @@ input.new-organization-button {
 }
 
 .error_page .lead {
-    color: #39a688;
+    color: #4d9961;
     font-size: 35px;
     margin-bottom: 20px;
     line-height: normal;