video/public/less/pagination.less

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