404.php 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  6. <title>Error 404 - Not Found</title>
  7. <meta name="viewport" content="width=device-width">
  8. <style type="text/css">
  9. @import url(http://fonts.googleapis.com/css?family=Droid+Sans);
  10. article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
  11. audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
  12. audio:not([controls]) { display: none; }
  13. [hidden] { display: none; }
  14. html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
  15. html, button, input, select, textarea { font-family: sans-serif; color: #222; }
  16. body { margin: 0; font-size: 1em; line-height: 1.4; }
  17. ::-moz-selection { background: #E37B52; color: #fff; text-shadow: none; }
  18. ::selection { background: #E37B52; color: #fff; text-shadow: none; }
  19. a { color: #00e; }
  20. a:visited { color: #551a8b; }
  21. a:hover { color: #06e; }
  22. a:focus { outline: thin dotted; }
  23. a:hover, a:active { outline: 0; }
  24. abbr[title] { border-bottom: 1px dotted; }
  25. b, strong { font-weight: bold; }
  26. blockquote { margin: 1em 40px; }
  27. dfn { font-style: italic; }
  28. hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
  29. ins { background: #ff9; color: #000; text-decoration: none; }
  30. mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
  31. pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
  32. pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
  33. q { quotes: none; }
  34. q:before, q:after { content: ""; content: none; }
  35. small { font-size: 85%; }
  36. sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
  37. sup { top: -0.5em; }
  38. sub { bottom: -0.25em; }
  39. ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
  40. dd { margin: 0 0 0 40px; }
  41. nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
  42. img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
  43. svg:not(:root) { overflow: hidden; }
  44. figure { margin: 0; }
  45. form { margin: 0; }
  46. fieldset { border: 0; margin: 0; padding: 0; }
  47. label { cursor: pointer; }
  48. legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
  49. button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
  50. button, input { line-height: normal; }
  51. button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
  52. button[disabled], input[disabled] { cursor: default; }
  53. input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
  54. input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
  55. input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
  56. button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
  57. textarea { overflow: auto; vertical-align: top; resize: vertical; }
  58. input:valid, textarea:valid { }
  59. input:invalid, textarea:invalid { background-color: #f0dddd; }
  60. table { border-collapse: collapse; border-spacing: 0; }
  61. td { vertical-align: top; }
  62. body
  63. {
  64. font-family:'Droid Sans', sans-serif;
  65. font-size:10pt;
  66. color:#555;
  67. line-height: 25px;
  68. }
  69. .wrapper
  70. {
  71. width:760px;
  72. margin:0 auto 5em auto;
  73. }
  74. .main
  75. {
  76. overflow:hidden;
  77. }
  78. .error-spacer
  79. {
  80. height:4em;
  81. }
  82. a, a:visited
  83. {
  84. color:#2972A3;
  85. }
  86. a:hover
  87. {
  88. color:#72ADD4;
  89. }
  90. </style>
  91. </head>
  92. <body>
  93. <div class="wrapper">
  94. <div class="error-spacer"></div>
  95. <div role="main" class="main">
  96. <?php $messages = array('We need a map.', 'I think we\'re lost.', 'We took a wrong turn.'); ?>
  97. <h1><?php echo $messages[mt_rand(0, 2)]; ?></h1>
  98. <h2>Server Error: 404 (Not Found)</h2>
  99. <hr>
  100. <h3>What does this mean?</h3>
  101. <p>
  102. We couldn't find the page you requested on our servers. We're really sorry
  103. about that. It's our fault, not yours. We'll work hard to get this page
  104. back online as soon as possible.
  105. </p>
  106. <p>
  107. Perhaps you would like to go to our <?php echo HTML::link('/', 'home page'); ?>?
  108. </p>
  109. </div>
  110. </div>
  111. </body>
  112. </html>