karmaworld/assets/css/jquery.tablesorter.pager.css

   1 /* pager wrapper, div */
   2 .tablesorter-pager {
   3         padding: 5px;
   4 }
   5 /* pager wrapper, in thead/tfoot */
   6 td.tablesorter-pager {
   7         background-color: #e6eeee;
   8         margin: 0; /* needed for bootstrap .pager gets a 18px bottom margin */
   9 }
  10 /* pager navigation arrows */
  11 .tablesorter-pager img {
  12         vertical-align: middle;
  13         margin-right: 2px;
  14         cursor: pointer;
  15 }
  16
  17 /* pager output text */
  18 .tablesorter-pager .pagedisplay {
  19         padding: 0 5px 0 5px;
  20         width: auto;
  21         white-space: nowrap;
  22         text-align: center;
  23 }
  24
  25 /* pager element reset (needed for bootstrap) */
  26 .tablesorter-pager select {
  27         margin: 0;
  28         padding: 0;
  29 }
  30
  31 /*** css used when "updateArrows" option is true ***/
  32 /* the pager itself gets a disabled class when the number of rows is less than the size */
  33 .tablesorter-pager.disabled {
  34         display: none;
  35 }
  36 /* hide or fade out pager arrows when the first or last row is visible */
  37 .tablesorter-pager .disabled {
  38         /* visibility: hidden */
  39         opacity: 0.5;
  40         filter: alpha(opacity=50);
  41         cursor: default;
  42 }