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:1.5em;
  12         width:auto;
  13         margin-bottom:1em;
  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(/planetlab/icons/tablesort_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 /*
 103    tfoot td
 104         {
 105         text-align:right;
 106         font-weight:bold;
 107         text-transform:uppercase;
 108         letter-spacing:1px;
 109         }
 110    */
 111 #visibleTotal
 112         {
 113         text-align:center;
 114         letter-spacing:auto;
 115         }
 116 * html ul.fdtablePaginater li div span,
 117 * html ul.fdtablePaginater li div span
 118         {
 119         background:#eee;
 120         }
 121 tr.invisibleRow
 122         {
 123         display:none;
 124         visibility:hidden;
 125         }
 126 p.paginationText
 127         {
 128         font-style:oblique;
 129         }
 130 p.plc_filter_note
 131         {
 132     font-style:oblique;
 133     font-size:0.6em;
 134     font-family: georgia;
 135     text-align: center
 136         }
 137
 138 <!--[if IE]>
 139 <style type="text/css">
 140 ul.fdtablePaginater {display:inline-block;}
 141 mul.fdtablePaginater {display:inline;}
 142 ul.fdtablePaginater li {float:left;}
 143 ul.fdtablePaginater {text-align:center;}
 144 table { border-bottom:1px solid #C1DAD7; }
 145 </style>
 146 <![endif]-->