errorview

www/data/css/styles.css

@@ -25,6 +25,9 @@ body {
 @media (min-width: 1200px) {
   .content-responsive {
     width: 1170px; } }
+.content-fullheight {
+  flex-grow: 1; }
+
 .contentheader {
   width: 100%;
   color: #333;
@@ -134,6 +137,8 @@ html, body {
   height: 100%; }
 
 #mastercontainer {
+  display: flex;
+  flex-direction: column;
   min-height: 100%;
   position: relative; }
 
@@ -448,6 +453,27 @@ html, body {
 
   .bce_pag05 {
     flex-direction: row; } }
+.ev_master {
+  align-self: center; }
+  @media (min-width: 850px) {
+    .ev_master {
+      padding-bottom: 80px; } }
+  .ev_master .ev_code {
+    color: #000;
+    text-align: center;
+    font-size: 150pt;
+    font-weight: 500;
+    font-family: Consolas, Monaco, "Courier New", Menlo, monospace; }
+  .ev_master .ev_msg {
+    color: #888;
+    text-align: center;
+    font-size: 25pt; }
+  @media (max-width: 767px) {
+    .ev_master .ev_code {
+      font-size: 75pt; }
+    .ev_master .ev_msg {
+      font-size: 15pt; } }
+
 .euler_pnl_base {
   display: inline-flex;
   flex-direction: column;

www/data/css/styles.scss

@@ -6,6 +6,7 @@
 @import 'styles_bloglist';
 @import 'styles_blogview';
 @import 'styles_blogview_befunge';
+@import 'styles_errorview';
 
 @import 'styles_eulerpanel';
 @import 'styles_bfjoustrunner';

www/data/css/styles_errorview.scss

@@ -0,0 +1,28 @@
+@import 'styles_config';
+
+.ev_master {
+
+  align-self: center;
+
+  @media(min-width:850px) {padding-bottom: 80px;}
+
+  .ev_code {
+    color: #000;
+    text-align: center;
+    font-size: 150pt;
+    font-weight: 500;
+    font-family: $FONT_CODE;
+  }
+
+  .ev_msg {
+    color: #888;
+    text-align: center;
+    font-size: 25pt;
+  }
+
+  @media(max-width:767px) {
+    .ev_code {  font-size: 75pt; }
+    .ev_msg { font-size: 15pt; }
+  }
+
+}

www/data/css/styles_footer.scss

@@ -9,6 +9,8 @@ html, body {
 // https://stackoverflow.com/a/19723677/1761622
 
 #mastercontainer {
+  display:flex;
+  flex-direction: column;
   min-height:100%;
   position:relative;
 }
@@ -18,6 +20,7 @@ html, body {
 #content {
   padding-bottom:60px;   /* Height of the footer */
 }
+
 #footerdiv {
   position:absolute;
   bottom:0;

www/data/css/styles_global.scss

@@ -24,6 +24,8 @@ body {
 @media(min-width:992px) { .content-responsive { width: 724px; } }
 @media(min-width:1200px){ .content-responsive { width: 1170px; } }
 
+.content-fullheight { flex-grow: 1;}
+
 .contentheader {
   width: 100%;
   color: $COL_TEXT_DARK;