themes/default/less/pagination.less

   1 // PAGINATION
   2 // ----------
   3
   4 .pagination {
   5   height: @baseLineHeight * 2;
   6   margin: @baseLineHeight 0;
   7  }
   8 .pagination ul {
   9   display: inline-block;
  10   .ie7-inline-block();
  11   margin-left: 0;
  12   margin-bottom: 0;
  13   .border-radius(3px);
  14   .box-shadow(0 1px 2px rgba(0,0,0,.05));
  15 }
  16 .pagination li {
  17     display: inline;
  18   }
  19 .pagination a {
  20   float: left;
  21   padding: 0 14px;
  22   line-height: (@baseLineHeight * 2) - 2;
  23   text-decoration: none;
  24   border: 1px solid #ddd;
  25   border-left-width: 0;
  26 }
  27 .pagination a:hover,
  28 .pagination .active a {
  29   background-color: #f5f5f5;
  30 }
  31 .pagination .active a {
  32   color: @grayLight;
  33   cursor: default;
  34 }
  35 .pagination .disabled a,
  36 .pagination .disabled a:hover {
  37   color: @grayLight;
  38   background-color: transparent;
  39   cursor: default;
  40 }
  41 .pagination li:first-child a {
  42   border-left-width: 1px;
  43   .border-radius(3px 0 0 3px);
  44 }
  45 .pagination li:last-child a {
  46   .border-radius(0 3px 3px 0);
  47 }
  48
  49 // Centered
  50 .pagination-centered {
  51   text-align: center;
  52 }
  53 .pagination-right {
  54   text-align: right;
  55 }