Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
tree: 9ae3912020
Fetching contributors…

Cannot retrieve contributors at this time

file 100 lines (97 sloc) 21.316 kb
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title></title>
  <style>
    .button {
      float:left;
      width:165px;
      height:23px;
      display:block;
      font-family:Arial, "Helvetica", sans-serif;
      font-size:12px;
      font-weight:bold;
      color:#fff;
      text-decoration:none;
      text-transform:uppercase;
      text-align:center;
      text-shadow:1px 1px 0px #07526e;
      padding-top:12px;
      margin-left:auto;
      margin-right:50px;
      margin-bottom:10px;
      left:30px;
      position:relative;
      cursor:pointer;
      border-left:solid 1px #2ab7ec;
      -webkit-user-select: none;
      -moz-user-select: none;
      -o-user-select: none;
      user-select: none;
      background-image: linear-gradient(bottom, rgb(14,137,182) 0%, rgb(22,179,236) 100%);
      background-image: -o-linear-gradient(bottom, rgb(14,137,182) 0%, rgb(22,179,236) 100%);
      background-image: -moz-linear-gradient(bottom, rgb(14,137,182) 0%, rgb(22,179,236) 100%);
      background-image: -webkit-linear-gradient(bottom, rgb(14,137,182) 0%, rgb(22,179,236) 100%);
      background-image: -ms-linear-gradient(bottom, rgb(14,137,182) 0%, rgb(22,179,236) 100%);
      -webkit-border-top-right-radius: 5px;
      -webkit-border-bottom-right-radius: 5px;
      -moz-border-radius-topright: 5px;
      -moz-border-radius-bottomright: 5px;
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px;
      -webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #07526e, 0px 10px 5px #999;
      -moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #07526e, 0px 10px 5px #999;
      -o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #07526e, 0px 10px 5px #999;
      box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #07526e, 0px 10px 5px #999;
    }

    .button:active {
      top:3px;
      -webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #07526e, 0px 5px 3px #999;
      -moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #07526e, 0px 5px 3px #999;
      -o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #07526e, 0px 5px 3px #999;
      box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #07526e, 0px 5px 3px #999;
    }

    .button:before {
      content:"1";
      width:35px;
      height:25px;
      display:block;
      position:absolute;
      padding-top:10px;
      top:0px;
      margin-left:-37px;
      font-size:16px;
      font-weight:bold;
      color:#8fd1ea;
      text-shadow:1px 1px 0px #07526e;
      border-right:solid 1px #07526e;
      background-image: linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
      background-image: -o-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
      background-image: -moz-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
      background-image: -webkit-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
      background-image: -ms-linear-gradient(bottom, rgb(10,94,125) 0%, rgb(14,139,184) 100%);
      -webkit-border-top-left-radius: 5px;
      -webkit-border-bottom-left-radius: 5px;
      -moz-border-radius-topleft: 5px;
      -moz-border-radius-bottomleft: 5px;
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px;
      -webkit-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999 ;
      -moz-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999 ;
      -o-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999 ;
      box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 0px 10px 5px #999 ;
    }

    .button:active:before {
      top:-3px;
      -webkit-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999 ;
      -moz-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999 ;
      -o-box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999 ;
      box-shadow:inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #032b3a, 1px 1px 0px 0px #044a64, 2px 2px 0px 0px #044a64, 2px 5px 0px 0px #044a64, 6px 4px 2px #0b698b, 0px 10px 5px #999 ;
    }
  </style>
</head>
<body>
  <a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a><a class="button" href="#">Numbah one!</a>
</body>
</html>
Something went wrong with that request. Please try again.