404.html

   1 <!DOCTYPE html>
   2 <html lang="en">
   3     <head>
   4         <meta charset="utf-8">
   5         <title>Page Not Found :(</title>
   6         <style>
   7             ::-moz-selection {
   8                 background: #b3d4fc;
   9                 text-shadow: none;
  10             }
  11
  12             ::selection {
  13                 background: #b3d4fc;
  14                 text-shadow: none;
  15             }
  16
  17             html {
  18                 padding: 30px 10px;
  19                 font-size: 20px;
  20                 line-height: 1.4;
  21                 color: #737373;
  22                 background: #f0f0f0;
  23                 -webkit-text-size-adjust: 100%;
  24                 -ms-text-size-adjust: 100%;
  25             }
  26
  27             html,
  28             input {
  29                 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  30             }
  31
  32             body {
  33                 max-width: 500px;
  34                 _width: 500px;
  35                 padding: 30px 20px 50px;
  36                 border: 1px solid #b3b3b3;
  37                 border-radius: 4px;
  38                 margin: 0 auto;
  39                 box-shadow: 0 1px 10px #a7a7a7, inset 0 1px 0 #fff;
  40                 background: #fcfcfc;
  41             }
  42
  43             h1 {
  44                 margin: 0 10px;
  45                 font-size: 50px;
  46                 text-align: center;
  47             }
  48
  49             h1 span {
  50                 color: #bbb;
  51             }
  52
  53             h3 {
  54                 margin: 1.5em 0 0.5em;
  55             }
  56
  57             p {
  58                 margin: 1em 0;
  59             }
  60
  61             ul {
  62                 padding: 0 0 0 40px;
  63                 margin: 1em 0;
  64             }
  65
  66             .container {
  67                 max-width: 380px;
  68                 _width: 380px;
  69                 margin: 0 auto;
  70             }
  71
  72             /* google search */
  73
  74             #goog-fixurl ul {
  75                 list-style: none;
  76                 padding: 0;
  77                 margin: 0;
  78             }
  79
  80             #goog-fixurl form {
  81                 margin: 0;
  82             }
  83
  84             #goog-wm-qt,
  85             #goog-wm-sb {
  86                 border: 1px solid #bbb;
  87                 font-size: 16px;
  88                 line-height: normal;
  89                 vertical-align: top;
  90                 color: #444;
  91                 border-radius: 2px;
  92             }
  93
  94             #goog-wm-qt {
  95                 width: 220px;
  96                 height: 20px;
  97                 padding: 5px;
  98                 margin: 5px 10px 0 0;
  99                 box-shadow: inset 0 1px 1px #ccc;
 100             }
 101
 102             #goog-wm-sb {
 103                 display: inline-block;
 104                 height: 32px;
 105                 padding: 0 10px;
 106                 margin: 5px 0 0;
 107                 white-space: nowrap;
 108                 cursor: pointer;
 109                 background-color: #f5f5f5;
 110                 background-image: -webkit-linear-gradient(rgba(255,255,255,0), #f1f1f1);
 111                 background-image: -moz-linear-gradient(rgba(255,255,255,0), #f1f1f1);
 112                 background-image: -ms-linear-gradient(rgba(255,255,255,0), #f1f1f1);
 113                 background-image: -o-linear-gradient(rgba(255,255,255,0), #f1f1f1);
 114                 -webkit-appearance: none;
 115                 -moz-appearance: none;
 116                 appearance: none;
 117                 *overflow: visible;
 118                 *display: inline;
 119                 *zoom: 1;
 120             }
 121
 122             #goog-wm-sb:hover,
 123             #goog-wm-sb:focus {
 124                 border-color: #aaa;
 125                 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
 126                 background-color: #f8f8f8;
 127             }
 128
 129             #goog-wm-qt:hover,
 130             #goog-wm-qt:focus {
 131                 border-color: #105cb6;
 132                 outline: 0;
 133                 color: #222;
 134             }
 135
 136             input::-moz-focus-inner {
 137                 padding: 0;
 138                 border: 0;
 139             }
 140         </style>
 141     </head>
 142     <body>
 143         <div class="container">
 144             <h1>Not found <span>:(</span></h1>
 145             <p>Sorry, but the page you were trying to view does not exist.</p>
 146             <p>It looks like this was the result of either:</p>
 147             <ul>
 148                 <li>a mistyped address</li>
 149                 <li>an out-of-date link</li>
 150             </ul>
 151             <script>
 152                 var GOOG_FIXURL_LANG = (navigator.language || '').slice(0,2),GOOG_FIXURL_SITE = location.host;
 153             </script>
 154             <script src="//linkhelp.clients.google.com/tbproxy/lh/wm/fixurl.js"></script>
 155         </div>
 156     </body>
 157 </html>