hyperzlib
/
nodebb
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

made 503 page mobile responsive

Browse Source
v1.18.x
Julian Lam 9 years ago
parent 4ca49d7c92
commit 7b7667b31d
1 changed files with 20 additions and 3 deletions
Show Stats Download Patch File Download Diff File

23
public/503.html
Unescape Escape View File

@ -2,6 +2,7 @@
<head> <head>
<title>Excessive Load Warning</title> <title>Excessive Load Warning</title>
<link href='http://fonts.googleapis.com/css?family=Ubuntu:400,500,700' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Ubuntu:400,500,700' rel='stylesheet' type='text/css'>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style type="text/css"> <style type="text/css">
body { body {
background: #00A9EA; background: #00A9EA;
@ -32,6 +33,20 @@
font-size: 28px; font-size: 28px;
} }
@media (max-width: 640px) {
h1 {
font-size: 125px;
}
p {
font-size: 16px;
}
p strong {
font-size: 20px;
}
}
.center { .center {
position: relative; position: relative;
top: 50%; top: 50%;
@ -148,11 +163,13 @@
<div class="center"> <div class="center">
<h1 id="click-me" class="animated bounce">503</h1> <h1 id="click-me" class="animated bounce">503</h1>
<p> <p>
<strong>This forum is temporarily unavailable due to excessive load.</strong> <br /> <strong>This forum is temporarily unavailable due to excessive load.</strong>
</p>
<p>
We shouldn't be down for long. Please check back shortly. Sorry for the inconvenience! We shouldn't be down for long. Please check back shortly. Sorry for the inconvenience!
</p> </p>
<p id="hide" class="hide"> <p>
<small>Alright. You can stop clicking... it's not going to make the site come back sooner!</small> &nbsp;<small id="hide" class="hide">Alright. You can stop clicking... it's not going to make the site come back sooner!</small>
</p> </p>
</div> </div>
</div> </div>

Write Preview
Loading…
Cancel
Save