@@ -6,13 +6,8 @@ | |||||
<link rel="icon" href="images/favicon.ico"> | <link rel="icon" href="images/favicon.ico"> | ||||
</head> | </head> | ||||
<body> | <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> | </body> | ||||
</html> | </html> |
@@ -6,14 +6,8 @@ | |||||
<link rel="icon" href="images/favicon.ico"> | <link rel="icon" href="images/favicon.ico"> | ||||
</head> | </head> | ||||
<body> | <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> | </body> | ||||
</html> | </html> |
@@ -21,56 +21,37 @@ body { | |||||
margin: 0px; | margin: 0px; | ||||
width: 100vw; | width: 100vw; | ||||
height: 100vh; | height: 100vh; | ||||
background-color: @black; | |||||
background-image: url(../images/static_bg.png); | background-image: url(../images/static_bg.png); | ||||
background-repeat: repeat; | background-repeat: repeat; | ||||
background-position: 0 0; | |||||
background-position: center center; | |||||
overflow: hidden; | 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 { | .logo { | ||||
width: 562px; | width: 562px; | ||||
height: 200px; | 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; | 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; | |||||
} |