|
@@ -1,92 +1,113 @@
|
|
|
<!doctype html>
|
|
|
-<html>
|
|
|
- <head>
|
|
|
- <meta charset="utf-8">
|
|
|
-
|
|
|
- <title>Error 404 - Not Found</title>
|
|
|
-
|
|
|
- <style>
|
|
|
- @import url(http://fonts.googleapis.com/css?family=Ubuntu);
|
|
|
-
|
|
|
- body {
|
|
|
- background: #eee;
|
|
|
- color: #6d6d6d;
|
|
|
- font: normal normal normal 14px/1.253 Ubuntu, sans-serif;
|
|
|
- margin: 0 0 25px 0;
|
|
|
- min-width: 800px;
|
|
|
- padding: 0;
|
|
|
- }
|
|
|
-
|
|
|
- #main {
|
|
|
- background-clip: padding-box;
|
|
|
- background-color: #fff;
|
|
|
- border:1px solid #ccc;
|
|
|
- border-radius: 5px;
|
|
|
- box-shadow: 0 0 10px #cdcdcd;
|
|
|
- margin: 25px auto 0;
|
|
|
- padding: 30px;
|
|
|
- width: 700px;
|
|
|
- position: relative;
|
|
|
- }
|
|
|
-
|
|
|
- #main h1 {
|
|
|
- font-family: 'Ubuntu';
|
|
|
- font-size: 38px;
|
|
|
- letter-spacing: 2px;
|
|
|
- margin: 0 0 10px 0;
|
|
|
- padding: 0;
|
|
|
- }
|
|
|
-
|
|
|
- #main h2 {
|
|
|
- color: #999;
|
|
|
- font-size: 18px;
|
|
|
- letter-spacing: 3px;
|
|
|
- margin: 0 0 25px 0;
|
|
|
- padding: 0 0 0 0;
|
|
|
- }
|
|
|
-
|
|
|
- #main h3 {
|
|
|
- color: #999;
|
|
|
- margin-top: 24px;
|
|
|
- padding: 0 0 0 0;
|
|
|
- }
|
|
|
-
|
|
|
- #main h3 {
|
|
|
- font-size: 18px;
|
|
|
- }
|
|
|
-
|
|
|
- #main p {
|
|
|
- line-height: 25px;
|
|
|
- margin: 10px 0;
|
|
|
- }
|
|
|
-
|
|
|
- #main pre {
|
|
|
- background-color: #333;
|
|
|
- border-left: 1px solid #d8d8d8;
|
|
|
- border-top: 1px solid #d8d8d8;
|
|
|
- border-radius: 5px;
|
|
|
- color: #eee;
|
|
|
- padding: 10px;
|
|
|
- }
|
|
|
-
|
|
|
- #main ul {
|
|
|
- margin: 10px 0;
|
|
|
- padding: 0 30px;
|
|
|
- }
|
|
|
-
|
|
|
- #main li {
|
|
|
- margin: 5px 0;
|
|
|
- }
|
|
|
- </style>
|
|
|
- </head>
|
|
|
- <body>
|
|
|
- <div id="main">
|
|
|
+<html lang="en">
|
|
|
+<head>
|
|
|
+ <meta charset="utf-8">
|
|
|
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
|
+ <title>Error 404 - Not Found</title>
|
|
|
+ <meta name="viewport" content="width=device-width">
|
|
|
+ <style type="text/css">
|
|
|
+ @import url(http://fonts.googleapis.com/css?family=Droid+Sans);
|
|
|
+
|
|
|
+ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
|
|
|
+ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
|
|
|
+ audio:not([controls]) { display: none; }
|
|
|
+ [hidden] { display: none; }
|
|
|
+ html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
|
|
|
+ html, button, input, select, textarea { font-family: sans-serif; color: #222; }
|
|
|
+ body { margin: 0; font-size: 1em; line-height: 1.4; }
|
|
|
+ ::-moz-selection { background: #E37B52; color: #fff; text-shadow: none; }
|
|
|
+ ::selection { background: #E37B52; color: #fff; text-shadow: none; }
|
|
|
+ a { color: #00e; }
|
|
|
+ a:visited { color: #551a8b; }
|
|
|
+ a:hover { color: #06e; }
|
|
|
+ a:focus { outline: thin dotted; }
|
|
|
+ a:hover, a:active { outline: 0; }
|
|
|
+ abbr[title] { border-bottom: 1px dotted; }
|
|
|
+ b, strong { font-weight: bold; }
|
|
|
+ blockquote { margin: 1em 40px; }
|
|
|
+ dfn { font-style: italic; }
|
|
|
+ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
|
|
|
+ ins { background: #ff9; color: #000; text-decoration: none; }
|
|
|
+ mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
|
|
|
+ pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
|
|
|
+ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
|
|
|
+ q { quotes: none; }
|
|
|
+ q:before, q:after { content: ""; content: none; }
|
|
|
+ small { font-size: 85%; }
|
|
|
+ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
|
|
|
+ sup { top: -0.5em; }
|
|
|
+ sub { bottom: -0.25em; }
|
|
|
+ ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
|
|
|
+ dd { margin: 0 0 0 40px; }
|
|
|
+ nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
|
|
|
+ img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
|
|
|
+ svg:not(:root) { overflow: hidden; }
|
|
|
+ figure { margin: 0; }
|
|
|
+ form { margin: 0; }
|
|
|
+ fieldset { border: 0; margin: 0; padding: 0; }
|
|
|
+ label { cursor: pointer; }
|
|
|
+ legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
|
|
|
+ button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
|
|
|
+ button, input { line-height: normal; }
|
|
|
+ button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
|
|
|
+ button[disabled], input[disabled] { cursor: default; }
|
|
|
+ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
|
|
|
+ input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
|
|
|
+ input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
|
|
|
+ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
|
|
|
+ textarea { overflow: auto; vertical-align: top; resize: vertical; }
|
|
|
+ input:valid, textarea:valid { }
|
|
|
+ input:invalid, textarea:invalid { background-color: #f0dddd; }
|
|
|
+ table { border-collapse: collapse; border-spacing: 0; }
|
|
|
+ td { vertical-align: top; }
|
|
|
+
|
|
|
+ body
|
|
|
+ {
|
|
|
+ font-family:'Droid Sans', sans-serif;
|
|
|
+ font-size:10pt;
|
|
|
+ color:#555;
|
|
|
+ line-height: 25px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .wrapper
|
|
|
+ {
|
|
|
+ width:760px;
|
|
|
+ margin:0 auto 5em auto;
|
|
|
+ }
|
|
|
+
|
|
|
+ .main
|
|
|
+ {
|
|
|
+ overflow:hidden;
|
|
|
+ }
|
|
|
+
|
|
|
+ .error-spacer
|
|
|
+ {
|
|
|
+ height:4em;
|
|
|
+ }
|
|
|
+
|
|
|
+ a, a:visited
|
|
|
+ {
|
|
|
+ color:#2972A3;
|
|
|
+ }
|
|
|
+
|
|
|
+ a:hover
|
|
|
+ {
|
|
|
+ color:#72ADD4;
|
|
|
+ }
|
|
|
+ </style>
|
|
|
+</head>
|
|
|
+<body onload="prettyPrint()">
|
|
|
+ <div class="wrapper">
|
|
|
+ <div class="error-spacer"></div>
|
|
|
+ <div role="main" class="main">
|
|
|
<?php $messages = array('We need a map.', 'I think we\'re lost.', 'We took a wrong turn.'); ?>
|
|
|
|
|
|
<h1><?php echo $messages[mt_rand(0, 2)]; ?></h1>
|
|
|
|
|
|
<h2>Server Error: 404 (Not Found)</h2>
|
|
|
|
|
|
+ <hr>
|
|
|
+
|
|
|
<h3>What does this mean?</h3>
|
|
|
|
|
|
<p>
|
|
@@ -99,5 +120,6 @@
|
|
|
Perhaps you would like to go to our <?php echo HTML::link('/', 'home page'); ?>?
|
|
|
</p>
|
|
|
</div>
|
|
|
- </body>
|
|
|
+ </div>
|
|
|
+</body>
|
|
|
</html>
|