planetlab/css/plc_paginate.css

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