simple starting point for will_paginate styles

paginate.css

/*simple styles for will_paginate*/

/*wrap your will_paginate in the .paginate class, and 
  add these styles in the appropriate place

    <div class="paginate">
      =will_paginate @foo
    </div>

*/

.paginate {
  margin-top: 25px; }
  .paginate a {
    background: #ddd;
    border: 1px solid #bbb;
    margin: 0 2px;
    padding: 2px 7px;
    text-decoration: none; }
    .paginate a:hover {
      background: #194f72;
      border-color: #11374f;
      color: #ddd; }
  .paginate .next_page {
    border: 2px solid #bbb;
    margin-left: 15px; }
  .paginate .prev_page {
    border: 2px solid #bbb;
    margin-right: 15px; }
  .paginate .current {
    color: #194f72;
    font-weight: bold;
    padding: 2px 7px;
    margin: 0 5px; }
  .paginate .disabled {
    border: none;
    color: #888; }

paginate.sass

/*simple styles for will_paginate*/

/*wrap your will_paginate in the .paginate class, and 
  add these styles in the appropriate place

    .paginate
      =will_paginate @foo

*/

.paginate
  :margin-top 50px
  a
    :background #ddd
    :border 1px solid #bbb
    :margin 0 5px
    :padding 2px 7px
    :text-decoration none
    &:hover
      :background #194f72
      :border-color #11374f
      :color #ddd
  .next_page
    :border 2px solid #bbb
    :margin-left 25px
  .prev_page
    :border 3px solid #bbb
    :margin-right 25px
  .current
    :color #B2711E
    :font-weight bold
    :padding 2px 7px
    :margin 0 5px
  .disabled
    :border none
    :color #888