Add custom 404

14 years ago · bedf99767a
parent a57a0ed921
commit bedf99767a
1 changed files with 82 additions and 0 deletions
--- a/404.html
+++ b/404.html
@ -0,0 +1,82 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
 "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
 <html>
 <head>
  <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
  <meta name="google-site-verification" content="tRzqLIGPqV1y36f2qM_b3txYlQPMoCuifw8QkIzpLkA" />
  <title>{{ site.name }} :: {{ page.title }}</title>
  <link  href="http://fonts.googleapis.com/css?family=Reenie+Beanie:regular" rel="stylesheet" type="text/css" > 
  <style>
    body{
      background-color:#690000;
      color:#CC6666;
      font-family:Georgia,Times,serif;
    }
    #outer {
      position: absolute;
      top: 50%;
      left: 0px;
      width: 100%;
      height: 1px;
      overflow: visible;
    }
    #inner {
      width: 200px;
      height: 200px;
      margin-left: -100px;  /***  width / 2   ***/
      position: absolute;
      top: -100px;          /***  height / 2   ***/
      left: 50%;
    }
    a{
      background:#ff9;
      background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9), to(#cc3));
      background:-moz-linear-gradient(left top, #ff9, #cc3 100%);
      color:#000;
      display:block;
      font-family:"Reenie Beanie",Arial,sans-serif;
      font-size:25px;
      height:100px;
      list-style:none;
      margin:0;
      padding:50px 0;
      text-align:center;
      text-decoration:none;
      width:200px;
      -moz-box-shadow:5px 5px 7px rgba(33,33,33,.7);
      -webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.7);
      box-shadow: 5px 5px 7px rgba(33,33,33,.7);
      -webkit-transform: rotate(-10deg);
      -o-transform: rotate(-10deg);
      -moz-transform:rotate(-10deg);
    }
    /* thanks to http://www.zurb.com/playground/css3-polaroids */
    a{
      -webkit-transform: rotate(-6deg);
      -o-transform: rotate(-6deg);
      -moz-transform:rotate(-6deg);
      -moz-transition:-moz-transform .15s linear;
      -o-transition:-o-transform .5s linear;
      -webkit-transition:-webkit-transform .15s linear;
    }
    a:hover,a:focus{
      -moz-box-shadow:10px 10px 7px rgba(33,33,33,.7);
      -webkit-box-shadow: 10px 10px 7px rgba(33,33,33,.7);
      box-shadow: 10px 10px 7px rgba(33,33,33,.7);
      cursor:pointer;
      -webkit-transform: scale(1.25);
      -moz-transform: scale(1.25);
      -o-transform: scale(1.25);
      position:relative;
      z-index:5;
    }
  </style>
 </head>
 <body>
  <div id="outer">
    <div id="inner">
      <a href="http://relaxdiego.github.com/redmine_backlogs"><strong>Impediment #404</strong> <br/>Page doesn't exist! <br/>Go home?</a></li>
    </div>
  </div>
 </body>
 </html>