tmpl/less/pager.less

   1 //
   2 // Pager pagination
   3 // --------------------------------------------------
   4
   5
   6 .pager {
   7   padding-left: 0;
   8   margin: @line-height-computed 0;
   9   list-style: none;
  10   text-align: center;
  11   .clearfix();
  12   li {
  13     display: inline;
  14     > a,
  15     > span {
  16       display: inline-block;
  17       padding: 5px 14px;
  18       background-color: @pagination-bg;
  19       border: 1px solid @pagination-border;
  20       border-radius: @pager-border-radius;
  21     }
  22
  23     > a:hover,
  24     > a:focus {
  25       text-decoration: none;
  26       background-color: @pagination-hover-bg;
  27     }
  28   }
  29
  30   .next {
  31     > a,
  32     > span {
  33       float: right;
  34     }
  35   }
  36
  37   .previous {
  38     > a,
  39     > span {
  40       float: left;
  41     }
  42   }
  43
  44   .disabled {
  45     > a,
  46     > a:hover,
  47     > a:focus,
  48     > span {
  49       color: @pager-disabled-color;
  50       background-color: @pagination-bg;
  51       cursor: not-allowed;
  52     }
  53   }
  54
  55 }