From cd51b30dbdfb374b808ee07cb944f86652b949b9 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?C=C4=83t=C4=83lin=20Mari=C8=99?= <alrraa@gmail.com> Date: Tue, 31 Dec 2013 17:54:15 +0200 Subject: [PATCH] Update `404.html` MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * Link to a more official page for the information regarding Internet Explorer's "friendly HTTP error pages", namely: http://blogs.msdn.com/b/ieinternals/archive/2010/08/19/http-error-pages-in-internet-explorer.aspx. * Remove the indentation for the `<head>` and `<body>` tags in order to reduce the file size even closer to the 512 bytes limit. This is particularly helpful when compression is not enabled. * Stats: - before: original size: 1409 B gzipped size: 580 B ───────────────────────────── reduction: 829 B [58.8%] - after: original size: 1242 B gzipped size: 580 B ───────────────────────────── reduction: 662 B [53.3%] Ref: #1443. --- 404.html | 96 ++++++++++++++++++++++++++++---------------------------- 1 file changed, 48 insertions(+), 48 deletions(-) diff --git a/404.html b/404.html index 00c81b5e1f..0a5afda37f 100644 --- a/404.html +++ b/404.html @@ -1,59 +1,59 @@ <!DOCTYPE html> <html lang="en"> - <head> - <meta charset="utf-8"> - <title>Page Not Found</title> - <meta name="viewport" content="width=device-width, initial-scale=1"> - <style> - - * { - margin: 0; - line-height: 1.5; - } - - html { - color: #888; - font-family: sans-serif; - text-align: center; - } +<head> + <meta charset="utf-8"> + <title>Page Not Found</title> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <style> + + * { + line-height: 1.5; + margin: 0; + } + + html { + color: #888; + font-family: sans-serif; + text-align: center; + } + + body { + left: 50%; + margin: -43px 0 0 -150px; + position: absolute; + top: 50%; + width: 300px; + } + + h1 { + color: #555; + font-size: 2em; + font-weight: 400; + } + + p { + line-height: 1.2; + } + + @media only screen and (max-width: 270px) { body { - left: 50%; - margin: -43px 0 0 -150px; - position: absolute; - top: 50%; - width: 300px; + margin: 10px auto; + position: static; + width: 95%; } h1 { - color: #555; - font-size: 2em; - font-weight: 400; - } - - p { - line-height: 1.2; + font-size: 1.5em; } - @media only screen and (max-width: 270px) { - - body { - margin: 10px auto; - position: static; - width: 95%; - } - - h1 { - font-size: 1.5em; - } - - } + } - </style> - </head> - <body> - <h1>Page Not Found</h1> - <p>Sorry, but the page you were trying to view does not exist.</p> - </body> + </style> +</head> +<body> + <h1>Page Not Found</h1> + <p>Sorry, but the page you were trying to view does not exist.</p> +</body> </html> -<!-- IE requires 512+ bytes: http://www.404-error-page.com/404-error-page-too-short-problem-microsoft-ie.shtml --> +<!-- IE needs 512+ bytes: http://blogs.msdn.com/b/ieinternals/archive/2010/08/19/http-error-pages-in-internet-explorer.aspx -->