fixes #668

5 years ago · afd8511401
--- a/src/client/40x.html
+++ b/src/client/40x.html
@@ -6,13 +6,8 @@
 		<link rel="icon" href="images/favicon.ico">
 	</head>
 	<body>
        <div class="container">
 			<div class="ui-error">
 				<img class="logo" src="images/logo_0.png" alt="" />
 				<div class="infobox">
 					<div class="error-message">The page you are looking for was not found</div>
 				</div>
 			</div>
 		</div>
 		<img class="logo" src="images/logo_0.png" alt="" />
 		<div class="error">- the page you are looking for was not found -</div>
 		<div class="discord"><a href="https://discord.gg/0w9fgEmdtEpUESHK">- join discord server -</a></div>
 	</body>
 </html>
--- a/src/client/50x.html
+++ b/src/client/50x.html
@@ -6,14 +6,8 @@
 		<link rel="icon" href="images/favicon.ico">
 	</head>
 	<body>
        <div class="container">
 			<div class="ui-error">
 				<img class="logo" src="images/logo_0.png" alt="" />
 				<div class="infobox">
 					<div class="error-message">Isleward Is Offline</div>
 					<div class="discord-link"><a href="https://discord.gg/0w9fgEmdtEpUESHK">[ Visit Discord Server ]</a></div>
 				</div>
 			</div>
 		</div>
 		<img class="logo" src="images/logo_0.png" alt="" />
 		<div class="error">- isleward is offline -</div>
 		<div class="discord"><a href="https://discord.gg/0w9fgEmdtEpUESHK">- join discord server -</a></div>
 	</body>
 </html>
--- 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;
 }