planetlab/css/plc_paginate.css

   1 /* Pagination list styles */
   2 ul.fdtablePaginater
   3         {
   4         display:table;
   5         list-style:none;
   6         padding:0;
   7         margin:0 auto;
   8         text-align:center;
   9         height:2em;
  10         width:auto;
  11         margin-bottom:2em;
  12         }
  13 ul.fdtablePaginater li
  14         {
  15         display:table-cell;
  16         padding-right:4px;
  17         color:#666;
  18         list-style:none;
  19
  20         -moz-user-select:none;
  21         -khtml-user-select:none;
  22         }
  23 ul.fdtablePaginater li a.currentPage
  24         {
  25         border-color:#a84444 !important;
  26         color:#000;
  27         }
  28 ul.fdtablePaginater li a:active
  29         {
  30         border-color:#222 !important;
  31         color:#222;
  32         }
  33 ul.fdtablePaginater li a,
  34 ul.fdtablePaginater li div
  35         {
  36         display:block;
  37         width:2em;
  38         font-size:1em;
  39         color:#666;
  40         padding:0;
  41         margin:0;
  42         text-decoration:none;
  43         outline:none;
  44         border:1px solid #ccc;
  45         font-family:georgia, serif;
  46         }
  47 ul.fdtablePaginater li div
  48         {
  49         cursor:normal;
  50         opacity:.5;
  51         filter:alpha(opacity=50);
  52         }
  53 ul.fdtablePaginater li a span,
  54 ul.fdtablePaginater li div span
  55         {
  56         display:block;
  57         line-height:2em;
  58         border:1px solid #fff;
  59         background:#fff url(../media/gradient.gif) repeat-x 0 -20px;
  60         }
  61 ul.fdtablePaginater li a
  62         {
  63         cursor:pointer;
  64         }
  65 ul.fdtablePaginater li a:focus
  66         {
  67         color:#333;
  68         text-decoration:none;
  69         border-color:#aaa;
  70         }
  71 .fdtablePaginaterWrap
  72         {
  73         text-align:center;
  74         clear:both;
  75         text-decoration:none;
  76         }
  77 ul.fdtablePaginater li .next-page span,
  78 ul.fdtablePaginater li .previous-page span,
  79 ul.fdtablePaginater li .first-page span,
  80 ul.fdtablePaginater li .last-page span
  81         {
  82         font-weight:bold !important;
  83         }
  84 /* Keep the table columns an equal size during pagination */
  85 td.sized1
  86         {
  87         width:16em;
  88         text-align:left;
  89         }
  90 td.sized2
  91         {
  92         width:10em;
  93         text-align:left;
  94         }
  95 td.sized3
  96         {
  97         width:7em;
  98         text-align:left;
  99         }
 100 tfoot td
 101         {
 102         text-align:right;
 103         font-weight:bold;
 104         text-transform:uppercase;
 105         letter-spacing:1px;
 106         }
 107 #visibleTotal
 108         {
 109         text-align:center;
 110         letter-spacing:auto;
 111         }
 112 * html ul.fdtablePaginater li div span,
 113 * html ul.fdtablePaginater li div span
 114         {
 115         background:#eee;
 116         }
 117 tr.invisibleRow
 118         {
 119         display:none;
 120         visibility:hidden;
 121         }
 122 p.paginationText
 123         {
 124         font-style:oblique;
 125         }
 126 <!--[if IE]>
 127 <style type="text/css">
 128 ul.fdtablePaginater {display:inline-block;}
 129 mul.fdtablePaginater {display:inline;}
 130 ul.fdtablePaginater li {float:left;}
 131 ul.fdtablePaginater {text-align:center;}
 132 table { border-bottom:1px solid #C1DAD7; }
 133 </style>
 134 <![endif]-->