Added extra markup to error pages for styling

misago/emberapp/app/templates/error-0.hbs

@@ -1,11 +1,15 @@
-<div class="container">
-  <div class="error-page">
+<div class="error-page error-0">
+  <div class="container">
+    <div class="error">
 
-    <div class="error-icon">
-      <span class="fa fa-plug"></span>
-    </div>
+      <div class="error-icon">
+        <span class="fa fa-plug"></span>
+      </div>
 
-    <p class="lead">{{gettext "Lost connection with server."}}</p>
+      <div class="error-message">
+        <p class="lead">{{gettext "Lost connection with server."}}</p>
+      </div>
 
+    </div>
   </div>
 </div>

misago/emberapp/app/templates/error-403.hbs

@@ -1,15 +1,19 @@
-<div class="container">
-  <div class="error-page">
+<div class="error-page error-403">
+  <div class="container">
+    <div class="error">
 
-    <div class="error-icon">
-      <span class="fa fa-ban"></span>
-    </div>
+      <div class="error-icon">
+        <span class="fa fa-ban"></span>
+      </div>
 
-    {{#if message}}
-    <p class="lead">{{message}}</p>
-    {{else}}
-    <p class="lead">{{gettext "You don't have permission to access this page."}}</p>
-    {{/if}}
+      <div class="error-message">
+        {{#if message}}
+        <p class="lead">{{message}}</p>
+        {{else}}
+        <p class="lead">{{gettext "You don't have permission to access this page."}}</p>
+        {{/if}}
+      </div>
 
+    </div>
   </div>
 </div>

misago/emberapp/app/templates/error-404.hbs

@@ -1,12 +1,16 @@
-<div class="container">
-  <div class="error-page">
+<div class="error-page error-404">
+  <div class="container">
+    <div class="error">
 
-    <div class="error-icon">
-      <span class="fa fa-compass"></span>
-    </div>
+      <div class="error-icon">
+        <span class="fa fa-compass"></span>
+      </div>
 
-    <p class="lead">{{gettext "Requested page could not be found."}}</p>
-    <p>{{gettext "The link you clicked was incorrect or the page has been moved or deleted."}}</p>
+      <div class="error-message">
+        <p class="lead">{{gettext "Requested page could not be found."}}</p>
+        <p>{{gettext "The link you clicked was incorrect or the page has been moved or deleted."}}</p>
+      </div>
 
+    </div>
   </div>
 </div>

misago/emberapp/app/templates/error.hbs

@@ -1,11 +1,15 @@
-<div class="container">
-  <div class="error-page">
+<div class="error-page error-unhandled">
+  <div class="container">
+    <div class="error">
 
-    <div class="error-icon">
-      <span class="fa fa-fire"></span>
-    </div>
+      <div class="error-icon">
+        <span class="fa fa-fire"></span>
+      </div>
 
-    <p class="lead">{{gettext "Server has errored."}}</p>
+      <div class="error-message">
+        <p class="lead">{{gettext "Server has errored."}}</p>
+      </div>
 
+    </div>
   </div>
 </div>

misago/templates/misago/errorpages/403.html

@@ -9,19 +9,23 @@
 
 
 {% block content %}
-<div class="container">
-  <div class="error-page">
+<div class="error-page error-403">
+  <div class="container">
+    <div class="error">
+
+      <div class="error-icon">
+        <span class="fa fa-ban"></span>
+      </div>
+
+      <div class="error-message">
+        {% if message %}
+        <p class="lead">{{ message|escape|urlize|linebreaksbr }}</p>
+        {% else %}
+        <p class="lead">{% trans "You don't have permission to access this page." %}</p>
+        {% endif %}
+      </div>
 
-    <div class="error-icon">
-      <span class="fa fa-ban"></span>
     </div>
-
-    {% if message %}
-    <p class="lead">{{ message|escape|urlize|linebreaksbr }}</p>
-    {% else %}
-    <p class="lead">{% trans "You don't have permission to access this page." %}</p>
-    {% endif %}
-
   </div>
 </div>
 {% endblock content %}

misago/templates/misago/errorpages/404.html

@@ -9,16 +9,20 @@
 
 
 {% block content %}
-<div class="container">
-  <div class="error-page">
+<div class="error-page error-404">
+  <div class="container">
+    <div class="error">
 
-    <div class="error-icon">
-      <span class="fa fa-compass"></span>
-    </div>
+      <div class="error-icon">
+        <span class="fa fa-compass"></span>
+      </div>
 
-    <p class="lead">{% trans "Requested page could not be found." %}</p>
-    <p>{% trans "The link you clicked was incorrect or the page has been moved or deleted." %}</p>
+      <div class="error-message">
+        <p class="lead">{% trans "Requested page could not be found." %}</p>
+        <p>{% trans "The link you clicked was incorrect or the page has been moved or deleted." %}</p>
+      </div>
 
+    </div>
   </div>
 </div>
 {% endblock content %}

misago/templates/misago/errorpages/405.html

@@ -9,16 +9,20 @@
 
 
 {% block content %}
-<div class="container">
-  <div class="error-page">
+<div class="error-page error-405">
+  <div class="container">
+    <div class="error">
 
-    <div class="error-icon">
-      <span class="fa fa-road"></span>
-    </div>
+      <div class="error-icon">
+        <span class="fa fa-road"></span>
+      </div>
 
-    <p class="lead">{% trans "Page reached in wrong way." %}</p>
-    <p>{% trans "This page should be reached via form submission or pressing button." %}</p>
+      <div class="error-message">
+        <p class="lead">{% trans "Page reached in wrong way." %}</p>
+        <p>{% trans "This page should be reached via form submission or pressing button." %}</p>
+      </div>
 
+    </div>
   </div>
 </div>
 {% endblock content %}

misago/templates/misago/errorpages/csrf_failure.html

@@ -9,17 +9,21 @@
 
 
 {% block content %}
-<div class="container">
-  <div class="error-page">
+<div class="error-page error-csrf">
+  <div class="container">
+    <div class="error">
 
-    <div class="error-icon">
-      <span class="fa fa-exclamation-triangle"></span>
-    </div>
+      <div class="error-icon">
+        <span class="fa fa-exclamation-triangle"></span>
+      </div>
 
-    <p class="lead">{% trans "Suspicious request blocked." %}</p>
-    <p>{% trans "This is usually caused by your browser not accepting or using outdated cookies." %}</p>
-    <p>{% trans "Check your browser configuration and try again." %}</p>
+      <div class="error-message">
+        <p class="lead">{% trans "Suspicious request blocked." %}</p>
+        <p>{% trans "This is usually caused by your browser not accepting or using outdated cookies." %}</p>
+        <p>{% trans "Check your browser configuration and try again." %}</p>
+      </div>
 
+    </div>
   </div>
 </div>
 {% endblock content %}

misago/templates/misago/errorpages/csrf_failure_authenticated.html

@@ -6,17 +6,21 @@
 
 
 {% block content %}
-<div class="container">
-  <div class="error-page">
+<div class="error-page error-csrf">
+  <div class="container">
+    <div class="error">
 
-    <div class="error-icon">
-      <span class="fa fa-exclamation-triangle"></span>
-    </div>
+      <div class="error-icon">
+        <span class="fa fa-exclamation-triangle"></span>
+      </div>
 
-    <p class="lead">{% trans "Suspicious request blocked." %}</p>
-    <p>{% trans "This is usually caused by your browser not accepting or using outdated cookies." %}</p>
-    <p>{% trans "Check your browser configuration and try again." %}</p>
+      <div class="error-message">
+        <p class="lead">{% trans "Suspicious request blocked." %}</p>
+        <p>{% trans "This is usually caused by your browser not accepting or using outdated cookies." %}</p>
+        <p>{% trans "Check your browser configuration and try again." %}</p>
+      </div>
 
+    </div>
   </div>
 </div>
 {% endblock content %}