From afd85114011929ff8df934d95c9e0b3ff79cb361 Mon Sep 17 00:00:00 2001 From: Big Bad Waffle Date: Sun, 23 Dec 2018 20:19:06 +0200 Subject: [PATCH] fixes #668 --- src/client/40x.html | 11 ++----- src/client/50x.html | 12 ++------ src/client/css/error.less | 63 ++++++++++++++------------------------- 3 files changed, 28 insertions(+), 58 deletions(-) diff --git a/src/client/40x.html b/src/client/40x.html index a9e3c973..a3ba0064 100644 --- a/src/client/40x.html +++ b/src/client/40x.html @@ -6,13 +6,8 @@ -
-
- -
-
The page you are looking for was not found
-
-
-
+ +
- the page you are looking for was not found -
+
- join discord server -
diff --git a/src/client/50x.html b/src/client/50x.html index 3416724b..81c40925 100644 --- a/src/client/50x.html +++ b/src/client/50x.html @@ -6,14 +6,8 @@ -
-
- -
-
Isleward Is Offline
-
[ Visit Discord Server ]
-
-
-
+ +
- isleward is offline -
+
- join discord server -
diff --git a/src/client/css/error.less b/src/client/css/error.less index e5185895..540fa408 100644 --- a/src/client/css/error.less +++ b/src/client/css/error.less @@ -21,56 +21,37 @@ body { margin: 0px; width: 100vw; height: 100vh; - background-color: @black; background-image: url(../images/static_bg.png); background-repeat: repeat; - background-position: 0 0; + background-position: center center; overflow: hidden; -} - -.container { - width: 100%; - height: 100%; - position: relative; - left: 0px; - top: 0px; - z-index: 20; - overflow: hidden; - - .ui-error { - margin-top: -80px; - display: block; - position: absolute; - left: 50%; - top: 50%; - transform: translate(-50%, -50%); - } + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; } .logo { width: 562px; height: 200px; - margin-bottom: 48px; + margin-bottom: 20px; } -.infobox { - height: 169px; - background-color: @gray; - width: 400px; - padding: 16px; -} - -.error-message { - color: @redA; +.error, .discord { + color: @red; font-size: 24px; - text-align: center; -} - -.discord-link { - text-align: center; + padding: 10px; + filter: + drop-shadow(0px -6px 0px @blackD) + drop-shadow(0px 6px 0px @blackD) + drop-shadow(6px 0px 0px @blackD) + drop-shadow(-6px 0px 0px @blackD); +} + +.discord { + justify-self: end; + a:visited, a:link, a:active, a:hover { + color: @yellowB; + text-decoration: none; + } } - -.discord-link a { - color: @white; - text-decoration: none; -} \ No newline at end of file