a will_paginate css

paginate.scss

.pagination{
  float:right;
  margin-top: 7px;
  height: 22px;
  line-height: 22px;
  span, a, em{
    text-decoration:none;
    padding: 4px 7px;
    border-top: 1px solid #E2E2E2;
    border-left: 1px solid #C9C9C9;
    border-right: 1px solid #C9C9C9;
    border-bottom: 1px solid #AEAEAE;
    @include border-radius(3px);
    background: #eaeaea;
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdfdfd), to(#eaeaea));
    background-image: -webkit-linear-gradient(#fdfdfd, #eaeaea);
    background-image: -moz-linear-gradient(#fdfdfd, #eaeaea);
    background-image: -o-linear-gradient(#fdfdfd, #eaeaea);
    background-image: linear-gradient(#fdfdfd, #eaeaea);
    margin: 0 3px;
    cursor: pointer;
    color: #666;
    &:hover{
      background-size: 100%;
      background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f1f1f1), color-stop(100%, #eaeaea));
      background-image: -webkit-linear-gradient(top, #f1f1f1, #eaeaea);
      background-image: -moz-linear-gradient(top, #f1f1f1, #eaeaea);
      background-image: -o-linear-gradient(top, #f1f1f1, #eaeaea);
      background-image: linear-gradient(top, #f1f1f1, #eaeaea);
    }
    &.disabled{
      background: #eee;
      color: #c5c5c5;
      box-shadow: none;
      border: 1px solid #E2E2E2;
    }
    &.current{
      border: 1px solid #AEAEAE;
      -webkit-box-shadow: 0 0 6px -1px rgba(0, 0, 0, 0.2) inset, 0 1px 0 white;
      -moz-box-shadow: 0 0 6px -1px rgba(0, 0, 0, 0.2) inset, 0 1px 0 white;
      box-shadow: 0 0 6px -1px rgba(0, 0, 0, 0.2) inset, 0 1px 0 white;
    }
  }
}