add html boilerplate
[tools.git] / 404.html
blob:a/404.html -> blob:b/404.html
  <!DOCTYPE html>
  <html lang="en">
  <head>
  <meta charset="utf-8">
  <title>Page Not Found :(</title>
  <style>
  ::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
  }
   
  ::selection {
  background: #b3d4fc;
  text-shadow: none;
  }
   
  html {
  padding: 30px 10px;
  font-size: 20px;
  line-height: 1.4;
  color: #737373;
  background: #f0f0f0;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  }
   
  html,
  input {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
   
  body {
  max-width: 500px;
  _width: 500px;
  padding: 30px 20px 50px;
  border: 1px solid #b3b3b3;
  border-radius: 4px;
  margin: 0 auto;
  box-shadow: 0 1px 10px #a7a7a7, inset 0 1px 0 #fff;
  background: #fcfcfc;
  }
   
  h1 {
  margin: 0 10px;
  font-size: 50px;
  text-align: center;
  }
   
  h1 span {
  color: #bbb;
  }
   
  h3 {
  margin: 1.5em 0 0.5em;
  }
   
  p {
  margin: 1em 0;
  }
   
  ul {
  padding: 0 0 0 40px;
  margin: 1em 0;
  }
   
  .container {
  max-width: 380px;
  _width: 380px;
  margin: 0 auto;
  }
   
  /* google search */
   
  #goog-fixurl ul {
  list-style: none;
  padding: 0;
  margin: 0;
  }
   
  #goog-fixurl form {
  margin: 0;
  }
   
  #goog-wm-qt,
  #goog-wm-sb {
  border: 1px solid #bbb;
  font-size: 16px;
  line-height: normal;
  vertical-align: top;
  color: #444;
  border-radius: 2px;
  }
   
  #goog-wm-qt {
  width: 220px;
  height: 20px;
  padding: 5px;
  margin: 5px 10px 0 0;
  box-shadow: inset 0 1px 1px #ccc;
  }
   
  #goog-wm-sb {
  display: inline-block;
  height: 32px;
  padding: 0 10px;
  margin: 5px 0 0;
  white-space: nowrap;
  cursor: pointer;
  background-color: #f5f5f5;
  background-image: -webkit-linear-gradient(rgba(255,255,255,0), #f1f1f1);
  background-image: -moz-linear-gradient(rgba(255,255,255,0), #f1f1f1);
  background-image: -ms-linear-gradient(rgba(255,255,255,0), #f1f1f1);
  background-image: -o-linear-gradient(rgba(255,255,255,0), #f1f1f1);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  *overflow: visible;
  *display: inline;
  *zoom: 1;
  }
   
  #goog-wm-sb:hover,
  #goog-wm-sb:focus {
  border-color: #aaa;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  background-color: #f8f8f8;
  }
   
  #goog-wm-qt:hover,
  #goog-wm-qt:focus {
  border-color: #105cb6;
  outline: 0;
  color: #222;
  }
   
  input::-moz-focus-inner {
  padding: 0;
  border: 0;
  }
  </style>
  </head>
  <body>
  <div class="container">
  <h1>Not found <span>:(</span></h1>
  <p>Sorry, but the page you were trying to view does not exist.</p>
  <p>It looks like this was the result of either:</p>
  <ul>
  <li>a mistyped address</li>
  <li>an out-of-date link</li>
  </ul>
  <script>
  var GOOG_FIXURL_LANG = (navigator.language || '').slice(0,2),GOOG_FIXURL_SITE = location.host;
  </script>
  <script src="http://linkhelp.clients.google.com/tbproxy/lh/wm/fixurl.js"></script>
  </div>
  </body>
  </html>