404.haml

!!! 5
%html{ lang: "en" }
  %head
    %meta{ charset: "utf-8" }
    %title "Page not found :("
    :css
      ::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
      ::selection { background: #fe57a1; color: #fff; 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:focus, #goog-wm-sb:focus { border-color: #105cb6; outline: 0; color: #222; }
      input::-moz-focus-inner { padding: 0; border: 0; }
  %body
    .container
      %h1 "Not Found <span>:(</span>"
      %p "Sorry, but the page you were trying to view does not exist."
      %ul
        %li "a mistyped address"
        %li "an out-of-date link"
      :javascript
        var GOOG_FIXURL_LANG = (navigator.language || '').slice(0,2),GOOG_FIXURL_SITE = location.host;
      %script{ src: "http://linkhelp.clients.google.com/tbproxy/lh/wm/fixurl.js" }